1 line
72 KiB
JSON
1 line
72 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":1679361014437},{"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":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.number.constructor\";\nimport \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 var validateIPAddress = function validateIPAddress(rule, value, callback) {\n if (value == null) {\n return callback(new Error('IP地址不能为空'));\n }\n\n var regexp = /^((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})(\\.((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})){3}$/;\n var valdata = value.split(',');\n var isCorrect = true;\n\n if (valdata.length) {\n for (var i = 0; i < valdata.length; i++) {\n if (regexp.test(valdata[i]) == false) {\n isCorrect = false;\n }\n }\n }\n\n if (!isCorrect) {\n callback(new Error('请输入正确的IP地址'));\n } else {\n callback();\n }\n };\n\n var validateIPAddressYes = function validateIPAddressYes(rule, value, callback) {\n if (value == null) {\n return callback(new Error('IP地址不能为空'));\n }\n\n var regexp = /^((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})(\\.((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})){3}$/; // value.split(\"/\")[0]\n\n var valdata = value.split('/')[0];\n var valdata2 = value.split('/')[1];\n console.log(\"valdata\", valdata);\n console.log(\"valdata2\", valdata2);\n var isCorrect = true;\n\n if (valdata.length) {\n for (var i = 0; i < valdata.length; i++) {\n if (regexp.test(valdata[i]) == false) {\n if (!Number(valdata2)) {\n // callback(new Error('请输入整数，值为[1,32]'));\n isCorrect = false;\n callback(new Error('请输入正确的IP地址'));\n } else {\n if (valdata2 < 1 || valdata2 > 32) {\n callback(new Error('请输入整数，值为[1,32]'));\n isCorrect = false;\n } else {\n callback();\n }\n }\n }\n }\n }\n };\n\n var metric = function metric(rule, value, callback) {\n if (!value) {\n return callback(new Error('输入不可以为空'));\n }\n\n setTimeout(function () {\n if (!Number(value)) {\n callback(new Error('请输入正整数'));\n } else {\n var re = /^[0-9]*[1-9][0-9]*$/;\n var rsCheck = re.test(value);\n\n if (!rsCheck) {\n callback(new Error('请输入正整数'));\n } else {\n callback();\n }\n }\n }, 0);\n };\n\n return {\n columnLabel: '',\n //要增加的列名\n columnPropIndex: 0,\n //列属性自增\n columnData: [],\n //列标题数组\n rules: {\n gateway4: [{\n required: true,\n pattern: /^(?:(?:1[0-9][0-9]\\.)|(?:2[0-4][0-9]\\.)|(?:25[0-5]\\.)|(?:[1-9][0-9]\\.)|(?:[0-9]\\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9]))$/,\n message: \"请输入正确的IP地址\",\n trigger: \"blur\"\n }],\n via: [{\n required: true,\n pattern: /^(?:(?:1[0-9][0-9]\\.)|(?:2[0-4][0-9]\\.)|(?:25[0-5]\\.)|(?:[1-9][0-9]\\.)|(?:[0-9]\\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9]))$/,\n message: \"请输入正确的IP地址\",\n trigger: \"blur\"\n }],\n // via:[{ required: true, validator: validateIPAddress, trigger: \"blur\" }]\n addressDNS: [{\n required: true,\n validator: validateIPAddress,\n trigger: \"blur\"\n }],\n address: [{\n required: true,\n validator: validateIPAddressYes,\n trigger: \"blur\"\n }],\n to: [{\n required: true,\n validator: validateIPAddressYes,\n trigger: \"blur\"\n }],\n metric: [{\n required: true,\n validator: metric,\n trigger: \"blur\"\n }]\n },\n optionsa: [{\n value: '1',\n label: '全局'\n }],\n tableRouter: [{\n name: 'Router0',\n metric: '',\n to: 'e.g.10.0.0.0/8',\n via: 'e.g.192.168.0.1',\n disabled: true\n }, {\n name: 'Router0',\n metric: '',\n to: 'e.g.10.0.0.0/8',\n via: 'e.g.192.168.0.1',\n disabled: true\n }, {\n name: 'Router0',\n metric: '',\n to: 'e.g.10.0.0.0/8',\n via: 'e.g.192.168.0.1',\n disabled: true\n }, {\n name: 'Router0',\n metric: '',\n to: 'e.g.10.0.0.0/8',\n via: 'e.g.192.168.0.1',\n disabled: true\n }],\n sizeForm: {\n name: 'eth0',\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 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 status: 'NO',\n // mtu:'00:11:14:1a:62:fe',\n // mac:'00:11:14:1a:62:fe',\n // moren:'e.g.1.0.0.1',\n // speed:'1000',\n gateway4: '',\n mtu: '',\n mac: '',\n moren: '',\n speed: '',\n tableRouter: [// {\n // name: 'Router0',\n // metric: '',\n // to:'',\n // via:'',\n // disabled:true\n // },\n // {\n // name: 'Router0',\n // metric: '',\n // to:'',\n // via:'',\n // disabled:true\n // },\n ],\n tableData: [// {\n // id:'',\n // address: '',\n // },\n // {\n // id:'',\n // address: '',\n // },\n // {\n // id:'',\n // address: '',\n // }\n ],\n tableDataDNS: [// {\n // id:'',\n // address: '',\n // },\n // {\n // id:'',\n // address: '',\n // }\n ]\n },\n options: [{\n value: 'eth0',\n label: 'eth0'\n } // {\n // value: 'wlan0',\n // label: 'wlan0'\n // }\n ],\n //数据获取\n netWork: [{\n name: 'eth0',\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 gateway4: '192.168.1.5',\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 status: 'YES',\n mtu: '00:11:14:1a:62:fe',\n mac: '00:11:14:1a:62:fe',\n moren: 'e.g.1.0.0.1',\n speed: '1000'\n }, {\n name: 'wlan0',\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 gateway4: '192.168.1.5',\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 status: 'YES',\n mtu: '00:11:14:1a:62:fe',\n mac: '00:11:14:1a:62:fe',\n moren: 'e.g.1.0.0.1',\n speed: '1000'\n }],\n tableData: [{\n // agreement: 'NO',\n // Range: '1',\n id: '',\n address: '192.168.50.10/24' // term: '永久',\n // disabled:true\n\n }, {\n // agreement: 'YES',\n // Range: '1',\n id: '',\n address: '192.168.1.5/24' // term: '17小时',\n // disabled:true\n\n }, {\n // agreement: 'YES',\n // Range: '1',\n id: '',\n address: '192.168.1.5/24' // term: '17小时',\n // disabled:true\n\n }],\n tableDataDNS: [{\n // agreement: 'NO',\n // Range: '1',\n id: '',\n address: '192.168.50.10/24' // term: '永久',\n // disabled:true\n\n }, {\n // agreement: 'YES',\n // Range: '1',\n id: '',\n address: '192.168.1.5/24' // term: '17小时',\n // disabled:true\n\n }],\n tableDataPanduan: [],\n optionsData: 'eth0'\n };\n },\n watch: {},\n created: function created() {\n this.createMqtt();\n },\n mounted: function mounted() {// window.setInterval( () => { //每隔30秒自动请求一次方法 this.getdata() ，保证数据实时的更新\n // \tthis.publishClient()\n // }, 1000 * 5 )\n },\n methods: {\n //点击保存\n commit: function commit(tableRouter, tableData, tableDataDNS, sizeForm) {\n var _this = this;\n\n console.log(\"tableData\", tableData);\n console.log(\"tableDataDNS\", tableDataDNS);\n console.log(\"sizeForm\", sizeForm);\n var tableRouterN = tableRouter.map(function (value) {\n return value.to + ',' + value.via + ',' + value.metric;\n });\n var tableDataN = tableData.map(function (item) {\n return item.address;\n });\n var tableDataDNSN = tableDataDNS.map(function (item) {\n return item.address;\n });\n var ner = {\n type: \"netplanSet\",\n ethName: \"eth0\",\n dhcp4: false,\n addresses: tableDataN,\n //静态地址\n gateway4: sizeForm.gateway4,\n nameservers: tableDataDNSN,\n //DNS\n routes: tableRouterN //静态路由\n\n };\n this.$confirm('此操作将重新设置网络, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n // this.$message({\n // type: 'success',\n // message: '删除成功!'\n // });\n console.log(\"JSON.stringify(ner)\", JSON.stringify(ner)); // window.publish('Contorl_client',JSON.stringify(ner)); \n }).catch(function () {\n _this.$message({\n type: 'info',\n message: '已取消'\n });\n }); // \n },\n //添加行静态路由\n addRows: function addRows() {\n var circle = this.sizeForm.tableRouter[0]; //取出数组中第一个对象\n\n if (circle) {\n var newObj = {};\n\n for (var key in circle) {\n //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\n newObj[key] = '';\n }\n\n this.sizeForm.tableRouter.splice(this.sizeForm.tableRouter.length, 0, newObj);\n }\n },\n //删除行静态路由\n deleteRows: function deleteRows(scope) {\n this.sizeForm.tableRouter.splice(scope.$index, 1);\n },\n //添加行静态地址\n addRowsTableData: function addRowsTableData() {\n var circle = this.sizeForm.tableData[0]; //取出数组中第一个对象\n\n if (circle) {\n var newObj = {};\n\n for (var key in circle) {\n //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\n newObj[key] = '';\n } // this.sizeForm.tableData.splice(this.sizeForm.tableData.length-1, 0, newObj);\n\n\n this.sizeForm.tableData.splice(this.sizeForm.tableData.length, 0, newObj);\n }\n },\n deleteRowsTableData: function deleteRowsTableData(scope) {\n this.sizeForm.tableData.splice(scope.$index, 1);\n },\n //添加DNS\n addRowsDNS: function addRowsDNS() {\n var circle = this.sizeForm.tableDataDNS[0]; //取出数组中第一个对象\n\n if (circle) {\n var newObj = {};\n\n for (var key in circle) {\n //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\n newObj[key] = '';\n }\n\n this.sizeForm.tableDataDNS.splice(this.sizeForm.tableDataDNS.length, 0, newObj);\n }\n },\n deleteRowsDNS: function deleteRowsDNS(scope) {\n this.sizeForm.tableDataDNS.splice(scope.$index, 1);\n },\n\n /** 创建mqtt */\n createMqtt: function createMqtt() {\n var _this2 = this;\n\n // window.publish('Contorl_client',JSON.stringify({\"type\":\"getNet\"})); \n //创建链接，接收数据\n var topicSends = ['Contorl_server'];\n window.PubScribe(topicSends, -1, this.realInfo);\n setTimeout(function () {\n _this2.publishClient();\n }, 5000);\n },\n publishClient: function publishClient() {\n window.publish('Contorl_client', JSON.stringify({\n \"type\": \"getNet\"\n }));\n },\n\n /** 实时数据分类 */\n realInfo: function realInfo(topic, message) {\n // console.log(\"topic\",topic)\n switch (topic) {\n case \"Contorl_server\":\n try {\n var utf8decoder = new TextDecoder();\n var u8arr = new Uint8Array(message);\n var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n if (msg.type == 'getNet') {\n console.log(\"msg\", msg); // const netaddres = JSON.parse(msg.netaddres)\n // console.log(\"netaddres\",netaddres)\n // const netstates = JSON.parse(msg.netstates)\n\n this.changeNetstates(msg);\n }\n } catch (error) {}\n\n break;\n }\n },\n changeNetstates: function changeNetstates(msg) {\n console.log(\"msg\", msg); // var optionsDataN = this.optionsData\n // this.sizeForm.mtu = msg.netstates【this.optionsData}.mtu\n\n console.log(\" msg.netstates[this.optionsData]\", msg.netstates[this.optionsData]);\n\n if (msg.netstates[this.optionsData] != undefined) {\n this.sizeForm.mtu = msg.netstates[this.optionsData].mtu;\n var data = msg.netaddres[this.optionsData];\n this.sizeForm.speed = msg.netstates[this.optionsData].speed;\n this.tableDataPanduan = [];\n var optionN = Object.keys(msg.netplan);\n var optionNrr = optionN.map(function (value, index) {\n return {\n value: value,\n label: value\n };\n });\n console.log(\"optionNrr\", optionNrr);\n this.options = optionNrr;\n\n if (msg.netstates[this.optionsData].isup == true) {\n this.sizeForm.status = 'YES';\n } else {\n this.sizeForm.status = 'NO';\n }\n\n for (var i = 0; i < data.length; i++) {\n if (data[i].family == 17) {\n this.sizeForm.mac = data[i].address;\n } else if (data[i].family == 2) {\n this.tableDataPanduan.push(data[i]);\n }\n }\n\n if (this.tableDataPanduan.length == msg.netplan[this.optionsData].addresses.length) {\n for (var _i = 0; _i < this.tableDataPanduan.length; _i++) {\n for (var b = 0; b < msg.netplan[this.optionsData].addresses.length; b++) {\n // console.log(\"str1\",netstates.netplan.eth0.addresses[b].substring(0,netstates.netplan.eth0.addresses[b].indexOf(\"/\")))\n var ipos = msg.netplan[this.optionsData].addresses[b].indexOf(\"/\"); //指定开始的字符串\n\n var str1 = msg.netplan[this.optionsData].addresses[b].substring(0, ipos);\n\n if (this.tableDataPanduan[_i].address == str1) {} else {// this.$message({\n // message: '静态地址有误',\n // type: 'warning'\n // });\n }\n }\n }\n }\n\n var addressesN = msg.netplan[this.optionsData].addresses.map(function (value, index) {\n return {\n address: value,\n id: index\n };\n });\n this.sizeForm.tableData = addressesN; //获取静态路由\n\n var dataJ = msg.netplan[this.optionsData].routes;\n this.sizeForm.tableRouter = [];\n\n for (var r = 0; r < dataJ.length; r++) {\n this.sizeForm.tableRouter.push(dataJ[r]);\n }\n\n this.sizeForm.gateway4 = msg.netplan[this.optionsData].gateway4;\n var legend = msg.netplan[this.optionsData].nameservers.addresses.map(function (value, index) {\n return {\n address: value,\n id: index\n };\n });\n this.sizeForm.tableDataDNS = legend;\n } else {\n this.sizeForm = {\n name: this.optionsData,\n region: '00:11:14:1a:62:fe',\n MTU: '1500',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: true,\n status: 'NO',\n gateway4: msg.netplan[this.optionsData].gateway4,\n mtu: '',\n mac: '',\n moren: '',\n speed: ''\n }; //获取静态路由\n\n var dataJ = msg.netplan[this.optionsData].routes;\n this.sizeForm.tableRouter = [];\n\n for (var _r = 0; _r < dataJ.length; _r++) {\n this.sizeForm.tableRouter.push(dataJ[_r]);\n }\n\n var addressesN = msg.netplan[this.optionsData].addresses.map(function (value, index) {\n return {\n address: value,\n id: index\n };\n });\n this.sizeForm.tableData = addressesN;\n var legend = msg.netplan[this.optionsData].nameservers.addresses.map(function (value, index) {\n return {\n address: value,\n id: index\n };\n });\n this.sizeForm.tableDataDNS = legend;\n }\n },\n changeName: function changeName(val) {\n console.log(\"val\", val);\n this.sizeForm.name = val;\n this.optionsData = val;\n this.publishClient();\n },\n gernerateClass: function gernerateClass(status) {\n console.log(\"status\", status);\n\n if (status == 'YES') {\n return 'status';\n } else {\n return 'statusNo';\n }\n },\n changeVal: function changeVal(val, e) {\n this.sizeForm.tableData[e].disabled = false;\n },\n changeValT: function changeValT(val, e) {\n this.sizeForm.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=\"sizeForm\" :model=\"sizeForm\" :rules=\"rules\" label-width=\"140px\">\r\n <p class=\"title\">界面</p>\r\n <el-form-item label=\"界面：\" class=\"formItem\">\r\n <el-col :span=\"6\">\r\n <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\" @change=\"changeName($event)\">\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地址：\" class=\"formItem\">\r\n <el-col :span=\"6\">\r\n <el-input v-model=\"sizeForm.mac\" disabled></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"MTU：\" class=\"formItem\">\r\n <el-col :span=\"6\">\r\n <el-input v-model=\"sizeForm.mtu\" disabled></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"网络速度：\" class=\"formItem\">\r\n <el-col :span=\"6\">\r\n <el-input v-model=\"sizeForm.speed\" disabled></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <p class=\"title\">运行状态</p>\r\n <el-form-item label=\"启用：\" class=\"formItem\">\r\n <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n <div :class=\"gernerateClass(sizeForm.status)\"></div>\r\n </el-col>\r\n <el-col :span=\"2\" style=\"diaplay: flex\">\r\n <span style=\"margin-left: 10px\">{{sizeForm.status}}</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 <p class=\"title\">静态地址</p>\r\n <el-button type=\"primary\" @click=\"addRowsTableData()\" style=\"margin-bottom:10px\">新增</el-button>\r\n <el-table :data=\"sizeForm.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 <el-form-item :prop=\"'tableData.'+ scope.$index + '.address'\" :rules=\"rules.address\" class=\"tableFormItem\">\r\n <el-input v-model.trim=\"scope.row.address\"\r\n placeholder=\"例：172.1.1.16/24\" :disabled=\"scope.$index ==0\"/>\r\n </el-form-item>\r\n </template>\r\n </el-table-column>\r\n <!-- <el-table-column prop=\"agreement\" label=\"DHCP\"> \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=\"deleteRowsTableData(scope)\" v-if=\"scope.$index < sizeForm.tableData.length-1\" type=\"text\" size=\"small\">删除行\r\n </el-button> -->\r\n <el-button @click=\"deleteRowsTableData(scope)\" v-if=\"scope.$index != 0\" type=\"text\" size=\"small\">删除行\r\n </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 <!-- <el-form-item >\r\n <el-col :span=\"6\">\r\n <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n </el-col>\r\n </el-form-item> -->\r\n <p class=\"title\">默认网关</p>\r\n <el-form-item label=\"默认网关：\" prop=\"gateway4\" class=\"formItem\">\r\n <el-col :span=\"6\">\r\n <el-input v-model=\"sizeForm.gateway4\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <p class=\"title\">静态路由</p>\r\n <el-button type=\"primary\" @click=\"addRows()\" style=\"margin-bottom:10px\">新增</el-button>\r\n <el-table :data=\"sizeForm.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 type=\"index\" label=\"序号\" fixed align='center'>\r\n </el-table-column> -->\r\n <el-table-column prop=\"to\" label=\"to\" > \r\n <template slot-scope=\"scope\" >\r\n <!-- <el-input v-model=\"scope.row.to\" @change=\"changeValT(scope.row,scope.$index)\"></el-input> -->\r\n <el-form-item :prop=\"'tableRouter.'+ scope.$index + '.to'\" :rules=\"rules.to\" class=\"tableFormItem\">\r\n <el-input v-model.trim=\"scope.row.to\"\r\n placeholder=\"例：172.1.1.16/24\" />\r\n </el-form-item>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"via\" label=\"via\" >\r\n <template slot-scope=\"scope\">\r\n <!-- <el-input v-model=\"scope.row.via\" @change=\"changeValT(scope.row,scope.$index)\"></el-input> -->\r\n <el-form-item :prop=\"'tableRouter.'+ scope.$index + '.via'\" :rules=\"rules.via\" class=\"tableFormItem\">\r\n <el-input v-model.trim=\"scope.row.via\"\r\n placeholder=\"例：172.1.1.16\" />\r\n </el-form-item>\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 <el-form-item :prop=\"'tableRouter.'+ scope.$index + '.metric'\" :rules=\"rules.metric\" class=\"tableFormItem\">\r\n <el-input v-model.trim=\"scope.row.metric\"\r\n placeholder=\"例：100\" />\r\n </el-form-item>\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 <template slot-scope=\"scope\">\r\n <el-button @click=\"deleteRows(scope)\" v-if=\"scope.$index < sizeForm.tableRouter.length\" type=\"text\" size=\"small\">删除行\r\n </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 \r\n <!-- <el-form-item v-for=\"(item,index) in sectionals\" :label=\"DNS\"+index :key=\"item\">\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 <el-button type=\"primary\" @click=\"addRowsDNS()\" style=\"margin-bottom:10px\">新增</el-button>\r\n <el-table :data=\"sizeForm.tableDataDNS\" border style=\"width: 95%\">\r\n \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 <el-form-item :prop=\"'tableDataDNS.'+ scope.$index + '.address'\" :rules=\"rules.addressDNS\" class=\"tableFormItem\">\r\n <el-input v-model.trim=\"scope.row.address\"\r\n placeholder=\"例：172.1.1.16\" />\r\n </el-form-item>\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=\"deleteRowsDNS(scope)\" v-if=\"scope.$index < sizeForm.tableDataDNS.length\" type=\"text\" size=\"small\">删除行\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <!-- <el-form-item >\r\n <el-col :span=\"6\"> -->\r\n <el-button type=\"primary\" @click=\"commit(sizeForm.tableRouter,sizeForm.tableData,sizeForm.tableDataDNS,sizeForm)\" style=\"margin-top:10px\">保存</el-button>\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\n \r\nexport default {\r\n data() {\r\n let validateIPAddress = (rule, value, callback) => {\r\n if (value == null) {\r\n return callback(new Error('IP地址不能为空'));\r\n }\r\n let regexp = /^((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})(\\.((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})){3}$/;\r\n let valdata = value.split(',');\r\n let isCorrect = true;\r\n if (valdata.length) {\r\n for (let i = 0; i < valdata.length; i++) {\r\n if (regexp.test(valdata[i]) == false) {\r\n isCorrect = false;\r\n }\r\n }\r\n }\r\n if (!isCorrect) {\r\n callback(new Error('请输入正确的IP地址'));\r\n } else {\r\n callback()\r\n }\r\n }\r\n let validateIPAddressYes = (rule, value, callback) => {\r\n if (value == null) {\r\n return callback(new Error('IP地址不能为空'));\r\n }\r\n let regexp = /^((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})(\\.((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})){3}$/;\r\n // value.split(\"/\")[0]\r\n let valdata = value.split('/')[0];\r\n let valdata2 = value.split('/')[1];\r\n console.log(\"valdata\",valdata)\r\n console.log(\"valdata2\",valdata2)\r\n let isCorrect = true;\r\n if (valdata.length) {\r\n for (let i = 0; i < valdata.length; i++) {\r\n if (regexp.test(valdata[i]) == false) {\r\n if (!Number(valdata2)) {\r\n // callback(new Error('请输入整数，值为[1,32]'));\r\n isCorrect = false;\r\n callback(new Error('请输入正确的IP地址'));\r\n } else {\r\n if (valdata2 < 1 || valdata2 > 32) {\r\n callback(new Error('请输入整数，值为[1,32]'));\r\n isCorrect = false;\r\n } else {\r\n callback();\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n }\r\n let metric = (rule, value, callback) =>{\r\n if (!value) {\r\n return callback(new Error('输入不可以为空'));\r\n }\r\n setTimeout(() => {\r\n if (!Number(value)) {\r\n callback(new Error('请输入正整数'));\r\n } else {\r\n const re = /^[0-9]*[1-9][0-9]*$/;\r\n const rsCheck = re.test(value);\r\n if (!rsCheck) {\r\n callback(new Error('请输入正整数'));\r\n } else {\r\n callback();\r\n }\r\n }\r\n }, 0);\r\n}\r\n\r\n return {\r\n columnLabel: '', //要增加的列名\r\n columnPropIndex: 0, //列属性自增\r\n columnData: [],//列标题数组\r\n rules: {\r\n gateway4: [{ required: true, pattern: /^(?:(?:1[0-9][0-9]\\.)|(?:2[0-4][0-9]\\.)|(?:25[0-5]\\.)|(?:[1-9][0-9]\\.)|(?:[0-9]\\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9]))$/,message: \"请输入正确的IP地址\", trigger: \"blur\"}],\r\n via: [{ required: true, pattern: /^(?:(?:1[0-9][0-9]\\.)|(?:2[0-4][0-9]\\.)|(?:25[0-5]\\.)|(?:[1-9][0-9]\\.)|(?:[0-9]\\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9]))$/,message: \"请输入正确的IP地址\", trigger: \"blur\"}],\r\n // via:[{ required: true, validator: validateIPAddress, trigger: \"blur\" }]\r\n addressDNS:[{ required: true, validator: validateIPAddress, trigger: \"blur\" }], \r\n address:[{ required: true, validator: validateIPAddressYes, trigger: \"blur\" }],\r\n to:[{ required: true, validator: validateIPAddressYes, trigger: \"blur\" }],\r\n metric:[{ required: true, validator: metric, trigger: \"blur\" }],\r\n }, \r\n \r\n\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 metric: '',\r\n to:'e.g.10.0.0.0/8',\r\n via:'e.g.192.168.0.1',\r\n disabled:true\r\n },\r\n {\r\n name: 'Router0',\r\n metric: '',\r\n to:'e.g.10.0.0.0/8',\r\n via:'e.g.192.168.0.1',\r\n disabled:true\r\n },\r\n {\r\n name: 'Router0',\r\n metric: '',\r\n to:'e.g.10.0.0.0/8',\r\n via:'e.g.192.168.0.1',\r\n disabled:true\r\n },\r\n {\r\n name: 'Router0',\r\n metric: '',\r\n to:'e.g.10.0.0.0/8',\r\n via:'e.g.192.168.0.1',\r\n disabled:true\r\n }\r\n ],\r\n sizeForm: {\r\n name: 'eth0',\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 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 status:'NO',\r\n // mtu:'00:11:14:1a:62:fe',\r\n // mac:'00:11:14:1a:62:fe',\r\n // moren:'e.g.1.0.0.1',\r\n // speed:'1000',\r\n gateway4: '',\r\n mtu:'',\r\n mac:'',\r\n moren:'',\r\n speed:'',\r\n tableRouter: [\r\n // {\r\n // name: 'Router0',\r\n // metric: '',\r\n // to:'',\r\n // via:'',\r\n // disabled:true\r\n // },\r\n // {\r\n // name: 'Router0',\r\n // metric: '',\r\n // to:'',\r\n // via:'',\r\n // disabled:true\r\n // },\r\n ],\r\n tableData: [\r\n // {\r\n // id:'',\r\n // address: '',\r\n // },\r\n // {\r\n\r\n // id:'',\r\n // address: '',\r\n // },\r\n // {\r\n // id:'',\r\n // address: '',\r\n // }\r\n ],\r\n tableDataDNS: [\r\n // {\r\n // id:'',\r\n // address: '',\r\n // },\r\n // {\r\n // id:'',\r\n // address: '',\r\n // }\r\n ],\r\n },\r\n options: [\r\n {\r\n value: 'eth0',\r\n label: 'eth0'\r\n },\r\n // {\r\n // value: 'wlan0',\r\n // label: 'wlan0'\r\n // }\r\n ],\r\n //数据获取\r\n netWork:[\r\n {\r\n name: 'eth0',\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 gateway4: '192.168.1.5',\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 status:'YES',\r\n mtu:'00:11:14:1a:62:fe',\r\n mac:'00:11:14:1a:62:fe',\r\n moren:'e.g.1.0.0.1',\r\n speed:'1000'\r\n },\r\n {\r\n name: 'wlan0',\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 gateway4: '192.168.1.5',\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 status:'YES',\r\n mtu:'00:11:14:1a:62:fe',\r\n mac:'00:11:14:1a:62:fe',\r\n moren:'e.g.1.0.0.1',\r\n speed:'1000'\r\n } \r\n ],\r\n tableData: [\r\n {\r\n // agreement: 'NO',\r\n // Range: '1',\r\n id:'',\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 id:'',\r\n address: '192.168.1.5/24',\r\n // term: '17小时',\r\n // disabled:true\r\n },\r\n {\r\n // agreement: 'YES',\r\n // Range: '1',\r\n id:'',\r\n address: '192.168.1.5/24',\r\n // term: '17小时',\r\n // disabled:true\r\n }\r\n ],\r\n tableDataDNS: [\r\n {\r\n // agreement: 'NO',\r\n // Range: '1',\r\n id:'',\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 id:'',\r\n address: '192.168.1.5/24',\r\n // term: '17小时',\r\n // disabled:true\r\n }\r\n ],\r\n tableDataPanduan:[],\r\n optionsData:'eth0'\r\n };\r\n },\r\n watch: {\r\n \r\n },\r\n created() {\r\n this.createMqtt()\r\n},\r\n mounted() {\r\n\r\n// window.setInterval( () => { //每隔30秒自动请求一次方法 this.getdata() ，保证数据实时的更新\r\n// \tthis.publishClient()\r\n// }, 1000 * 5 )\r\n },\r\n methods:{\r\n //点击保存\r\n commit(tableRouter,tableData,tableDataDNS,sizeForm){\r\n console.log(\"tableData\",tableData)\r\n console.log(\"tableDataDNS\",tableDataDNS)\r\n console.log(\"sizeForm\",sizeForm)\r\n var tableRouterN = tableRouter.map(value => {\r\n return value.to+','+value.via+','+value.metric\r\n })\r\n var tableDataN = tableData.map(item => {\r\n return item.address\r\n })\r\n var tableDataDNSN = tableDataDNS.map(item => {\r\n return item.address\r\n })\r\n \r\n var ner = {\r\n type:\"netplanSet\",\r\n ethName:\"eth0\",\r\n dhcp4: false,\r\n addresses:tableDataN,//静态地址\r\n gateway4:sizeForm.gateway4,\r\n nameservers:tableDataDNSN,//DNS\r\n routes:tableRouterN//静态路由\r\n }\r\n this.$confirm('此操作将重新设置网络, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // this.$message({\r\n // type: 'success',\r\n // message: '删除成功!'\r\n // });\r\n console.log(\"JSON.stringify(ner)\",JSON.stringify(ner))\r\n // window.publish('Contorl_client',JSON.stringify(ner)); \r\n })\r\n .catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消'\r\n });\r\n });\r\n // \r\n },\r\n //添加行静态路由\r\n addRows() {\r\n const circle = this.sizeForm.tableRouter[0]; //取出数组中第一个对象\r\n if (circle) {\r\n const newObj = {};\r\n for (let key in circle) { //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\r\n newObj[key] = '';\r\n }\r\n this.sizeForm.tableRouter.splice(this.sizeForm.tableRouter.length, 0, newObj);\r\n }\r\n },\r\n \r\n //删除行静态路由\r\n deleteRows(scope) {\r\n this.sizeForm.tableRouter.splice(scope.$index, 1);\r\n },\r\n //添加行静态地址\r\n addRowsTableData(){\r\n const circle = this.sizeForm.tableData[0]; //取出数组中第一个对象\r\n if (circle) {\r\n const newObj = {};\r\n for (let key in circle) { //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\r\n newObj[key] = '';\r\n }\r\n // this.sizeForm.tableData.splice(this.sizeForm.tableData.length-1, 0, newObj);\r\n this.sizeForm.tableData.splice(this.sizeForm.tableData.length, 0, newObj);\r\n }\r\n },\r\n deleteRowsTableData(scope){\r\n this.sizeForm.tableData.splice(scope.$index, 1);\r\n },\r\n //添加DNS\r\n addRowsDNS(){\r\n const circle = this.sizeForm.tableDataDNS[0]; //取出数组中第一个对象\r\n if (circle) {\r\n const newObj = {};\r\n for (let key in circle) { //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；\r\n newObj[key] = '';\r\n }\r\n this.sizeForm.tableDataDNS.splice(this.sizeForm.tableDataDNS.length, 0, newObj);\r\n }\r\n },\r\n deleteRowsDNS(scope){\r\n this.sizeForm.tableDataDNS.splice(scope.$index, 1);\r\n },\r\n /** 创建mqtt */\r\n createMqtt() {\r\n // window.publish('Contorl_client',JSON.stringify({\"type\":\"getNet\"})); \r\n //创建链接，接收数据\r\n var topicSends = ['Contorl_server'];\r\n window.PubScribe(topicSends,-1,this.realInfo);\r\n setTimeout(() => {\r\n this.publishClient()\r\n }, 5000);\r\n },\r\n publishClient(){\r\n window.publish('Contorl_client',JSON.stringify({\"type\":\"getNet\"})); \r\n },\r\n /** 实时数据分类 */\r\n realInfo(topic, message) {\r\n // console.log(\"topic\",topic)\r\n switch (topic) {\r\n case \"Contorl_server\":\r\n try {\r\n const utf8decoder = new TextDecoder()\r\n const u8arr = new Uint8Array(message)\r\n const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n \r\n if(msg.type=='getNet'){\r\n console.log(\"msg\",msg)\r\n // const netaddres = JSON.parse(msg.netaddres)\r\n // console.log(\"netaddres\",netaddres)\r\n // const netstates = JSON.parse(msg.netstates)\r\n \r\n this.changeNetstates(msg)\r\n }\r\n \r\n } catch (error) {\r\n\r\n }\r\n break;\r\n }\r\n },\r\n changeNetstates(msg){\r\n console.log(\"msg\",msg)\r\n // var optionsDataN = this.optionsData\r\n // this.sizeForm.mtu = msg.netstates【this.optionsData}.mtu\r\n console.log(\" msg.netstates[this.optionsData]\",msg.netstates[this.optionsData])\r\n if(msg.netstates[this.optionsData]!=undefined){\r\n this.sizeForm.mtu = msg.netstates[this.optionsData].mtu\r\n var data = msg.netaddres[this.optionsData]\r\n this.sizeForm.speed = msg.netstates[this.optionsData].speed\r\n this.tableDataPanduan = []\r\n var optionN = Object.keys(msg.netplan)\r\n var optionNrr = optionN.map((value, index) => {\r\n return {\r\n value: value,\r\n label: value\r\n } \r\n })\r\n console.log(\"optionNrr\",optionNrr)\r\n this.options = optionNrr\r\n if(msg.netstates[this.optionsData].isup==true){\r\n this.sizeForm.status='YES'\r\n }else{\r\n this.sizeForm.status='NO'\r\n }\r\n for (let i = 0; i < data.length; i++) {\r\n if(data[i].family==17){\r\n this.sizeForm.mac =data[i].address\r\n }else if(data[i].family==2){\r\n this.tableDataPanduan.push(data[i])\r\n }\r\n }\r\n if(this.tableDataPanduan.length==msg.netplan[this.optionsData].addresses.length){\r\n for (let i = 0;i < this.tableDataPanduan.length; i++) {\r\n for (let b= 0;b < msg.netplan[this.optionsData].addresses.length; b++) {\r\n // console.log(\"str1\",netstates.netplan.eth0.addresses[b].substring(0,netstates.netplan.eth0.addresses[b].indexOf(\"/\")))\r\n var ipos = msg.netplan[this.optionsData].addresses[b].indexOf(\"/\");//指定开始的字符串\r\n let str1=msg.netplan[this.optionsData].addresses[b].substring(0,ipos);\r\n if(this.tableDataPanduan[i].address == str1){ \r\n \r\n }else{\r\n // this.$message({\r\n // message: '静态地址有误',\r\n // type: 'warning'\r\n // });\r\n }\r\n } \r\n }\r\n }\r\n var addressesN = msg.netplan[this.optionsData].addresses.map((value, index) => {\r\n return {\r\n address: value,\r\n id: index\r\n } \r\n })\r\n this.sizeForm.tableData = addressesN \r\n //获取静态路由\r\n var dataJ = msg.netplan[this.optionsData].routes\r\n this.sizeForm.tableRouter=[]\r\n for (let r= 0;r < dataJ.length; r++) {\r\n this.sizeForm.tableRouter.push(dataJ[r])\r\n }\r\n this.sizeForm.gateway4 = msg.netplan[this.optionsData].gateway4\r\n var legend = msg.netplan[this.optionsData].nameservers.addresses.map((value, index) => {\r\n return {\r\n address: value,\r\n id: index\r\n } \r\n })\r\n this.sizeForm.tableDataDNS = legend \r\n }else { \r\n this.sizeForm= {\r\n name: this.optionsData,\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 status:'NO',\r\n gateway4: msg.netplan[this.optionsData].gateway4,\r\n mtu:'',\r\n mac:'',\r\n moren:'',\r\n speed:'',\r\n }\r\n //获取静态路由\r\n var dataJ = msg.netplan[this.optionsData].routes\r\n this.sizeForm.tableRouter=[]\r\n for (let r= 0;r < dataJ.length; r++) {\r\n this.sizeForm.tableRouter.push(dataJ[r])\r\n }\r\n var addressesN = msg.netplan[this.optionsData].addresses.map((value, index) => {\r\n return {\r\n address: value,\r\n id: index\r\n } \r\n })\r\n this.sizeForm.tableData = addressesN \r\n var legend = msg.netplan[this.optionsData].nameservers.addresses.map((value, index) => {\r\n return {\r\n address: value,\r\n id: index\r\n } \r\n })\r\n this.sizeForm.tableDataDNS = legend \r\n }\r\n \r\n },\r\n changeName(val){\r\n console.log(\"val\",val) \r\n this.sizeForm.name = val\r\n this.optionsData = val\r\n this.publishClient()\r\n },\r\n gernerateClass(status){\r\n console.log(\"status\",status)\r\n if(status=='YES'){\r\n return 'status'\r\n }else {\r\n return 'statusNo'\r\n }\r\n },\r\n\r\n changeVal(val,e){\r\n this.sizeForm.tableData[e].disabled = false\r\n },\r\n changeValT(val,e){\r\n this.sizeForm.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.formItem /deep/ .el-form-item__content {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n}\r\n.formItem /deep/ .el-form-item__label {\r\n text-align: left;\r\n font-size: 15px;\r\n}\r\n.formItem .el-form-item{\r\n margin-bottom: 15px;\r\n}\r\n.tableFormItem {\r\n margin-bottom: 15px!important;\r\n} \r\n.tableFormItem /deep/ .el-form-item__content{\r\n margin-left: 0px!important;\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.status{\r\n width: 10px; height: 10px; border-radius: 50%; background: green\r\n}\r\n.statusNo{\r\n width: 10px; height: 10px; border-radius: 50%; background: red\r\n}\r\n</style>\r\n "],"sourceRoot":"src/views/general"}]} |