{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\general\\network.vue","mtime":1671153809802},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\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>界面</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>运行状态</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>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\">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>静态地址</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>静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 70%\">\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\">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: 16px;\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    p {\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}\r\n</style>\r\n  "],"sourceRoot":"src/views/general"}]}