1 line
15 KiB
JSON
1 line
15 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue","mtime":1674961941275},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1674961934180},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1674961940096},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1674961938244},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1674961932750},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1674961940096}],"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\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2QA;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 "]}]} |