{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue","mtime":1672274053253},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672206976118},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1672206979280},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1672206978495},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1672206978844},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}