1 line
19 KiB
JSON
1 line
19 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\network.vue","mtime":1674961941275},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\nexport default {\n data: function data() {\n return {\n optionsa: [{\n value: '1',\n label: '全局'\n }],\n tableRouter: [{\n name: 'Router0',\n target: 'e.g.10.0.0.0/8',\n Range: 'e.g.192.168.0.1',\n metric: '',\n disabled: true\n }, {\n name: 'Router1',\n target: 'e.g.10.0.0.0/8',\n Range: 'e.g.192.168.0.1',\n metric: '',\n disabled: true\n }, {\n name: 'Router2',\n target: 'e.g.10.0.0.0/8',\n Range: 'e.g.192.168.0.1',\n metric: '',\n disabled: true\n }, {\n name: 'Router3',\n target: 'e.g.10.0.0.0/8',\n Range: 'e.g.192.168.0.1',\n metric: '',\n disabled: true\n }],\n sizeForm: {\n name: '1',\n region: '00:11:14:1a:62:fe',\n MTU: '1500',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: true,\n ip: '192.168.1.5/24',\n gateway: 'n/a',\n ip1: '192.168.50.10/24',\n ip2: 'e.g.192.168.50.10/24',\n ip3: 'e.g.192.168.50.10/24',\n ip4: 'e.g.192.168.50.10/24',\n dns1: 'e.g.1.1.1.1',\n dns2: 'e.g.1.0.0.1',\n dns3: 'e.g.1.0.0.1'\n },\n options: [{\n value: '1',\n label: 'eth0'\n }],\n tableData: [{\n agreement: 'NO',\n Range: '1',\n address: '192.168.50.10/24',\n term: '永久',\n disabled: true\n }, {\n agreement: 'YES',\n Range: '1',\n address: '192.168.1.5/24',\n term: '17小时',\n disabled: true\n }]\n };\n },\n watch: {},\n methods: {\n changeVal: function changeVal(val, e) {\n this.tableData[e].disabled = false;\n },\n changeValT: function changeValT(val, e) {\n this.tableRouter[e].disabled = false;\n },\n handleClick: function handleClick(scope, e) {\n console.log(scope, 'scope');\n }\n }\n};",{"version":3,"sources":["network.vue"],"names":[],"mappings":"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","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 "],"sourceRoot":"src/views/general"}]} |