diff --git a/node_modules/.cache/babel-loader/1c5ec85158ba198d3133bf9fd608ef92.json b/node_modules/.cache/babel-loader/1c5ec85158ba198d3133bf9fd608ef92.json
index f9eedab5..9dec2393 100644
--- a/node_modules/.cache/babel-loader/1c5ec85158ba198d3133bf9fd608ef92.json
+++ b/node_modules/.cache/babel-loader/1c5ec85158ba198d3133bf9fd608ef92.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nexport default {\n  name: 'speedChart',\n  //速度组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA;AAFA,GAFA;AAMA,EAAA,IANA,kBAMA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AAVA,KAAA;AAYA,GAnBA;AAoBA,EAAA,OAAA,EAAA,EApBA;AAwBA,EAAA,OAxBA,qBAwBA,CAEA;AA1BA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>速度组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'speedChart', //速度组件\n    components:{\n        lineChart,\n        barChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'speedChart',\n  //速度组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA;AALA,GAFA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GArBA;AAsBA,EAAA,OAAA,EAAA,EAtBA;AA0BA,EAAA,OA1BA,qBA0BA,CAEA;AA5BA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">速度组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'speedChart', //速度组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n        \n        \n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1cfbdd0a279bc05df021de02ac963350.json b/node_modules/.cache/babel-loader/1cfbdd0a279bc05df021de02ac963350.json
new file mode 100644
index 00000000..6b02f1b9
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1cfbdd0a279bc05df021de02ac963350.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'congestionChart',\n  //拥堵组件\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,iBADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,SAAA,EAAA,SAFA;AAGA,IAAA,YAAA,EAAA,YAHA;AAIA,IAAA,YAAA,EAAA;AAJA,GAFA;AAQA,EAAA,IARA,kBAQA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAtCA;AAuCA,EAAA,OAAA,EAAA,EAvCA;AA4CA,EAAA,OA5CA,qBA4CA,CAEA,CA9CA;AA+CA,EAAA,KAAA,EAAA;AA/CA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">拥堵组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'congestionChart', //拥堵组件\n    components: {\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n\n\n\n    },\n    mounted() {\n\n    },\n    watch: {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3dec467ea0579f68144c56caee0bd569.json b/node_modules/.cache/babel-loader/3dec467ea0579f68144c56caee0bd569.json
index e63ce214..d9259747 100644
--- a/node_modules/.cache/babel-loader/3dec467ea0579f68144c56caee0bd569.json
+++ b/node_modules/.cache/babel-loader/3dec467ea0579f68144c56caee0bd569.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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}\r\n</style>\r\n  "],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/4583e6927227f23f1ec35de4299861af.json b/node_modules/.cache/babel-loader/4583e6927227f23f1ec35de4299861af.json
new file mode 100644
index 00000000..ee8eb022
--- /dev/null
+++ b/node_modules/.cache/babel-loader/4583e6927227f23f1ec35de4299861af.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'delayChart',\n  //延迟组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA;AALA,GAFA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAvCA;AAwCA,EAAA,OAAA,EAAA,EAxCA;AA6CA,EAAA,OA7CA,qBA6CA,CAEA,CA/CA;AAgDA,EAAA,KAAA,EAAA;AAhDA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">延误组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'delayChart', //延迟组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/4a7ff7c944fe614ccc407eac834d9008.json b/node_modules/.cache/babel-loader/4a7ff7c944fe614ccc407eac834d9008.json
index 71b039fb..f4ce0a47 100644
--- a/node_modules/.cache/babel-loader/4a7ff7c944fe614ccc407eac834d9008.json
+++ b/node_modules/.cache/babel-loader/4a7ff7c944fe614ccc407eac834d9008.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\api\\index.js","mtime":1672016196896},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["import axios from 'axios';\nimport qs from 'qs';\n\nif (process.env.NODE_ENV === 'development') {\n  axios.defaults.baseURL = '/';\n} else if (process.env.NODE_ENV === 'production') {\n  axios.defaults.baseURL = '/';\n} //获取视频数据接口\n\n\nexport var getGetShipjk = function getGetShipjk(params) {\n  return axios.get('aps/GetShipjk', {\n    params: params\n  });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n  return axios.get('aps/GetQuanjsz', {\n    params: params\n  });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n  // return axios.post('aps/AddShipjk', {\n  //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\n  //     F_VC_LEIX:data.F_VC_LEIX,\n  //     // data: formData,\n  // })\n  return axios.post('aps/AddShipjk', data);\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n  return axios.get('aps/DeleteShipjk', {\n    params: params\n  });\n};",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getDeleteShipjk"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,IAAf;;AACA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AACxCJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,CAFD,MAEO,IAAIJ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAC9CJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,C,CACD;;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAAY;AACpC,SAAOR,KAAK,CAACS,GAAN,CAAU,eAAV,EAA2B;AAC9BD,IAAAA,MAAM,EAANA;AAD8B,GAA3B,CAAP;AAGH,CAJM,C,CAKP;;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACF,MAAD,EAAY;AACtC,SAAOR,KAAK,CAACS,GAAN,CAAU,gBAAV,EAA4B;AAC/BD,IAAAA,MAAM,EAANA;AAD+B,GAA5B,CAAP;AAGH,CAJM,C,CAMP;;AACA,OAAO,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACnC;AACA;AACA;AACA;AACA;AACA,SAAOZ,KAAK,CAACa,IAAN,CAAW,eAAX,EAA4BD,IAA5B,CAAP;AACH,CAPM,C,CAQP;AACA;;AACA,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACN,MAAD,EAAY;AACvC,SAAOR,KAAK,CAACS,GAAN,CAAU,kBAAV,EAA8B;AACjCD,IAAAA,MAAM,EAANA;AADiC,GAA9B,CAAP;AAGH,CAJM","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nif (process.env.NODE_ENV === 'development') {\r\n    axios.defaults.baseURL = '/'\r\n} else if (process.env.NODE_ENV === 'production') {\r\n    axios.defaults.baseURL = '/'\r\n}\r\n//获取视频数据接口\r\nexport const getGetShipjk = (params) => {\r\n    return axios.get('aps/GetShipjk', {\r\n        params\r\n    })\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = (params) => {\r\n    return axios.get('aps/GetQuanjsz', {\r\n        params\r\n    })\r\n};\r\n\r\n//\r\nexport const postAddShipjk = (data) => {\r\n    // return axios.post('aps/AddShipjk', {\r\n    //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\r\n    //     F_VC_LEIX:data.F_VC_LEIX,\r\n    //     // data: formData,\r\n    // })\r\n    return axios.post('aps/AddShipjk', data)\r\n};\r\n//分析-删除视频源接口\r\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\r\nexport const getDeleteShipjk = (params) => {\r\n    return axios.get('aps/DeleteShipjk', {\r\n        params\r\n    })\r\n};\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\api\\index.js","mtime":1672814080389},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["import axios from 'axios';\nimport qs from 'qs';\n\nif (process.env.NODE_ENV === 'development') {\n  axios.defaults.baseURL = '/';\n} else if (process.env.NODE_ENV === 'production') {\n  axios.defaults.baseURL = '/';\n} //获取视频数据接口\n\n\nexport var getGetShipjk = function getGetShipjk(params) {\n  return axios.get('aps/GetShipjk', {\n    params: params\n  });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n  return axios.get('aps/GetQuanjsz', {\n    params: params\n  });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n  // return axios.post('aps/AddShipjk', {\n  //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\n  //     F_VC_LEIX:data.F_VC_LEIX,\n  //     // data: formData,\n  // })\n  return axios.post('aps/AddShipjk', data);\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n  return axios.get('aps/DeleteShipjk', {\n    params: params\n  });\n}; //视频分析预览",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getDeleteShipjk"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,IAAf;;AACA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AACxCJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,CAFD,MAEO,IAAIJ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAC9CJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,C,CACD;;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAAY;AACpC,SAAOR,KAAK,CAACS,GAAN,CAAU,eAAV,EAA2B;AAC9BD,IAAAA,MAAM,EAANA;AAD8B,GAA3B,CAAP;AAGH,CAJM,C,CAKP;;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACF,MAAD,EAAY;AACtC,SAAOR,KAAK,CAACS,GAAN,CAAU,gBAAV,EAA4B;AAC/BD,IAAAA,MAAM,EAANA;AAD+B,GAA5B,CAAP;AAGH,CAJM,C,CAMP;;AACA,OAAO,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACnC;AACA;AACA;AACA;AACA;AACA,SAAOZ,KAAK,CAACa,IAAN,CAAW,eAAX,EAA4BD,IAA5B,CAAP;AACH,CAPM,C,CAQP;AACA;;AACA,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACN,MAAD,EAAY;AACvC,SAAOR,KAAK,CAACS,GAAN,CAAU,kBAAV,EAA8B;AACjCD,IAAAA,MAAM,EAANA;AADiC,GAA9B,CAAP;AAGH,CAJM,C,CAKP","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nif (process.env.NODE_ENV === 'development') {\r\n    axios.defaults.baseURL = '/'\r\n} else if (process.env.NODE_ENV === 'production') {\r\n    axios.defaults.baseURL = '/'\r\n}\r\n//获取视频数据接口\r\nexport const getGetShipjk = (params) => {\r\n    return axios.get('aps/GetShipjk', {\r\n        params\r\n    })\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = (params) => {\r\n    return axios.get('aps/GetQuanjsz', {\r\n        params\r\n    })\r\n};\r\n\r\n//\r\nexport const postAddShipjk = (data) => {\r\n    // return axios.post('aps/AddShipjk', {\r\n    //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\r\n    //     F_VC_LEIX:data.F_VC_LEIX,\r\n    //     // data: formData,\r\n    // })\r\n    return axios.post('aps/AddShipjk', data)\r\n};\r\n//分析-删除视频源接口\r\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\r\nexport const getDeleteShipjk = (params) => {\r\n    return axios.get('aps/DeleteShipjk', {\r\n        params\r\n    })\r\n};\r\n//视频分析预览\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/535cc76357a620247311197cb441a7ba.json b/node_modules/.cache/babel-loader/535cc76357a620247311197cb441a7ba.json
index 8e93d2cd..5af3d676 100644
--- a/node_modules/.cache/babel-loader/535cc76357a620247311197cb441a7ba.json
+++ b/node_modules/.cache/babel-loader/535cc76357a620247311197cb441a7ba.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //速度组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;AAYA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA,EAAA;AAGA,GAdA;AAeA,EAAA,OAAA,EAAA,EAfA;AAmBA,EAAA,OAnBA,qBAmBA,CAEA;AArBA,CAAA","sourcesContent":["<template>\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n</template>\n  \n<script>\n\nexport default {\n    name: 'tableShow',//速度组件\n    props:{\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    }, \n    data() {\n        return {\n\n        }\n    },\n    methods: {\n\n\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A']\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AALA,GAlBA;AA0BA,EAAA,OA1BA,qBA0BA,CAEA;AA5BA,CAAA","sourcesContent":["<template>\n    <div class=\"tableContent\">\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n  \n<script>\n\nexport default {\n    name: 'tableShow',//表格组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.tableContent {\n    position: relative;\n}\n\n.down {\n    position: absolute;\n    top: -40px;\n    right: -22px;\n    z-index: 100;\n}\n\n.el-form-item {\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/53d900f56dfe1297a44052456ad4a9cc.json b/node_modules/.cache/babel-loader/53d900f56dfe1297a44052456ad4a9cc.json
index 7ce2a49f..172f5dfd 100644
--- a/node_modules/.cache/babel-loader/53d900f56dfe1297a44052456ad4a9cc.json
+++ b/node_modules/.cache/babel-loader/53d900f56dfe1297a44052456ad4a9cc.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nexport default {\n  name: 'typeChart',\n  //类型图\n  components: {\n    lineChart: lineChart,\n    pieChart: pieChart,\n    barChart: barChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,QAAA,EAAA;AAHA,GAFA;AAOA,EAAA,IAPA,kBAOA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GArCA;AAsCA,EAAA,OAAA,EAAA,EAtCA;AA2CA,EAAA,OA3CA,qBA2CA,CAEA,CA7CA;AA8CA,EAAA,KAAA,EAAA;AA9CA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>类型组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n\n            <div class=\"border\">\n                <pieChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport pieChart from '../chart/pieChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'typeChart', //类型图\n    components:{\n        lineChart,\n        pieChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    border: 1px solid;\n    margin-bottom: 20px;\n    display: block;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'typeChart',\n  //类型图\n  components: {\n    lineChart: lineChart,\n    pieChart: pieChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,QAAA,EAAA,QAHA;AAIA,IAAA,SAAA,EAAA,SAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,YAAA,EAAA;AANA,GAFA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAxCA;AAyCA,EAAA,OAAA,EAAA,EAzCA;AA8CA,EAAA,OA9CA,qBA8CA,CAEA,CAhDA;AAiDA,EAAA,KAAA,EAAA;AAjDA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">类型组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <pieChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport pieChart from '../chart/pieChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'typeChart', //类型图\n    components:{\n        lineChart,\n        pieChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/56b9c5bd2d26ca09fd833cd92dd9b82a.json b/node_modules/.cache/babel-loader/56b9c5bd2d26ca09fd833cd92dd9b82a.json
index 30b1b6a3..d45ea6ba 100644
--- a/node_modules/.cache/babel-loader/56b9c5bd2d26ca09fd833cd92dd9b82a.json
+++ b/node_modules/.cache/babel-loader/56b9c5bd2d26ca09fd833cd92dd9b82a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA;AAFA,GAFA;AAMA,EAAA,IANA,kBAMA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GApCA;AAqCA,EAAA,OAAA,EAAA,EArCA;AAuCA,EAAA,OAvCA,qBAuCA,CAEA;AAzCA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>排队数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'lineUpChart', //排队数组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: 'xxxx',\n        val1: 'xxxx',\n        val2: 'xxxx',\n        val3: 'xxxx',\n        val4: 'xxxx'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA;AALA,GAFA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,IAAA,EAAA,MAHA;AAIA,QAAA,IAAA,EAAA,MAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GArBA;AAsBA,EAAA,OAAA,EAAA,EAtBA;AAwBA,EAAA,OAxBA,qBAwBA,CAEA;AA1BA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>排队数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'lineUpChart', //排队数组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: 'xxxx',\n                    val1: 'xxxx',\n                    val2: 'xxxx',\n                    val3: 'xxxx',\n                    val4: 'xxxx'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n   \n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5e17321deaed2e9d63609d3645ce38f5.json b/node_modules/.cache/babel-loader/5e17321deaed2e9d63609d3645ce38f5.json
index b4fa984c..372d77d0 100644
--- a/node_modules/.cache/babel-loader/5e17321deaed2e9d63609d3645ce38f5.json
+++ b/node_modules/.cache/babel-loader/5e17321deaed2e9d63609d3645ce38f5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'detailDialog',\n  //速度组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,aAAA,EAAA;AADA,KAAA;AAGA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KALA;AAMA,IAAA,WANA,uBAMA,IANA,EAMA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA;AAZA,GAfA;AA8BA,EAAA,OA9BA,qBA8BA,CAEA;AAhCA,CAAA","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"详情\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\n            <el-table :data=\"msg\" border style=\"width: 100%\">\n                <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n            </el-table>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true\n      }\n    },\n    handleClose(done) {\n      this.$confirm('确认关闭？')\n        .then(_ => {\n          done();\n        })\n        .catch(_ => { });\n    },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down{\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nexport default {\n  name: 'detailDialog',\n  //速度组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A']\n    };\n  },\n  methods: {\n    onSubmit: function onSubmit() {},\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA,CAEA,CAHA;AAIA,IAAA,aAJA,yBAIA,OAJA,EAIA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KARA;AASA,IAAA,WATA,uBASA,IATA,EASA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA;AAfA,GAlBA;AAoCA,EAAA,OApCA,qBAoCA,CAEA;AAtCA,CAAA","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        onSubmit(){\n\n        },\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n        handleClose(done) {\n            this.$confirm('确认关闭？')\n                .then(_ => {\n                    done();\n                })\n                .catch(_ => { });\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n.el-form-item{\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/7698abe1587221148693f2c355db70cf.json b/node_modules/.cache/babel-loader/7698abe1587221148693f2c355db70cf.json
index b8c97acf..f4c34674 100644
--- a/node_modules/.cache/babel-loader/7698abe1587221148693f2c355db70cf.json
+++ b/node_modules/.cache/babel-loader/7698abe1587221148693f2c355db70cf.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    }\n  }\n};",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OADA;AAWA,MAAA,QAAA,EAAA;AAXA,KAAA;AAaA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AAAA;;AACA,WAAA,QAAA,CAAA,mBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAnBA;AAoBA,IAAA,WApBA,yBAoBA;AAAA;;AACA,WAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAtCA;AAuCA,IAAA,YAvCA,wBAuCA,IAvCA,EAuCA,QAvCA,EAuCA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KAzCA;AA0CA,IAAA,aA1CA,yBA0CA,IA1CA,EA0CA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KA5CA;AA6CA,IAAA,YA7CA,wBA6CA,KA7CA,EA6CA,QA7CA,EA6CA;AACA,WAAA,QAAA,CAAA,OAAA,yGACA,KAAA,CAAA,MADA,+DACA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MADA;AAGA,KAjDA;AAkDA,IAAA,YAlDA,wBAkDA,IAlDA,EAkDA,QAlDA,EAkDA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA;AApDA;AAhBA,CAAA","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>系统服务VPN</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=\"2\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \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/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    }\n  }\n};",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OADA;AAWA,MAAA,QAAA,EAAA;AAXA,KAAA;AAaA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AAAA;;AACA,WAAA,QAAA,CAAA,mBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAnBA;AAoBA,IAAA,WApBA,yBAoBA;AAAA;;AACA,WAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAtCA;AAuCA,IAAA,YAvCA,wBAuCA,IAvCA,EAuCA,QAvCA,EAuCA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KAzCA;AA0CA,IAAA,aA1CA,yBA0CA,IA1CA,EA0CA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KA5CA;AA6CA,IAAA,YA7CA,wBA6CA,KA7CA,EA6CA,QA7CA,EA6CA;AACA,WAAA,QAAA,CAAA,OAAA,yGACA,KAAA,CAAA,MADA,+DACA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MADA;AAGA,KAjDA;AAkDA,IAAA,YAlDA,wBAkDA,IAlDA,EAkDA,QAlDA,EAkDA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA;AApDA;AAhBA,CAAA","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>系统服务VPN</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=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \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/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/88c909273cbdeb112cdeb11e632f1e12.json b/node_modules/.cache/babel-loader/88c909273cbdeb112cdeb11e632f1e12.json
index af6869da..51b12e09 100644
--- a/node_modules/.cache/babel-loader/88c909273cbdeb112cdeb11e632f1e12.json
+++ b/node_modules/.cache/babel-loader/88c909273cbdeb112cdeb11e632f1e12.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nexport default {\n  name: 'flowChart',\n  //流量组件\n  components: {\n    lineChart: lineChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,OAAA,SAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA;AADA,GAFA;AAKA,EAAA,IALA,kBAKA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GAnCA;AAoCA,EAAA,OAAA,EAAA,EApCA;AAuCA,EAAA,OAvCA,qBAuCA,CACA;AAxCA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>流量组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart></lineChart>\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nexport default {\n    name: 'flowChart', //流量组件\n    components:{\n        lineChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n       \n    },\n    mounted() {\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'flowChart',\n  //流量组件\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,SAAA,EAAA,SAFA;AAGA,IAAA,YAAA,EAAA,YAHA;AAIA,IAAA,YAAA,EAAA;AAJA,GAFA;AAQA,EAAA,IARA,kBAQA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GApBA;AAqBA,EAAA,OAAA,EAAA,EArBA;AAwBA,EAAA,OAxBA,qBAwBA,CACA;AAzBA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">流量组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                \n                <tableShow :msg=\"tableData\"/>\n            </div>\n            \n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart></lineChart>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'flowChart', //流量组件\n    components:{\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n       \n    },\n    mounted() {\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a286002fb79825e3fb1f9e2ab337c4f0.json b/node_modules/.cache/babel-loader/a286002fb79825e3fb1f9e2ab337c4f0.json
index 83da6376..64255d5b 100644
--- a/node_modules/.cache/babel-loader/a286002fb79825e3fb1f9e2ab337c4f0.json
+++ b/node_modules/.cache/babel-loader/a286002fb79825e3fb1f9e2ab337c4f0.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"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//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-data-line' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-coin',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine'\n          }, {\n            title: '网络',\n            path: 'network'\n          }, {\n            title: 'VPN',\n            path: 'VPN'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-tools',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-user-solid',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-phone'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"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//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-data-line' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-coin',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine'\n          }, {\n            title: '网络',\n            path: 'network'\n          }, {\n            title: 'VPN',\n            path: 'VPN'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-tools',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-user-solid',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-phone'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,OAAA,QAAA,MAAA,gCAAA;AACA,OAAA,GAAA,MAAA,aAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,QAAA,EAAA,CAAA;AACA;AACA;AAAA,QAAA,IAAA,EAAA,QAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAFA,EAGA;AAAA,QAAA,IAAA,EAAA,QAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAHA,EAIA;AAAA,QAAA,IAAA,EAAA,QAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAJA,EAKA;AAAA,QAAA,IAAA,EAAA,aAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OALA,CAMA;AANA,OADA;AASA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,IAAA,EAAA,cAFA;AAGA,QAAA,IAAA,EAAA,mBAHA,CAIA;;AAJA,OADA,EAOA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,eAFA;AAGA,QAAA,IAAA,EAAA,cAHA;AAIA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,SAFA;AAGA,UAAA,QAAA,EAAA,CACA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA;AAFA,WADA,EAMA;AACA,YAAA,KAAA,EAAA,IADA;AAEA,YAAA,IAAA,EAAA;AAFA,WANA,EAWA;AACA,YAAA,KAAA,EAAA,KADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAXA,EAgBA;AACA,YAAA,KAAA,EAAA,OADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAhBA,EAqBA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA;AAFA,WArBA;AAHA,SADA,EA+BA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SA/BA,EAmCA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SAnCA,EAuCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SAvCA;AAJA,OAPA,EAyDA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,iBAHA;AAKA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,mBAFA,CAGA;;AAHA,SANA,EAWA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SAXA,EAgBA;AACA,UAAA,KAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,6BAFA,CAGA;;AAHA,SAhBA,EAqBA;AACA,UAAA,KAAA,EAAA,SADA;AAEA,UAAA,IAAA,EAAA,oBAFA,CAGA;;AAHA,SArBA;AALA,OAzDA,EAyFA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,oBAHA;AAIA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,MAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,cAFA,CAGA;;AAHA,SANA;AAJA,OAzFA,EA0GA;AACA,QAAA,KAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OA1GA,CATA;AA0HA,MAAA,WAAA,EAAA;AA1HA,KAAA;AA4HA,GAjIA;AAmIA,EAAA,QAAA,EAAA;AACA,IAAA,QADA,sBACA;AACA,aAAA,YAAA,CAAA,OAAA,CAAA,aAAA,KAAA,EAAA;AACA,KAHA;AAIA,IAAA,OAJA,qBAIA;AAAA;AACA,aAAA,MAAA,KAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AACA;AANA,GAnIA;AA2IA,EAAA,OA3IA,qBA2IA;AACA,SAAA,WAAA,GAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,CAAA;AACA,IAAA,GAAA,CAAA,KAAA,CAAA,cAAA,EAAA,KAAA,WAAA,EAFA,CAEA;AACA,GA9IA;AA+IA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,wBACA,IADA,EACA;AAAA;AACA,WAAA,OAAA,CAAA,IAAA,CAAA;AACA,QAAA,IAAA,EAAA;AADA,OAAA;AAGA,KALA;AAMA,IAAA,aANA,yBAMA,OANA,EAMA;AAAA;AACA,UAAA,OAAA,IAAA,UAAA,EAAA;AACA,QAAA,YAAA,CAAA,UAAA,CAAA,aAAA;AACA,aAAA,OAAA,CAAA,IAAA,CAAA;AACA,UAAA,IAAA,EAAA;AADA,SAAA;AAGA;AACA,KAbA;AAcA,IAAA,iBAdA,+BAcA;AAAA;AACA,WAAA,WAAA,GAAA,CAAA,KAAA,WAAA;AACA,MAAA,YAAA,CAAA,OAAA,CAAA,cAAA,EAAA,KAAA,WAAA,EAFA,CAEA;;AACA,MAAA,GAAA,CAAA,KAAA,CAAA,cAAA,EAAA,KAAA,WAAA,EAHA,CAGA;AACA;AAlBA;AA/IA,CAAA","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    /* position: absolute; */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* width: 87%; */\n    width: 100%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/abd195b671b30196077709b9adfb3445.json b/node_modules/.cache/babel-loader/abd195b671b30196077709b9adfb3445.json
index e77ee4a1..f4bdbecb 100644
--- a/node_modules/.cache/babel-loader/abd195b671b30196077709b9adfb3445.json
+++ b/node_modules/.cache/babel-loader/abd195b671b30196077709b9adfb3445.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672212950557},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: '' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          icon: 'el-icon-s-goods',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine',\n            icon: 'bars'\n          }, {\n            title: '网络',\n            path: 'network',\n            icon: 'tool'\n          }, {\n            title: 'VPN',\n            path: 'VPN',\n            icon: 'tool'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations',\n            icon: 'tool'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck',\n            icon: 'tool'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation',\n          icon: 'el-icon-user-solid'\n        }, {\n          title: '接口',\n          path: 'interface',\n          icon: 'el-icon-user-solid'\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting',\n          icon: 'el-icon-user-solid'\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings',\n          icon: 'bars'\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings',\n          icon: 'tool'\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings',\n          icon: 'tool'\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates',\n          icon: 'tool'\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings',\n          icon: 'tool'\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-s-goods',\n        children: [{\n          title: '我的账号',\n          path: 'myId',\n          icon: 'bars'\n        }, {\n          title: '账号管理',\n          path: 'IdManagement',\n          icon: 'tool'\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-s-goods'\n      }]\n    };\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,OAAA,QAAA,MAAA,gCAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,IAAA,EAAA,cAFA;AAGA,QAAA,IAAA,EAAA,EAHA,CAIA;;AAJA,OADA,EAOA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,eAFA;AAGA,QAAA,IAAA,EAAA,iBAHA;AAIA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,SAFA;AAGA,UAAA,IAAA,EAAA,iBAHA;AAIA,UAAA,QAAA,EAAA,CACA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,cAFA;AAGA,YAAA,IAAA,EAAA;AAHA,WADA,EAMA;AACA,YAAA,KAAA,EAAA,IADA;AAEA,YAAA,IAAA,EAAA,SAFA;AAGA,YAAA,IAAA,EAAA;AAHA,WANA,EAWA;AACA,YAAA,KAAA,EAAA,KADA;AAEA,YAAA,IAAA,EAAA,KAFA;AAGA,YAAA,IAAA,EAAA;AAHA,WAXA,EAgBA;AACA,YAAA,KAAA,EAAA,OADA;AAEA,YAAA,IAAA,EAAA,kBAFA;AAGA,YAAA,IAAA,EAAA;AAHA,WAhBA,EAqBA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,aAFA;AAGA,YAAA,IAAA,EAAA;AAHA,WArBA;AAJA,SADA,EAgCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SAhCA,EAoCA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,WAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SApCA,EAwCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,WAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SAxCA;AAJA,OAPA,EA0DA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,iBAHA;AAKA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,mBAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SANA,EAWA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,gBAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SAXA,EAgBA;AACA,UAAA,KAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,6BAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SAhBA,EAqBA;AACA,UAAA,KAAA,EAAA,SADA;AAEA,UAAA,IAAA,EAAA,oBAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SArBA;AALA,OA1DA,EA0FA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,iBAHA;AAIA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,MAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,cAFA;AAGA,UAAA,IAAA,EAAA;AAHA,SANA;AAJA,OA1FA,EA2GA;AACA,QAAA,KAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,MAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OA3GA;AADA,KAAA;AAoHA;AAzHA,CAAA","sourcesContent":["<template>\n  <div>\n    \n    <!-- 一级菜单下面所拥有的二级菜单 -->\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside>  -->\n    <!-- 以及二级菜单所对应的页面 -->\n    <el-main>\n      <router-view></router-view>\n    </el-main>\n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu\n  },\n  data(){\n    return{\n        leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : '',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                            icon : 'el-icon-s-goods',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n                                    icon : 'tool',\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-goods',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-s-goods',\n                },\n                \n            ],\n    }\n  }\n}\n</script>\n<style>\n.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n</style>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-user-solid' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        // icon : 'el-icon-s-goods',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          // icon : 'el-icon-s-goods',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine' // icon : 'bars',\n\n          }, {\n            title: '网络',\n            path: 'network' // icon : 'tool',\n\n          }, {\n            title: 'VPN',\n            path: 'VPN' // icon : 'tool',\n\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations' // icon : 'tool',\n\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck' // icon : 'tool',\n\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: require('@/assets/img/xtsz.png'),\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        // icon : 'el-icon-s-goods',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs' // icon : 'el-icon-s-goods',\n\n      }]\n    };\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,OAAA,QAAA,MAAA,gCAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,IAAA,EAAA,cAFA;AAGA,QAAA,IAAA,EAAA,oBAHA,CAIA;;AAJA,OADA,EAOA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,eAFA;AAGA;AACA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,SAFA;AAGA;AACA,UAAA,QAAA,EAAA,CACA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,cAFA,CAGA;;AAHA,WADA,EAMA;AACA,YAAA,KAAA,EAAA,IADA;AAEA,YAAA,IAAA,EAAA,SAFA,CAGA;;AAHA,WANA,EAWA;AACA,YAAA,KAAA,EAAA,KADA;AAEA,YAAA,IAAA,EAAA,KAFA,CAGA;;AAHA,WAXA,EAgBA;AACA,YAAA,KAAA,EAAA,OADA;AAEA,YAAA,IAAA,EAAA,kBAFA,CAGA;;AAHA,WAhBA,EAqBA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,aAFA,CAGA;;AAHA,WArBA;AAJA,SADA,EAgCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SAhCA,EAoCA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SApCA,EAwCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SAxCA;AAJA,OAPA,EA0DA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,OAAA,CAAA,uBAAA,CAHA;AAKA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,mBAFA,CAGA;;AAHA,SANA,EAWA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SAXA,EAgBA;AACA,UAAA,KAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,6BAFA,CAGA;;AAHA,SAhBA,EAqBA;AACA,UAAA,KAAA,EAAA,SADA;AAEA,UAAA,IAAA,EAAA,oBAFA,CAGA;;AAHA,SArBA;AALA,OA1DA,EA0FA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA;AACA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,MAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,cAFA,CAGA;;AAHA,SANA;AAJA,OA1FA,EA2GA;AACA,QAAA,KAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,MAFA,CAGA;;AAHA,OA3GA;AADA,KAAA;AAoHA;AAzHA,CAAA","sourcesContent":["<template>\n  <div>\n    \n    <!-- 一级菜单下面所拥有的二级菜单 -->\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside>  -->\n    <!-- 以及二级菜单所对应的页面 -->\n    <el-main>\n      <router-view></router-view>\n    </el-main>\n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu\n  },\n  data(){\n    return{\n        leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-user-solid',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    // icon : 'el-icon-s-goods',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                            // icon : 'el-icon-s-goods',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n                                    // icon : 'tool',\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : require('@/assets/img/xtsz.png'),\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    // icon : 'el-icon-s-goods',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    // icon : 'el-icon-s-goods',\n                },\n                \n            ],\n    }\n  }\n}\n</script>\n<style>\n.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n</style>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b5ad6a97288184c513911599e87aca93.json b/node_modules/.cache/babel-loader/b5ad6a97288184c513911599e87aca93.json
index b683a599..510e8e6e 100644
--- a/node_modules/.cache/babel-loader/b5ad6a97288184c513911599e87aca93.json
+++ b/node_modules/.cache/babel-loader/b5ad6a97288184c513911599e87aca93.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1672210701267},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: 'ParkingDetrctionCA',\n        name2: 'loc.rcesystems.cz',\n        startTime: '2019-12-02 22::17:47',\n        endTime: '2033-08-10 22::17:47',\n        blacklist: '否',\n        autograph: '否',\n        version: '3'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,oBADA;AAEA,QAAA,KAAA,EAAA,mBAFA;AAGA,QAAA,SAAA,EAAA,sBAHA;AAIA,QAAA,OAAA,EAAA,sBAJA;AAKA,QAAA,SAAA,EAAA,GALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,OAAA,EAAA;AAPA,OADA;AAUA,MAAA,qBAAA,EAAA;AAVA,KAAA;AAYA;AAdA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\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      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\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\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1672365886439},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: 'ParkingDetrctionCA',\n        name2: 'loc.rcesystems.cz',\n        startTime: '2019-12-02 22::17:47',\n        endTime: '2033-08-10 22::17:47',\n        blacklist: '否',\n        autograph: '否',\n        version: '3'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,oBADA;AAEA,QAAA,KAAA,EAAA,mBAFA;AAGA,QAAA,SAAA,EAAA,sBAHA;AAIA,QAAA,OAAA,EAAA,sBAJA;AAKA,QAAA,SAAA,EAAA,GALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,OAAA,EAAA;AAPA,OADA;AAUA,MAAA,qBAAA,EAAA;AAVA,KAAA;AAYA;AAdA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\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      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/bd501ad722dad2ac824a6d832fb4f973.json b/node_modules/.cache/babel-loader/bd501ad722dad2ac824a6d832fb4f973.json
index 59c73844..1d9e4a7b 100644
--- a/node_modules/.cache/babel-loader/bd501ad722dad2ac824a6d832fb4f973.json
+++ b/node_modules/.cache/babel-loader/bd501ad722dad2ac824a6d832fb4f973.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nexport default {\n  name: 'headWayChart',\n  //车头时距组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA;AAFA,GAFA;AAMA,EAAA,IANA,kBAMA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GApCA;AAqCA,EAAA,OAAA,EAAA,EArCA;AAuCA,EAAA,OAvCA,qBAuCA,CAEA;AAzCA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'headWayChart',\n  //车头时距组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA;AALA,GAFA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GArBA;AAsBA,EAAA,OAAA,EAAA,EAtBA;AAwBA,EAAA,OAxBA,qBAwBA,CAEA;AA1BA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/cf6fc7d5a4caa3c2f392c0dbc96f135b.json b/node_modules/.cache/babel-loader/cf6fc7d5a4caa3c2f392c0dbc96f135b.json
index 3bad4598..ca292b38 100644
--- a/node_modules/.cache/babel-loader/cf6fc7d5a4caa3c2f392c0dbc96f135b.json
+++ b/node_modules/.cache/babel-loader/cf6fc7d5a4caa3c2f392c0dbc96f135b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\router\\index.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\router\\index.js","mtime":1672105433963},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nvar originalPush = VueRouter.prototype.push;\n\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\n\nexport default new VueRouter({\n  routes: [{\n    path: '/',\n    // 程序启动默认路由\n    component: function component() {\n      return import('@/components/common/Whole.vue');\n    },\n    meta: {\n      title: '整体页面布局'\n    },\n    redirect: '/test1',\n    // 重定向到首页\n    children: [// {\n    //   path: '/Home',\n    //   component: () => import('@/page/Home.vue'),\n    //   meta: { title: '首页' }\n    // },\n    {\n      path: '/test1',\n      component: function component() {\n        return import('@/page/test1/index.vue');\n      },\n      meta: {\n        title: '一级菜单1'\n      },\n      redirect: '/test1/AnalysisMain',\n      // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n      children: [{\n        path: 'test1-1',\n        component: function component() {\n          return import('@/page/test1/test1-1.vue');\n        },\n        meta: {\n          title: '二级菜单1-1'\n        }\n      }, {\n        path: 'test1-2',\n        component: function component() {\n          return import('@/page/test1/test1-2.vue');\n        },\n        meta: {\n          title: '二级菜单1-2'\n        }\n      }, {\n        path: 'test1-3',\n        component: function component() {\n          return import('@/page/test1/test1-3.vue');\n        },\n        meta: {\n          title: '二级菜单1-3'\n        }\n      }, {\n        path: 'test1-4',\n        component: function component() {\n          return import('@/page/test1/test1-4.vue');\n        },\n        meta: {\n          title: '二级菜单1-4'\n        }\n      }, {\n        path: 'test1-5',\n        component: function component() {\n          return import('@/page/test1/test1-5.vue');\n        },\n        meta: {\n          title: '二级菜单1-5'\n        }\n      }, {\n        path: 'AnalysisMain',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/AnalysisMain.vue');\n        }\n      }, {\n        path: 'index',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/index.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'StateOperation',\n        name: 'StateOperation',\n        meta: {\n          title: '运行状态'\n        },\n        component: function component() {\n          return import('@/views/StateOperation.vue');\n        }\n      }, {\n        path: 'interface',\n        name: 'interface',\n        meta: {\n          title: '接口'\n        },\n        component: function component() {\n          return import('@/views/interface.vue');\n        }\n      }, {\n        path: 'IPSetting',\n        name: 'IPSetting',\n        meta: {\n          title: 'IP设置'\n        },\n        component: function component() {\n          return import('@/views/IPSetting.vue');\n        }\n      }, {\n        path: 'globalSettings',\n        name: 'globalSettings',\n        meta: {\n          title: '全局设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/globalSettings.vue');\n        }\n      }, {\n        path: 'ExportingSettings',\n        name: 'ExportingSettings',\n        meta: {\n          title: '关于本机——导出设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ExportingSettings.vue');\n        }\n      }, {\n        path: 'ImportSettings',\n        name: 'ImportSettings',\n        meta: {\n          title: '关于本机——导入设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ImportSettings.vue');\n        }\n      }, {\n        path: 'InterfaceServerCertificates',\n        name: 'InterfaceServerCertificates',\n        meta: {\n          title: '接口与服务器证书'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/InterfaceServerCertificates.vue');\n        }\n      }, {\n        path: 'UDPServiceSettings',\n        name: 'UDPServiceSettings',\n        meta: {\n          title: 'UDP服务设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/UDPServiceSettings.vue');\n        }\n      }, {\n        path: 'myId',\n        name: 'myId',\n        meta: {\n          title: '我的账号'\n        },\n        component: function component() {\n          return import('@/views/myId.vue');\n        }\n      }, {\n        path: 'IdManagement',\n        name: 'IdManagement',\n        meta: {\n          title: '账号管理'\n        },\n        component: function component() {\n          return import('@/views/IdManagement.vue');\n        }\n      }, {\n        path: 'logs',\n        name: 'logs',\n        meta: {\n          title: '通知/日志'\n        },\n        component: function component() {\n          return import('@/views/logs.vue');\n        }\n      }]\n    }, {\n      path: '/test2',\n      component: function component() {\n        return import('@/page/test2/index.vue');\n      },\n      meta: {\n        title: '一级菜单2'\n      },\n      redirect: '/test2/test2-1',\n      // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n      children: [{\n        path: 'test2-1',\n        component: function component() {\n          return import('@/page/test2/test2-1.vue');\n        },\n        meta: {\n          title: '二级菜单2-1'\n        }\n      }, {\n        path: 'test2-2',\n        component: function component() {\n          return import('@/page/test2/test2-2.vue');\n        },\n        meta: {\n          title: '二级菜单2-2'\n        }\n      }, {\n        path: 'test2-3',\n        component: function component() {\n          return import('@/page/test2/test2-3.vue');\n        },\n        meta: {\n          title: '二级菜单2-3'\n        }\n      }]\n    }, {\n      path: '/test3',\n      component: function component() {\n        return import('@/page/test3/index.vue');\n      },\n      meta: {\n        title: '一级菜单3'\n      },\n      redirect: '/test3/test3-1',\n      children: [{\n        path: 'test3-1',\n        component: function component() {\n          return import('@/page/test3/test3-1.vue');\n        },\n        meta: {\n          title: '二级菜单3-1'\n        }\n      }, {\n        path: 'test3-2',\n        component: function component() {\n          return import('@/page/test3/test3-2.vue');\n        },\n        meta: {\n          title: '二级菜单3-2'\n        }\n      }]\n    }, {\n      path: '/i18n',\n      // 国际化组件\n      component: function component() {\n        return import('@/components/common/I18n.vue');\n      },\n      meta: {\n        title: '国际化'\n      }\n    }, {\n      path: '/permission',\n      // 权限页面\n      component: function component() {\n        return import('@/page/Permission.vue');\n      },\n      meta: {\n        title: '权限测试',\n        permission: true\n      }\n    }, {\n      path: '/404',\n      component: function component() {\n        return import('@/page/404.vue');\n      },\n      meta: {\n        title: '404'\n      }\n    }, {\n      path: '/403',\n      component: function component() {\n        return import('@/page/403.vue');\n      },\n      meta: {\n        title: '403'\n      }\n    }]\n  }, {\n    path: '/Login',\n    // 登录页面\n    component: function component() {\n      return import('@/page/Login.vue');\n    },\n    meta: {\n      title: '登录'\n    }\n  }, {\n    path: '*',\n    redirect: '/404'\n  }]\n});",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/router/index.js"],"names":["Vue","VueRouter","use","originalPush","prototype","push","location","call","catch","err","routes","path","component","meta","title","redirect","children","name","permission"],"mappings":"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","sourcesContent":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\n\nVue.use(VueRouter);\n\nconst originalPush = VueRouter.prototype.push;\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(err => err);\n}\n\nexport default new VueRouter({\n  routes: [{\n      path: '/', // 程序启动默认路由\n      component: () => import('@/components/common/Whole.vue'),\n      meta: {\n        title: '整体页面布局'\n      },\n      redirect: '/test1', // 重定向到首页\n      children: [\n        // {\n        //   path: '/Home',\n        //   component: () => import('@/page/Home.vue'),\n        //   meta: { title: '首页' }\n        // },\n        {\n          path: '/test1',\n          component: () => import('@/page/test1/index.vue'),\n          meta: { title: '一级菜单1' },\n          redirect: '/test1/AnalysisMain',  // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n          children:[\n            {\n              path: 'test1-1',\n              component: () => import('@/page/test1/test1-1.vue'),\n              meta: {\n                title: '二级菜单1-1'\n              },\n            },\n            {\n              path: 'test1-2',\n              component: () => import('@/page/test1/test1-2.vue'),\n              meta: {\n                title: '二级菜单1-2'\n              },\n            },\n            {\n              path: 'test1-3',\n              component: () => import('@/page/test1/test1-3.vue'),\n              meta: {\n                title: '二级菜单1-3'\n              },\n            },\n            {\n              path: 'test1-4',\n              component: () => import('@/page/test1/test1-4.vue'),\n              meta: {\n                title: '二级菜单1-4'\n              },\n            },\n            {\n              path: 'test1-5',\n              component: () => import('@/page/test1/test1-5.vue'),\n              meta: {\n                title: '二级菜单1-5'\n              },\n            },\n            {\n                path: 'AnalysisMain',\n                meta: { title: '分析' },\n                component: () => import ('@/views/AnalysisMain.vue')\n              },\n            {\n                path: 'index',\n                meta: { title: '分析' },\n                component: () => import ('@/views/index.vue')\n              }, \n              {\n                path: 'AboutMachine',\n                name: 'AboutMachine',\n                meta: {\n                    title: '关于本机'\n                },\n                component: () =>\n                    import ('@/views/general/AboutMachine.vue'),\n            }, {\n                path: 'network',\n                name: 'network',\n                meta: {\n                    title: '网络'\n                },\n                component: () =>\n                    import ('@/views/general/network.vue'),\n            }, {\n                path: 'VPN',\n                name: 'VPN',\n                meta: {\n                    title: 'VPN'\n                },\n                component: () =>\n                    import ('@/views/general/VPN.vue'),\n            }, {\n                path: 'CustomOperations',\n                name: 'CustomOperations',\n                meta: {\n                    title: '自定义操作'\n                },\n                component: () =>\n                    import ('@/views/general/CustomOperations.vue'),\n            }, {\n                path: 'HealthCheck',\n                name: 'HealthCheck',\n                meta: {\n                    title: '健康检测'\n                },\n                component: () =>\n                    import ('@/views/general/HealthCheck.vue'),\n            },\n            {\n              path: 'AboutMachine',\n              name: 'AboutMachine',\n              meta: {\n                title: '关于本机'\n              },\n              component: () =>\n                import('@/views/general/AboutMachine.vue'),\n            }, {\n              path: 'network',\n              name: 'network',\n              meta: {\n                title: '网络'\n              },\n              component: () =>\n                import('@/views/general/network.vue'),\n            }, {\n              path: 'VPN',\n              name: 'VPN',\n              meta: {\n                title: 'VPN'\n              },\n              component: () =>\n                import('@/views/general/VPN.vue'),\n            }, {\n              path: 'CustomOperations',\n              name: 'CustomOperations',\n              meta: {\n                title: '自定义操作'\n              },\n              component: () =>\n                import('@/views/general/CustomOperations.vue'),\n            }, {\n              path: 'HealthCheck',\n              name: 'HealthCheck',\n              meta: {\n                title: '健康检测'\n              },\n              component: () =>\n                import('@/views/general/HealthCheck.vue'),\n            },\n            {\n              path: 'StateOperation',\n              name: 'StateOperation',\n              meta: {\n                title: '运行状态'\n              },\n              component: () =>\n                import('@/views/StateOperation.vue'),\n            }, {\n              path: 'interface',\n              name: 'interface',\n              meta: {\n                title: '接口'\n              },\n              component: () =>\n                import('@/views/interface.vue'),\n            }, {\n              path: 'IPSetting',\n              name: 'IPSetting',\n              meta: {\n                title: 'IP设置'\n              },\n              component: () =>\n                import('@/views/IPSetting.vue'),\n            },\n            {\n              path: 'globalSettings',\n              name: 'globalSettings',\n              meta: {\n                title: '全局设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/globalSettings.vue'),\n            },\n            {\n              path: 'ExportingSettings',\n              name: 'ExportingSettings',\n              meta: {\n                title: '关于本机——导出设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/ExportingSettings.vue'),\n            },\n            {\n              path: 'ImportSettings',\n              name: 'ImportSettings',\n              meta: {\n                title: '关于本机——导入设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/ImportSettings.vue'),\n            }, \n            {\n              path: 'InterfaceServerCertificates',\n              name: 'InterfaceServerCertificates',\n              meta: {\n                title: '接口与服务器证书'\n              },\n              component: () =>\n                import('@/views/SystemSettings/InterfaceServerCertificates.vue'),\n            }, \n            {\n              path: 'UDPServiceSettings',\n              name: 'UDPServiceSettings',\n              meta: {\n                title: 'UDP服务设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/UDPServiceSettings.vue'),\n            },\n            {\n              path: 'myId',\n              name: 'myId',\n              meta: {\n                title: '我的账号'\n              },\n              component: () =>\n                import('@/views/myId.vue'),\n            }, {\n              path: 'IdManagement',\n              name: 'IdManagement',\n              meta: {\n                title: '账号管理'\n              },\n              component: () =>\n                import('@/views/IdManagement.vue'),\n            },\n            {\n              path: 'logs',\n              name: 'logs',\n              meta: {\n                title: '通知/日志'\n              },\n              component: () => import('@/views/logs.vue')\n            }\n\n          ]\n        },\n        {\n          path: '/test2',\n          component: () => import('@/page/test2/index.vue'),\n          meta: {\n            title: '一级菜单2'\n          },\n          redirect: '/test2/test2-1', // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n          children: [{\n              path: 'test2-1',\n              component: () => import('@/page/test2/test2-1.vue'),\n              meta: {\n                title: '二级菜单2-1'\n              },\n            },\n            {\n              path: 'test2-2',\n              component: () => import('@/page/test2/test2-2.vue'),\n              meta: {\n                title: '二级菜单2-2'\n              },\n            },\n            {\n              path: 'test2-3',\n              component: () => import('@/page/test2/test2-3.vue'),\n              meta: {\n                title: '二级菜单2-3'\n              },\n            },\n          ]\n        },\n        {\n          path: '/test3',\n          component: () => import('@/page/test3/index.vue'),\n          meta: {\n            title: '一级菜单3'\n          },\n          redirect: '/test3/test3-1',\n          children: [{\n              path: 'test3-1',\n              component: () => import('@/page/test3/test3-1.vue'),\n              meta: {\n                title: '二级菜单3-1'\n              }\n            },\n            {\n              path: 'test3-2',\n              component: () => import('@/page/test3/test3-2.vue'),\n              meta: {\n                title: '二级菜单3-2'\n              }\n            },\n          ]\n        },\n        {\n          path: '/i18n', // 国际化组件\n          component: () => import('@/components/common/I18n.vue'),\n          meta: {\n            title: '国际化'\n          }\n        },\n        {\n          path: '/permission', // 权限页面\n          component: () => import('@/page/Permission.vue'),\n          meta: {\n            title: '权限测试',\n            permission: true\n          }\n        },\n        {\n          path: '/404',\n          component: () => import('@/page/404.vue'),\n          meta: {\n            title: '404'\n          }\n        },\n        {\n          path: '/403',\n          component: () => import('@/page/403.vue'),\n          meta: {\n            title: '403'\n          }\n        },\n      ]\n    },\n    {\n      path: '/Login', // 登录页面\n      component: () => import('@/page/Login.vue'),\n      meta: {\n        title: '登录'\n      }\n    },\n    {\n      path: '*',\n      redirect: '/404'\n    }\n  ]\n});"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\router\\index.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\router\\index.js","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nvar originalPush = VueRouter.prototype.push;\n\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\n\nexport default new VueRouter({\n  routes: [{\n    path: '/',\n    // 程序启动默认路由\n    component: function component() {\n      return import('@/components/common/Whole.vue');\n    },\n    meta: {\n      title: '整体页面布局'\n    },\n    redirect: '/test1',\n    // 重定向到首页\n    children: [// {\n    //   path: '/Home',\n    //   component: () => import('@/page/Home.vue'),\n    //   meta: { title: '首页' }\n    // },\n    {\n      path: '/test1',\n      component: function component() {\n        return import('@/page/test1/index.vue');\n      },\n      meta: {\n        title: '一级菜单1'\n      },\n      redirect: '/test1/AnalysisMain',\n      // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n      children: [{\n        path: 'test1-1',\n        component: function component() {\n          return import('@/page/test1/test1-1.vue');\n        },\n        meta: {\n          title: '二级菜单1-1'\n        }\n      }, {\n        path: 'test1-2',\n        component: function component() {\n          return import('@/page/test1/test1-2.vue');\n        },\n        meta: {\n          title: '二级菜单1-2'\n        }\n      }, {\n        path: 'test1-3',\n        component: function component() {\n          return import('@/page/test1/test1-3.vue');\n        },\n        meta: {\n          title: '二级菜单1-3'\n        }\n      }, {\n        path: 'test1-4',\n        component: function component() {\n          return import('@/page/test1/test1-4.vue');\n        },\n        meta: {\n          title: '二级菜单1-4'\n        }\n      }, {\n        path: 'test1-5',\n        component: function component() {\n          return import('@/page/test1/test1-5.vue');\n        },\n        meta: {\n          title: '二级菜单1-5'\n        }\n      }, {\n        path: 'AnalysisMain',\n        meta: {\n          title: '分析',\n          icon: 'ac'\n        },\n        component: function component() {\n          return import('@/views/AnalysisMain.vue');\n        }\n      }, {\n        path: 'index',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/index.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'StateOperation',\n        name: 'StateOperation',\n        meta: {\n          title: '运行状态'\n        },\n        component: function component() {\n          return import('@/views/StateOperation.vue');\n        }\n      }, {\n        path: 'interface',\n        name: 'interface',\n        meta: {\n          title: '接口'\n        },\n        component: function component() {\n          return import('@/views/interface.vue');\n        }\n      }, {\n        path: 'IPSetting',\n        name: 'IPSetting',\n        meta: {\n          title: 'IP设置'\n        },\n        component: function component() {\n          return import('@/views/IPSetting.vue');\n        }\n      }, {\n        path: 'globalSettings',\n        name: 'globalSettings',\n        meta: {\n          title: '全局设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/globalSettings.vue');\n        }\n      }, {\n        path: 'ExportingSettings',\n        name: 'ExportingSettings',\n        meta: {\n          title: '关于本机——导出设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ExportingSettings.vue');\n        }\n      }, {\n        path: 'ImportSettings',\n        name: 'ImportSettings',\n        meta: {\n          title: '关于本机——导入设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ImportSettings.vue');\n        }\n      }, {\n        path: 'InterfaceServerCertificates',\n        name: 'InterfaceServerCertificates',\n        meta: {\n          title: '接口与服务器证书'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/InterfaceServerCertificates.vue');\n        }\n      }, {\n        path: 'UDPServiceSettings',\n        name: 'UDPServiceSettings',\n        meta: {\n          title: 'UDP服务设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/UDPServiceSettings.vue');\n        }\n      }, {\n        path: 'myId',\n        name: 'myId',\n        meta: {\n          title: '我的账号'\n        },\n        component: function component() {\n          return import('@/views/myId.vue');\n        }\n      }, {\n        path: 'IdManagement',\n        name: 'IdManagement',\n        meta: {\n          title: '账号管理'\n        },\n        component: function component() {\n          return import('@/views/IdManagement.vue');\n        }\n      }, {\n        path: 'logs',\n        name: 'logs',\n        meta: {\n          title: '通知/日志'\n        },\n        component: function component() {\n          return import('@/views/logs.vue');\n        }\n      }]\n    }, {\n      path: '/test2',\n      component: function component() {\n        return import('@/page/test2/index.vue');\n      },\n      meta: {\n        title: '一级菜单2'\n      },\n      redirect: '/test2/test2-1',\n      // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n      children: [{\n        path: 'test2-1',\n        component: function component() {\n          return import('@/page/test2/test2-1.vue');\n        },\n        meta: {\n          title: '二级菜单2-1'\n        }\n      }, {\n        path: 'test2-2',\n        component: function component() {\n          return import('@/page/test2/test2-2.vue');\n        },\n        meta: {\n          title: '二级菜单2-2'\n        }\n      }, {\n        path: 'test2-3',\n        component: function component() {\n          return import('@/page/test2/test2-3.vue');\n        },\n        meta: {\n          title: '二级菜单2-3'\n        }\n      }]\n    }, {\n      path: '/test3',\n      component: function component() {\n        return import('@/page/test3/index.vue');\n      },\n      meta: {\n        title: '一级菜单3'\n      },\n      redirect: '/test3/test3-1',\n      children: [{\n        path: 'test3-1',\n        component: function component() {\n          return import('@/page/test3/test3-1.vue');\n        },\n        meta: {\n          title: '二级菜单3-1'\n        }\n      }, {\n        path: 'test3-2',\n        component: function component() {\n          return import('@/page/test3/test3-2.vue');\n        },\n        meta: {\n          title: '二级菜单3-2'\n        }\n      }]\n    }, {\n      path: '/i18n',\n      // 国际化组件\n      component: function component() {\n        return import('@/components/common/I18n.vue');\n      },\n      meta: {\n        title: '国际化'\n      }\n    }, {\n      path: '/permission',\n      // 权限页面\n      component: function component() {\n        return import('@/page/Permission.vue');\n      },\n      meta: {\n        title: '权限测试',\n        permission: true\n      }\n    }, {\n      path: '/404',\n      component: function component() {\n        return import('@/page/404.vue');\n      },\n      meta: {\n        title: '404'\n      }\n    }, {\n      path: '/403',\n      component: function component() {\n        return import('@/page/403.vue');\n      },\n      meta: {\n        title: '403'\n      }\n    }]\n  }, {\n    path: '/Login',\n    // 登录页面\n    component: function component() {\n      return import('@/page/Login.vue');\n    },\n    meta: {\n      title: '登录'\n    }\n  }, {\n    path: '*',\n    redirect: '/404'\n  }]\n});",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/router/index.js"],"names":["Vue","VueRouter","use","originalPush","prototype","push","location","call","catch","err","routes","path","component","meta","title","redirect","children","icon","name","permission"],"mappings":"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","sourcesContent":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\n\nVue.use(VueRouter);\n\nconst originalPush = VueRouter.prototype.push;\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(err => err);\n}\n\nexport default new VueRouter({\n  routes: [{\n      path: '/', // 程序启动默认路由\n      component: () => import('@/components/common/Whole.vue'),\n      meta: {\n        title: '整体页面布局'\n      },\n      redirect: '/test1', // 重定向到首页\n      children: [\n        // {\n        //   path: '/Home',\n        //   component: () => import('@/page/Home.vue'),\n        //   meta: { title: '首页' }\n        // },\n        {\n          path: '/test1',\n          component: () => import('@/page/test1/index.vue'),\n          meta: { title: '一级菜单1' },\n          redirect: '/test1/AnalysisMain',  // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n          children:[\n            {\n              path: 'test1-1',\n              component: () => import('@/page/test1/test1-1.vue'),\n              meta: {\n                title: '二级菜单1-1'\n              },\n            },\n            {\n              path: 'test1-2',\n              component: () => import('@/page/test1/test1-2.vue'),\n              meta: {\n                title: '二级菜单1-2'\n              },\n            },\n            {\n              path: 'test1-3',\n              component: () => import('@/page/test1/test1-3.vue'),\n              meta: {\n                title: '二级菜单1-3'\n              },\n            },\n            {\n              path: 'test1-4',\n              component: () => import('@/page/test1/test1-4.vue'),\n              meta: {\n                title: '二级菜单1-4'\n              },\n            },\n            {\n              path: 'test1-5',\n              component: () => import('@/page/test1/test1-5.vue'),\n              meta: {\n                title: '二级菜单1-5'\n              },\n            },\n            {\n                path: 'AnalysisMain',\n                meta: { title: '分析' ,icon:'ac'},\n                component: () => import ('@/views/AnalysisMain.vue')\n              },\n            {\n                path: 'index',\n                meta: { title: '分析' },\n                component: () => import ('@/views/index.vue')\n              }, \n              {\n                path: 'AboutMachine',\n                name: 'AboutMachine',\n                meta: {\n                    title: '关于本机'\n                },\n                component: () =>\n                    import ('@/views/general/AboutMachine.vue'),\n            }, {\n                path: 'network',\n                name: 'network',\n                meta: {\n                    title: '网络'\n                },\n                component: () =>\n                    import ('@/views/general/network.vue'),\n            }, {\n                path: 'VPN',\n                name: 'VPN',\n                meta: {\n                    title: 'VPN'\n                },\n                component: () =>\n                    import ('@/views/general/VPN.vue'),\n            }, {\n                path: 'CustomOperations',\n                name: 'CustomOperations',\n                meta: {\n                    title: '自定义操作'\n                },\n                component: () =>\n                    import ('@/views/general/CustomOperations.vue'),\n            }, {\n                path: 'HealthCheck',\n                name: 'HealthCheck',\n                meta: {\n                    title: '健康检测'\n                },\n                component: () =>\n                    import ('@/views/general/HealthCheck.vue'),\n            },\n            {\n              path: 'AboutMachine',\n              name: 'AboutMachine',\n              meta: {\n                title: '关于本机'\n              },\n              component: () =>\n                import('@/views/general/AboutMachine.vue'),\n            }, {\n              path: 'network',\n              name: 'network',\n              meta: {\n                title: '网络'\n              },\n              component: () =>\n                import('@/views/general/network.vue'),\n            }, {\n              path: 'VPN',\n              name: 'VPN',\n              meta: {\n                title: 'VPN'\n              },\n              component: () =>\n                import('@/views/general/VPN.vue'),\n            }, {\n              path: 'CustomOperations',\n              name: 'CustomOperations',\n              meta: {\n                title: '自定义操作'\n              },\n              component: () =>\n                import('@/views/general/CustomOperations.vue'),\n            }, {\n              path: 'HealthCheck',\n              name: 'HealthCheck',\n              meta: {\n                title: '健康检测'\n              },\n              component: () =>\n                import('@/views/general/HealthCheck.vue'),\n            },\n            {\n              path: 'StateOperation',\n              name: 'StateOperation',\n              meta: {\n                title: '运行状态'\n              },\n              component: () =>\n                import('@/views/StateOperation.vue'),\n            }, {\n              path: 'interface',\n              name: 'interface',\n              meta: {\n                title: '接口'\n              },\n              component: () =>\n                import('@/views/interface.vue'),\n            }, {\n              path: 'IPSetting',\n              name: 'IPSetting',\n              meta: {\n                title: 'IP设置'\n              },\n              component: () =>\n                import('@/views/IPSetting.vue'),\n            },\n            {\n              path: 'globalSettings',\n              name: 'globalSettings',\n              meta: {\n                title: '全局设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/globalSettings.vue'),\n            },\n            {\n              path: 'ExportingSettings',\n              name: 'ExportingSettings',\n              meta: {\n                title: '关于本机——导出设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/ExportingSettings.vue'),\n            },\n            {\n              path: 'ImportSettings',\n              name: 'ImportSettings',\n              meta: {\n                title: '关于本机——导入设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/ImportSettings.vue'),\n            }, \n            {\n              path: 'InterfaceServerCertificates',\n              name: 'InterfaceServerCertificates',\n              meta: {\n                title: '接口与服务器证书'\n              },\n              component: () =>\n                import('@/views/SystemSettings/InterfaceServerCertificates.vue'),\n            }, \n            {\n              path: 'UDPServiceSettings',\n              name: 'UDPServiceSettings',\n              meta: {\n                title: 'UDP服务设置'\n              },\n              component: () =>\n                import('@/views/SystemSettings/UDPServiceSettings.vue'),\n            },\n            {\n              path: 'myId',\n              name: 'myId',\n              meta: {\n                title: '我的账号'\n              },\n              component: () =>\n                import('@/views/myId.vue'),\n            }, {\n              path: 'IdManagement',\n              name: 'IdManagement',\n              meta: {\n                title: '账号管理'\n              },\n              component: () =>\n                import('@/views/IdManagement.vue'),\n            },\n            {\n              path: 'logs',\n              name: 'logs',\n              meta: {\n                title: '通知/日志'\n              },\n              component: () => import('@/views/logs.vue')\n            }\n\n          ]\n        },\n        {\n          path: '/test2',\n          component: () => import('@/page/test2/index.vue'),\n          meta: {\n            title: '一级菜单2'\n          },\n          redirect: '/test2/test2-1', // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n          children: [{\n              path: 'test2-1',\n              component: () => import('@/page/test2/test2-1.vue'),\n              meta: {\n                title: '二级菜单2-1'\n              },\n            },\n            {\n              path: 'test2-2',\n              component: () => import('@/page/test2/test2-2.vue'),\n              meta: {\n                title: '二级菜单2-2'\n              },\n            },\n            {\n              path: 'test2-3',\n              component: () => import('@/page/test2/test2-3.vue'),\n              meta: {\n                title: '二级菜单2-3'\n              },\n            },\n          ]\n        },\n        {\n          path: '/test3',\n          component: () => import('@/page/test3/index.vue'),\n          meta: {\n            title: '一级菜单3'\n          },\n          redirect: '/test3/test3-1',\n          children: [{\n              path: 'test3-1',\n              component: () => import('@/page/test3/test3-1.vue'),\n              meta: {\n                title: '二级菜单3-1'\n              }\n            },\n            {\n              path: 'test3-2',\n              component: () => import('@/page/test3/test3-2.vue'),\n              meta: {\n                title: '二级菜单3-2'\n              }\n            },\n          ]\n        },\n        {\n          path: '/i18n', // 国际化组件\n          component: () => import('@/components/common/I18n.vue'),\n          meta: {\n            title: '国际化'\n          }\n        },\n        {\n          path: '/permission', // 权限页面\n          component: () => import('@/page/Permission.vue'),\n          meta: {\n            title: '权限测试',\n            permission: true\n          }\n        },\n        {\n          path: '/404',\n          component: () => import('@/page/404.vue'),\n          meta: {\n            title: '404'\n          }\n        },\n        {\n          path: '/403',\n          component: () => import('@/page/403.vue'),\n          meta: {\n            title: '403'\n          }\n        },\n      ]\n    },\n    {\n      path: '/Login', // 登录页面\n      component: () => import('@/page/Login.vue'),\n      meta: {\n        title: '登录'\n      }\n    },\n    {\n      path: '*',\n      redirect: '/404'\n    }\n  ]\n});"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d496fb6a2f4f3a526565493cb36be91f.json b/node_modules/.cache/babel-loader/d496fb6a2f4f3a526565493cb36be91f.json
index 641a47c0..6b1fa4f6 100644
--- a/node_modules/.cache/babel-loader/d496fb6a2f4f3a526565493cb36be91f.json
+++ b/node_modules/.cache/babel-loader/d496fb6a2f4f3a526565493cb36be91f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nexport default {\n  components: {\n    typeChart: typeChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    }\n  }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,OAAA,SAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA;AANA,GADA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA;AAHA,KAAA;AAKA,GAfA;AAgBA,EAAA,OAhBA,qBAgBA,CACA,CAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KALA;AAMA,IAAA,WANA,uBAMA,IANA,EAMA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA;AAZA;AAlBA,CAAA","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <p class=\"title\" style=\"margin-bottom: 20px;\">数据看板</p>\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <typeChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        <speedChart />\r\n        <headWayChart />\r\n        <checkChart />\r\n        <lineUpChart />\r\n      </div>\r\n    </div>\r\n    <div class=\"down\">\r\n      <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n        <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n          <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </el-dropdown>\r\n    </div>\r\n\r\n    <!-- 详情框 -->\r\n    <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\r\n      <span>这是一段信息</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n  components: {\r\n    typeChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    handleCommand(command) {  // 用户名下拉菜单选择事件\r\n      if (command == 'show') {\r\n        this.dialogVisible = true\r\n      }\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then(_ => {\r\n          done();\r\n        })\r\n        .catch(_ => { });\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-top: 1px solid;\r\n  border-bottom: 1px solid;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false\n    };\n  },\n  created: function created() {},\n  methods: {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,OAAA,eAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,UAAA,EAAA,UADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,eAAA,EAAA;AAPA,GADA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA;AAHA,KAAA;AAKA,GAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CACA,CAlBA;AAmBA,EAAA,OAAA,EAAA;AAnBA,CAAA","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <speedChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        \r\n        <checkChart />\r\n        <lineUpChart />\r\n        <delayChart />\r\n        <congestionChart />\r\n      </div>\r\n    </div>\r\n    \r\n\r\n    <!-- 详情框 -->\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nexport default {\r\n  components: {\r\n    delayChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart,\r\n    congestionChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    \r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-bottom: 1px solid #DCDFE6;\r\n  border-top: 1px solid #DCDFE6;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d901dc93bafcb39776d83b5c392b5735.json b/node_modules/.cache/babel-loader/d901dc93bafcb39776d83b5c392b5735.json
index bdd43f9c..1826f253 100644
--- a/node_modules/.cache/babel-loader/d901dc93bafcb39776d83b5c392b5735.json
+++ b/node_modules/.cache/babel-loader/d901dc93bafcb39776d83b5c392b5735.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","mtime":1672210701265},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 _ref;\n\n    return _ref = {\n      addAccountDialog: false,\n      formLabelAlign: {\n        name: '',\n        account: '',\n        role: '',\n        jurisdiction: ''\n      },\n      tableData: [{\n        name: 'admin',\n        account: '',\n        role: 'admin',\n        jurisdiction: '超级管理员'\n      }],\n      tableHeight: 0,\n      currentPage: 1,\n      pageSize: 100,\n      totalNumber: 1000\n    }, _defineProperty(_ref, \"tableHeight\", 0), _defineProperty(_ref, \"dialogTitle\", '新增'), _ref;\n  },\n  created: function created() {\n    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n    this.tableHeight = windowHeight - 220;\n  },\n  methods: {\n    edit: function edit(scope) {\n      console.log(scope, '编辑');\n      this.dialogTitle = '编辑';\n      this.addAccountDialog = true;\n    },\n    showView: function showView(scope) {\n      console.log(scope, '查看');\n      this.dialogTitle = '查看';\n      this.addAccountDialog = true;\n    },\n    clickDelete: function clickDelete(scope) {\n      console.log(scope, '删除');\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      console.log(\"\\u6BCF\\u9875 \".concat(val, \" \\u6761\"));\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      console.log(\"\\u5F53\\u524D\\u9875: \".concat(val));\n    }\n  }\n};",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,eAAA;AACA,EAAA,IADA,kBACA;AAAA;;AACA;AACA,MAAA,gBAAA,EAAA,KADA;AAEA,MAAA,cAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OAFA;AAQA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,OAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OADA,CARA;AAgBA,MAAA,WAAA,EAAA,CAhBA;AAiBA,MAAA,WAAA,EAAA,CAjBA;AAkBA,MAAA,QAAA,EAAA,GAlBA;AAmBA,MAAA,WAAA,EAAA;AAnBA,4CAoBA,CApBA,wCAqBA,IArBA;AAuBA,GAzBA;AA0BA,EAAA,OA1BA,qBA0BA;AACA,QAAA,YAAA,GAAA,QAAA,CAAA,eAAA,CAAA,YAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA;AACA,SAAA,WAAA,GAAA,YAAA,GAAA,GAAA;AACA,GA7BA;AA8BA,EAAA,OAAA,EAAA;AACA,IAAA,IADA,gBACA,KADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KALA;AAMA,IAAA,QANA,oBAMA,KANA,EAMA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KAVA;AAWA,IAAA,WAXA,uBAWA,KAXA,EAWA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAbA;AAcA,IAAA,gBAdA,4BAcA,GAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,wBAAA,GAAA;AACA,KAhBA;AAiBA,IAAA,mBAjBA,+BAiBA,GAjBA,EAiBA;AACA,MAAA,OAAA,CAAA,GAAA,+BAAA,GAAA;AACA;AAnBA;AA9BA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i class=\"el-icon-circle-plus-outline\"\r\n          style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\r\n      <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n        <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"账号：\">\r\n            <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"角色：\">\r\n            <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"权限：\">\r\n            <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n          </el-form-item>\r\n        </el-form>\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\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      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 _ref;\n\n    return _ref = {\n      addAccountDialog: false,\n      formLabelAlign: {\n        name: '',\n        account: '',\n        role: '',\n        jurisdiction: ''\n      },\n      tableData: [{\n        name: 'admin',\n        account: '',\n        role: 'admin',\n        jurisdiction: '超级管理员'\n      }],\n      tableHeight: 0,\n      currentPage: 1,\n      pageSize: 100,\n      totalNumber: 1000\n    }, _defineProperty(_ref, \"tableHeight\", 0), _defineProperty(_ref, \"dialogTitle\", '新增'), _ref;\n  },\n  created: function created() {\n    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n    this.tableHeight = windowHeight - 220;\n  },\n  methods: {\n    edit: function edit(scope) {\n      console.log(scope, '编辑');\n      this.dialogTitle = '编辑';\n      this.addAccountDialog = true;\n    },\n    showView: function showView(scope) {\n      console.log(scope, '查看');\n      this.dialogTitle = '查看';\n      this.addAccountDialog = true;\n    },\n    clickDelete: function clickDelete(scope) {\n      console.log(scope, '删除');\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      console.log(\"\\u6BCF\\u9875 \".concat(val, \" \\u6761\"));\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      console.log(\"\\u5F53\\u524D\\u9875: \".concat(val));\n    }\n  }\n};",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IADA,kBACA;AAAA;;AACA;AACA,MAAA,gBAAA,EAAA,KADA;AAEA,MAAA,cAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OAFA;AAQA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,OAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OADA,CARA;AAgBA,MAAA,WAAA,EAAA,CAhBA;AAiBA,MAAA,WAAA,EAAA,CAjBA;AAkBA,MAAA,QAAA,EAAA,GAlBA;AAmBA,MAAA,WAAA,EAAA;AAnBA,4CAoBA,CApBA,wCAqBA,IArBA;AAuBA,GAzBA;AA0BA,EAAA,OA1BA,qBA0BA;AACA,QAAA,YAAA,GAAA,QAAA,CAAA,eAAA,CAAA,YAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA;AACA,SAAA,WAAA,GAAA,YAAA,GAAA,GAAA;AACA,GA7BA;AA8BA,EAAA,OAAA,EAAA;AACA,IAAA,IADA,gBACA,KADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KALA;AAMA,IAAA,QANA,oBAMA,KANA,EAMA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KAVA;AAWA,IAAA,WAXA,uBAWA,KAXA,EAWA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAbA;AAcA,IAAA,gBAdA,4BAcA,GAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,wBAAA,GAAA;AACA,KAhBA;AAiBA,IAAA,mBAjBA,+BAiBA,GAjBA,EAiBA;AACA,MAAA,OAAA,CAAA,GAAA,+BAAA,GAAA;AACA;AAnBA;AA9BA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\r\n          class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n      <div class=\"dialog\">\r\n        <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n          <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n            <el-form-item label=\"名称：\">\r\n              <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"账号：\">\r\n              <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"角色：\">\r\n              <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"权限：\">\r\n              <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n          <span slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n          </span>\r\n        </el-dialog>\r\n      </div>\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      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e94f383c7d683212f310e6735554172b.json b/node_modules/.cache/babel-loader/e94f383c7d683212f310e6735554172b.json
index 8d2ef775..5b5c9cad 100644
--- a/node_modules/.cache/babel-loader/e94f383c7d683212f310e6735554172b.json
+++ b/node_modules/.cache/babel-loader/e94f383c7d683212f310e6735554172b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1672210701267},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      videoNumber: 6,\n      FPS: 0,\n      id: ''\n    };\n  },\n  mounted: function mounted() {\n    this.getShipjkDatalist();\n  },\n  methods: {\n    handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n      var _this = this;\n\n      console.log(\"videoNumber\", value);\n      this.videoNumber = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", value);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    handleChange: function handleChange(value) {\n      var _this2 = this;\n\n      console.log(\"FPS\", value);\n      this.FPS = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", value);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //获取全局设置数据\n    getShipjkDatalist: function getShipjkDatalist() {\n      var _this3 = this;\n\n      getQuanjszData().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.videoNumber = res.data.data.f_NB_SHIPJRSX;\n          _this3.FPS = res.data.data.f_NB_TIAOZSZ;\n          _this3.id = res.data.data.f_VC_ID;\n        }\n      });\n    },\n    //点击确认\n    commit: function commit() {\n      var _this4 = this;\n\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\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.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1672365886439},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      videoNumber: 6,\n      FPS: 0,\n      id: ''\n    };\n  },\n  mounted: function mounted() {\n    this.getShipjkDatalist();\n  },\n  methods: {\n    handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n      var _this = this;\n\n      console.log(\"videoNumber\", value);\n      this.videoNumber = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", value);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    handleChange: function handleChange(value) {\n      var _this2 = this;\n\n      console.log(\"FPS\", value);\n      this.FPS = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", value);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //获取全局设置数据\n    getShipjkDatalist: function getShipjkDatalist() {\n      var _this3 = this;\n\n      getQuanjszData().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.videoNumber = res.data.data.f_NB_SHIPJRSX;\n          _this3.FPS = res.data.data.f_NB_TIAOZSZ;\n          _this3.id = res.data.data.f_VC_ID;\n        }\n      });\n    },\n    //点击确认\n    commit: function commit() {\n      var _this4 = this;\n\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\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.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json b/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
index ca516942..ef47455e 100644
--- a/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
+++ b/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系'\n      },\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {},\n      //识别区域\n      identificationAreaform: {},\n      //轨迹平滑\n      trajectorySmoothingform: {},\n      // 车牌识别\n      licensePlateform: {},\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {},\n      //通信设置\n      communicationform: {},\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    },\n    // 获取列表\n    getReverseShellList: function getReverseShellList() {\n      //   getShellList().then(res => {\n      //     if (res.code === 200) {\n      //       if (res.data && res.data.length > 0) {\n      //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n      //         res.data.forEach(item => {\n      //           item['isEdit'] = false\n      //         })\n      //       }\n      //   this.tableData = res.data\n      // 在表格列表前插入一行，用来新增数据\n      this.tableData.unshift({\n        name: '',\n        inIp: '',\n        inPort: null,\n        outPort: null,\n        enabled: null,\n        isEdit: true\n      }); //     }\n      //   })\n    },\n    // 新增按钮\n    handleAdd: function handleAdd(row) {\n      for (var key in row) {\n        // 判断一行字段是否输入完整\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp // inPort: parseInt(row.inPort),\n        // outPort: parseInt(row.outPort),\n        // enabled: row.enabled\n\n      };\n      this.getReverseShellList(); //   addShell(params).then(res => {\n      //     if (res.code === 200) {\n      //       this.msgSuccess('Add reverse shell successfully')\n      //       row.isEdit = false\n      //       this.getReverseShellList()\n      //     }\n      //   })\n    },\n    // 编辑或者Apply按钮\n    handleUpdate: function handleUpdate(row) {\n      // 点击Apply时\n      if (row.isEdit) {\n        for (var key in row) {\n          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n            this.msgError('Please complete the information');\n            return;\n          }\n        }\n\n        var params = {\n          name: row.name,\n          inIp: row.inIp,\n          inPort: parseInt(row.inPort),\n          outPort: parseInt(row.outPort),\n          enabled: row.enabled\n        }; // updateShell(params).then(res => {\n        //   if (res.code === 200) {\n        //     this.msgSuccess('Update reverse shell successfully')\n        //     this.getReverseShellList()\n        //   }\n        // })\n      } else {\n        // 点击编辑时\n        row.isEdit = true;\n      }\n    },\n    // 删除或取消按钮\n    handleDelete: function handleDelete(row) {\n      // 点击取消时\n      if (row.isEdit) {\n        this.getReverseShellList();\n      } else {\n        // 点击删除时\n        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n          confirmButtonText: 'Sure',\n          cancelButtonText: 'Cancel',\n          type: 'warning'\n        }).then(function () {//   deleteShell(row.name).then(res => {\n          //     if (res.code === 200) {\n          //       this.msgSuccess('Delete reverse shell successfully')\n          //       this.getReverseShellList()\n          //     }\n          //   })\n        }).catch(function () {});\n      }\n    }\n  }\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"自动保存：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" >\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n              \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\">\r\n                <el-input-number v-model=\"sizeForm.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n               \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                  <el-table border :data=\"licensePlateTableData\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"formInline\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"formInline.user\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系'\n      },\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: false\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接'\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {//    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n  },\n  methods: {\n    load: function load() {\n      var _this = this;\n\n      console.log(\"1111\");\n      var iframe = document.getElementById(\"mapModuleTop\");\n      console.log(\"iframe\", iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log(\"222\");\n      this.getDataByMqtt();\n    },\n    handleChange: function handleChange() {},\n    handleagain: function handleagain() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this3 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this3.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    },\n    // 获取列表\n    getReverseShellList: function getReverseShellList() {\n      //   getShellList().then(res => {\n      //     if (res.code === 200) {\n      //       if (res.data && res.data.length > 0) {\n      //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n      //         res.data.forEach(item => {\n      //           item['isEdit'] = false\n      //         })\n      //       }\n      //   this.tableData = res.data\n      // 在表格列表前插入一行，用来新增数据\n      this.tableData.unshift({\n        name: '',\n        inIp: '',\n        inPort: null,\n        outPort: null,\n        enabled: null,\n        isEdit: true\n      }); //     }\n      //   })\n    },\n    // 新增按钮\n    handleAdd: function handleAdd(row) {\n      for (var key in row) {\n        // 判断一行字段是否输入完整\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp // inPort: parseInt(row.inPort),\n        // outPort: parseInt(row.outPort),\n        // enabled: row.enabled\n\n      };\n      this.getReverseShellList(); //   addShell(params).then(res => {\n      //     if (res.code === 200) {\n      //       this.msgSuccess('Add reverse shell successfully')\n      //       row.isEdit = false\n      //       this.getReverseShellList()\n      //     }\n      //   })\n    },\n    // 编辑或者Apply按钮\n    handleUpdate: function handleUpdate(row) {\n      // 点击Apply时\n      if (row.isEdit) {\n        for (var key in row) {\n          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n            this.msgError('Please complete the information');\n            return;\n          }\n        }\n\n        var params = {\n          name: row.name,\n          inIp: row.inIp,\n          inPort: parseInt(row.inPort),\n          outPort: parseInt(row.outPort),\n          enabled: row.enabled\n        }; // updateShell(params).then(res => {\n        //   if (res.code === 200) {\n        //     this.msgSuccess('Update reverse shell successfully')\n        //     this.getReverseShellList()\n        //   }\n        // })\n      } else {\n        // 点击编辑时\n        row.isEdit = true;\n      }\n    },\n    // 删除或取消按钮\n    handleDelete: function handleDelete(row) {\n      // 点击取消时\n      if (row.isEdit) {\n        this.getReverseShellList();\n      } else {\n        // 点击删除时\n        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n          confirmButtonText: 'Sure',\n          cancelButtonText: 'Cancel',\n          type: 'warning'\n        }).then(function () {//   deleteShell(row.name).then(res => {\n          //     if (res.code === 200) {\n          //       this.msgSuccess('Delete reverse shell successfully')\n          //       this.getReverseShellList()\n          //     }\n          //   })\n        }).catch(function () {});\n      }\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this4 = this;\n\n      //     var that = this\n      // that.$refs.iframe.contentWindow.getDestination(1)\n      // console.log(\"1111\",document.getElementById(\"mapModule\"))\n      //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this4.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          _this4.mqttClient.subscribe('img0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          if (topic.indexOf(\"img0\") != -1) {\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            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            //   console.log(\"msg.pic\", msg.pic) \n            //   debugger\n            // var that = this\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            // window.parent.getDestination(JSON.stringify(msg));\n            //    debugger\n            // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n            // } \n            // catch {\n            //   let imageType = 'arraybuffer';\n            //   const blob = new Blob([message], { type: imageType })\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            // //   console.log(\"imageUrl\", imageUrl)\n            // }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg); //msg为转换后的JSON数据\n\n              _this4.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n              console.log(\"imageUrl\", _imageUrl);\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg2); //msg为转换后的JSON数据\n\n              _this4.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log(\"imageUrl\", _imageUrl2);\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg3); //msg为转换后的JSON数据\n\n              _this4.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log(\"imageUrl\", _imageUrl3);\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg4); //msg为转换后的JSON数据\n\n              _this4.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log(\"imageUrl\", _imageUrl4);\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg5); //msg为转换后的JSON数据\n\n              _this4.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log(\"imageUrl\", _imageUrl5);\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf(\"stream0\") != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    }\n  }\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"坐标转换开关：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\"  >\r\n                     <iframe id=\"mapModuleTop\"  @load=\"load\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" ></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose==true\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\" >\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"coordinateForm.coordinateClose==true\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n            <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                </el-form-item>  \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"laneform.laneClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"laneform.laneClose==true\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                </el-form-item>\r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"identificationAreaform.identificationAreaClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"identificationAreaform.identificationAreaClose==true\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"140px\">  \r\n            <el-form-item label=\"轨迹平滑开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                </el-form-item>        \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">\r\n                <el-input-number v-model=\"trajectorySmoothingform.time\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">保存</el-button>\r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"140px\">          \r\n               <el-form-item label=\"车牌识别开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                </el-form-item>    \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                  <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"licensePlateform.licensePlateClose==true\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"stopStateform.displacement\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"stopStateform.speed\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"stopStateform.acceleration\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"communicationform.type\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" >保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\n  import mqtt from \"mqtt\"; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n            laneClose:false,\r\n            areaDetector:false,\r\n            sectionDetector:false,\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n            identificationAreaClose:false\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n            trajectorySmoothingClose:false,\r\n            time:''\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n            licensePlateClose:false,\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n            displacement:'2000',\r\n            speed:'2000',\r\n            acceleration:'2000',\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n            type:'快速-用于高带宽连接',\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n      created() {\r\n//    this.getDataByMqtt()\r\n//  this.testMqtt()\r\n//  var iframe = document.getElementById(\"mapModule\");\r\n    // iframe.onload = function () {\r\n    //     setTimeout(() => {\r\n    //         this.testMqtt()\r\n    //     }, 5000);\r\n    // };\r\n//     iframe.onload = () => {\r\n// setTimeout(() => {\r\n//             this.load()\r\n//         }, 5000);// 这样每次都会触发\r\n// }\r\n\r\n  },\r\n    methods: {\r\n        \r\n       load(){\r\n       console.log(\"1111\")\r\n        var iframe = document.getElementById(\"mapModuleTop\");\r\n        console.log(\"iframe\",iframe)\r\n        iframe.onload = () => {\r\n            // setTimeout(() => {\r\n            this.testMqtt()\r\n        // }, 5000);\r\n       }\r\n       },\r\n         testMqtt() {\r\n             console.log(\"222\")\r\n      this.getDataByMqtt()\r\n\r\n    },\r\n    handleChange(){},\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n          // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n    //     var that = this\r\n    // that.$refs.iframe.contentWindow.getDestination(1)\r\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\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            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   console.log(\"msg.pic\", msg.pic) \r\n            //   debugger\r\n            // var that = this\r\n         \r\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                // window.parent.getDestination(JSON.stringify(msg));\r\n            //    debugger\r\n                // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n           \r\n            // } \r\n            // catch {\r\n            //   let imageType = 'arraybuffer';\r\n            //   const blob = new Blob([message], { type: imageType })\r\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            // //   console.log(\"imageUrl\", imageUrl)\r\n            // }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n//   border: 1px solid gray;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ec4be88ad42509f782d13806e0e232bd.json b/node_modules/.cache/babel-loader/ec4be88ad42509f782d13806e0e232bd.json
index 9ffabf79..12cea290 100644
--- a/node_modules/.cache/babel-loader/ec4be88ad42509f782d13806e0e232bd.json
+++ b/node_modules/.cache/babel-loader/ec4be88ad42509f782d13806e0e232bd.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nexport default {\n  name: 'checkChart',\n  //车头时距组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }],\n      xData: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'],\n      valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA;AAFA,GAFA;AAMA,EAAA,IANA,kBAMA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA,CADA;AAUA,MAAA,KAAA,EAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,EAIA,IAJA,EAKA,IALA,EAMA,IANA,EAOA,IAPA,EAQA,IARA,EASA,IATA,EAUA,IAVA,EAWA,KAXA,EAYA,KAZA,EAaA,KAbA,EAcA,KAdA,EAeA,KAfA,CAVA;AA2BA,MAAA,OAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AA3BA,KAAA;AA6BA,GApCA;AAqCA,EAAA,OAAA,EAAA,EArCA;AAuCA,EAAA,OAvCA,qBAuCA,CAEA;AAzCA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>检测数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'checkChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport tableShow from \"../chart/tableShow.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'checkChart',\n  //车头时距组件\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GAdA;AAeA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA;AALA,GAfA;AAuBA,EAAA,OAAA,EAAA,EAvBA;AAyBA,EAAA,OAzBA,qBAyBA,CAEA;AA3BA,CAAA","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">检测数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport tableShow from '../chart/tableShow.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'checkChart', //车头时距组件\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f068ef3330d09ff4e61d35edd6ca7a60.json b/node_modules/.cache/babel-loader/f068ef3330d09ff4e61d35edd6ca7a60.json
index 69915b2d..64b2a843 100644
--- a/node_modules/.cache/babel-loader/f068ef3330d09ff4e61d35edd6ca7a60.json
+++ b/node_modules/.cache/babel-loader/f068ef3330d09ff4e61d35edd6ca7a60.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672276847123},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.regexp.to-string\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      statusInfo: [{\n        count: 15,\n        name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n        color: \"#01A8FC\"\n      }, {\n        count: 26,\n        name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n        color: \"#FDA401\"\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [],\n      //小车信息\n      carName: '',\n      palletizerInfo: [],\n      //码垛机信息\n      palletizerName: '',\n      destackerInfo: [],\n      //拆垛机信息\n      destackerName: '',\n      hoistInfo: [],\n      //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],\n      //快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [],\n      //输送机信息\n      conveyorName: \"\"\n    };\n  },\n  mounted: function mounted() {// this.getMessage();\n    // 消息提醒\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created: function created() {\n    this.testMqtt();\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt: function testMqtt() {\n      this.getDataByMqtt(); // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit: function onSubmit() {},\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this = this;\n\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n\n        console.log(\"this.mqttClient\", this.mqttClient);\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {\n          console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect); // 订阅\n\n          _this.mqttClient.subscribe('img0', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \", message);\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds()); // 解析后端数据\n          //   let dataReceived = JSON.parse(message.toString());\n          //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\n          //      try{\n          //         const utf8decoder = new TextDecoder()\n          //         const u8arr = new Uint8Array(message)\n          //         const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n          //         const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //         console.log(\"msg\",msg)   //msg为转换后的JSON数据\n          //         this.imgUrl='data:image/png;base64,' + msg.pic;\n          //         console.log(\"imageUrl\",imageUrl)\n          //     }catch{\n          //         let imageType = 'arraybuffer';\n          //         const blob = new Blob([message], { type: imageType })\n          //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          //         console.log(\"imageUrl\",imageUrl)\n          //     }\n\n          if (topic.indexOf(\"img0\") != -1) {\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              console.log(\"msg\", msg); //msg为转换后的JSON数据\n\n              _this.imgUrl = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n              console.log(\"imageUrl\", _imageUrl);\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg); //msg为转换后的JSON数据\n\n              _this.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log(\"imageUrl\", _imageUrl2);\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg2); //msg为转换后的JSON数据\n\n              _this.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log(\"imageUrl\", _imageUrl3);\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg3); //msg为转换后的JSON数据\n\n              _this.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log(\"imageUrl\", _imageUrl4);\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg4); //msg为转换后的JSON数据\n\n              _this.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log(\"imageUrl\", _imageUrl5);\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg5); //msg为转换后的JSON数据\n\n              _this.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused6) {\n              var _imageType5 = 'arraybuffer';\n\n              var _blob5 = new Blob([message], {\n                type: _imageType5\n              });\n\n              var _imageUrl6 = (window.URL || window.webkitURL).createObjectURL(_blob5);\n\n              console.log(\"imageUrl\", _imageUrl6);\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this2 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this2.weatherItem = res.data.lives[0];\n        console.log(_this2.weatherItem, 'asdsads');\n      });\n    },\n    Onweather: function Onweather(name) {//   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox: function hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n   <div class=\"content-box\">\n     \n  <div class=\"container\">\n    <!-- <nav>\n      <router-link :to=\"a.url\" :key=\"index\" v-for=\"(a,index) in Data\">{{a.title}}</router-link>\n       <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n    </nav> -->\n    <el-tabs type=\"border-card\">\n  <el-tab-pane label=\"xx路口\">\n     <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n    <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n    <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n    <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n    <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n  </div> \n  <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n  </div> \n  </el-tab-pane>\n  <el-tab-pane label=\"数据看板\">\n    <dataBoard ></dataBoard>\n  </el-tab-pane>\n  <el-tab-pane label=\"分析配置\">\n     <analysisConfiguration ></analysisConfiguration> \n  </el-tab-pane>\n  <el-tab-pane label=\"分析状态\">\n   <editModal ></editModal> \n  </el-tab-pane>\n   <el-tab-pane label=\"存储\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n \n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog\n    title=\"断面组件配置\"\n    width=\"40%\"\n    :visible.sync=\"dialogFormVisible\"\n  >\n  <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n     <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n  <el-form-item label=\"断面名称\">\n    <el-input v-model=\"form.name\"></el-input>\n  </el-form-item>\n <el-form-item label=\"断面方向\">\n    <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n      <el-option label=\"正向\" value=\"car\"></el-option>\n      <el-option label=\"方向\" value=\"bus\"></el-option>\n       <el-option label=\"双向\" value=\"kache\"></el-option>\n    </el-select>\n  </el-form-item>\n \n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  <el-dialog\n    title=\"区域组件配置\"\n    width=\"40%\"\n    :visible.sync=\"areaComponent\"\n  >\n  <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">    \n  <el-form-item label=\"区域名称\">\n    <el-input v-model=\"areaComponentform.name\"></el-input>\n  </el-form-item>\n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  <el-dialog\n    title=\"速度组件配置\"\n    width=\"40%\"\n    :visible.sync=\"speed\"\n  >\n  <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">    \n  <el-form-item label=\"速度组件名称\">\n    <el-input v-model=\"speedForm.name\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"数值筛选\">\n    <el-input v-model=\"speedForm.name\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"时间模式\">\n   <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n      <el-option label=\"触发\" value=\"car\"></el-option>\n      <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n       <el-option label=\"周期统计\" value=\"kache\"></el-option>\n    </el-select>\n  </el-form-item>\n   <el-form-item label=\"展现形式\">\n     <el-checkbox-group v-model=\"speedForm.region\">\n      <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n      <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n      <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n       <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n    </el-checkbox-group>\n  </el-form-item>\n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  </div>\n</div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent:false,\n      indexModule:false,\n      speed:false,\n      form: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        areaComponentform: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        speedForm:{\n            name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n    //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n    //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl:'',\n      imgUrl1:'',\n      imgUrl2:'',\n      imgUrl3:'',\n      imgUrl4:'',\n      imgUrl5:'',\n      btnPic: [],\n      Data:[\n        {\n         title:'xx路口',\n        url:''  \n        },\n        {\n         title:'数据看板',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent:'',\n    //   wxContent:'',\n      inContent:'',\n      outContent:'',\n      containerDetails:\"\",\n      locdesc:'',\n      weatherItem:{},\n      loadingShow1:true,\n      carInfo:[], //小车信息\n      carName:'',\n      palletizerInfo:[], //码垛机信息\n      palletizerName:'',\n      destackerInfo:[], //拆垛机信息\n      destackerName:'',\n      hoistInfo:[], //提升机信息’\n      hoistName:'', \n      battaryStationInfo:[],//快换电池装置\n      battaryStationName:\"\",\n      conveyorInfo:[], //输送机信息\n      conveyorName:\"\", \n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n   created() {\n    this.testMqtt()\n    \n  },\n  methods: {\n     // 测试：mqtt测试\n    testMqtt() {\n         this.getDataByMqtt()\n      // 小车订阅\n    //   for (let key in this.carId) {\n    //     this.getDataByMqtt(\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Car\" + key,\n    //       this.carId[key]\n    //     );\n    //   }\n    //   //输送机入库订阅\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n    //       this.convoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   //输送机出库订阅\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n    //       this.outConvoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   for (let key in this.BattaryArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Battary_Sation\" + key,\n    //       this.BattaryArr[key]\n    //     );\n    //   }\n    //   // 升降机订阅elvArr\n    //   for (let key in this.elvArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"ELV\" + key,\n    //       this.elvArr[key]\n    //     );\n    //   }\n    //   // 拆码跺机订阅\n    //   for (let key in this.stampArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"INCMD\" + key,\n    //       this.stampArr[key]\n    //     );\n    //   }\n    },\n    onSubmit(){},\n    //模型加载等待\n    loadingShow(data){\n      this.loadingShow1 = data\n    },\n     // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n       const host = 'ws://172.16.1.168:10087/'; \n     \n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        console.log(\"this.mqttClient\",this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\n            // 订阅\n           this.mqttClient.subscribe('img0', { qos: 0 });\n           this.mqttClient.subscribe('img1', { qos: 0 });\n           this.mqttClient.subscribe('img2', { qos: 0 });\n           this.mqttClient.subscribe('img3', { qos: 0 });\n           this.mqttClient.subscribe('img4', { qos: 0 });\n            this.mqttClient.subscribe('img5', { qos: 0 });\n            this.mqttClient.subscribe('stream0', { qos: 0 });\n             this.mqttClient.subscribe('stream1', { qos: 0 });\n              this.mqttClient.subscribe('stream2', { qos: 0 });\n               this.mqttClient.subscribe('stream3', { qos: 0 });\n                this.mqttClient.subscribe('stream4', { qos: 0 });\n                 this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        });\n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\n    \n          console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          // 解析后端数据\n        //   let dataReceived = JSON.parse(message.toString());\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\n        //      try{\n        //         const utf8decoder = new TextDecoder()\n        //         const u8arr = new Uint8Array(message)\n        //         const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n        //         const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n        //         console.log(\"msg\",msg)   //msg为转换后的JSON数据\n        //         this.imgUrl='data:image/png;base64,' + msg.pic;\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }catch{\n        //         let imageType = 'arraybuffer';\n        //         const blob = new Blob([message], { type: imageType })\n        //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }\n          if (topic.indexOf(\"img0\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl1='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl2='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl3='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl4='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n           try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl5='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }\n         \n        });\n      }\n    \n     \n    },\n\n    handleSearch(){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels,'asdasdasd');\n       this.inputVal = ''\n    },\n   handleRow(val){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather(){\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem,'asdsads');\n      })\n    },\n    Onweather(name){\n    //   switch (name) {\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n\t// \t\t\t\tcase \"阴\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n\t// \t\t\t\tcase \"暴雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n\t// \t\t\t\tcase \"冰雹\":\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\n\t// \t\t\t\tcase \"大风\":\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\n\t// \t\t\t\tcase \"大雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n\t// \t\t\t\tcase \"大雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n\t// \t\t\t\tcase \"雷电\":\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\n\t// \t\t\t\tcase \"雷阵雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\n\t// \t\t\t\tcase \"沙尘暴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\n\t// \t\t\t\tcase \"晴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\n\t// \t\t\t\tcase \"雾霾\":\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\n\t// \t\t\t\tcase \"小雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\n\t// \t\t\t\tcase \"小雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\n\t// \t\t\t\tcase \"雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\n\t// \t\t\t\tcase \"雨夹雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n\t// \t\t\t\tcase \"月亮\":\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\n\t// \t\t\t\tcase \"中雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n\t// \t\t\t\tcase \"中雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n\t// \t\t\t}\n    },\n    //隐藏箱子\n    hideBox(){\n        this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n   editModal,\n   analysisConfiguration,\n   dataBoard\n  },\n};\n</script>\n<style>\n\n</style>\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel: 'touch',\n        touchType: '实时（触发）',\n        num: '',\n        time: '',\n        date: '',\n        type: []\n      },\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      statusInfo: [{\n        count: 15,\n        name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n        color: \"#01A8FC\"\n      }, {\n        count: 26,\n        name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n        color: \"#FDA401\"\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [],\n      //小车信息\n      carName: '',\n      palletizerInfo: [],\n      //码垛机信息\n      palletizerName: '',\n      destackerInfo: [],\n      //拆垛机信息\n      destackerName: '',\n      hoistInfo: [],\n      //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],\n      //快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [],\n      //输送机信息\n      conveyorName: \"\"\n    };\n  },\n  mounted: function mounted() {// this.getMessage();\n    // 消息提醒\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created: function created() {\n    this.testMqtt();\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt: function testMqtt() {\n      this.getDataByMqtt(); // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit: function onSubmit() {},\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this = this;\n\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          _this.mqttClient.subscribe('img0', {\n            qos: 0\n          }); //    this.client.connect('aaa', '111')\n\n\n          _this.mqttClient.publish('aaa', '111'); //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n\n\n          _this.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          if (topic.indexOf(\"img0\") != -1) {\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              //   debugger\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              // console.log(\"1111\",document.getElementById(\"mapModule\"))\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg)); //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n              //   console.log(\"imageUrl\", imageUrl)\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n\n\n              _this.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log(\"imageUrl\", _imageUrl2);\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg2); //msg为转换后的JSON数据\n\n              _this.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log(\"imageUrl\", _imageUrl3);\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg3); //msg为转换后的JSON数据\n\n              _this.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log(\"imageUrl\", _imageUrl4);\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg4); //msg为转换后的JSON数据\n\n              _this.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log(\"imageUrl\", _imageUrl5);\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg5); //msg为转换后的JSON数据\n\n              _this.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused6) {\n              var _imageType5 = 'arraybuffer';\n\n              var _blob5 = new Blob([message], {\n                type: _imageType5\n              });\n\n              var _imageUrl6 = (window.URL || window.webkitURL).createObjectURL(_blob5);\n\n              console.log(\"imageUrl\", _imageUrl6);\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            var _utf8decoder6 = new TextDecoder();\n\n            var _u8arr6 = new Uint8Array(message);\n\n            var _temp6 = _utf8decoder6.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n            var _msg6 = JSON.parse(_temp6);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg6));\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this2 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this2.weatherItem = res.data.lives[0];\n        console.log(_this2.weatherItem, 'asdsads');\n      });\n    },\n    Onweather: function Onweather(name) {//   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox: function hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"xx路口\">\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          </div> -->\n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\">\n          <dataBoard></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n          <el-form-item label=\"断面名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\">\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"car\"></el-option>\n              <el-option label=\"方向\" value=\"bus\"></el-option>\n              <el-option label=\"双向\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n          <el-form-item label=\"区域名称\">\n            <el-input v-model=\"areaComponentform.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n          <el-form-item label=\"轨迹名称：\">\n            <el-input v-model=\"trackForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n          <el-form-item label=\"速度组件名称：\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\">\n            <el-input v-model=\"speedForm.num\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\n            </el-select>\n          </el-form-item>\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"speedForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n          <el-slider v-model=\"speedForm.time\" show-input>\n            </el-slider>\n        </el-form-item>\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n           <el-date-picker\n       v-model=\"speedForm.date\"\n      type=\"datetimerange\"\n      range-separator=\"至\"\n      start-placeholder=\"开始日期\"\n      end-placeholder=\"结束日期\">\n    </el-date-picker>\n        </el-form-item>\n          <el-form-item label=\"展现形式：\">\n            <el-checkbox-group v-model=\"speedForm.type\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      \n    </div>\n  </div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel:'touch',\n        touchType:'实时（触发）',\n        num:'',\n        time:'',\n        date: '',\n        type: [],\n      },\n      trackForm:{\n        name:\"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [], //小车信息\n      carName: '',\n      palletizerInfo: [], //码垛机信息\n      palletizerName: '',\n      destackerInfo: [], //拆垛机信息\n      destackerName: '',\n      hoistInfo: [], //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],//快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [], //输送机信息\n      conveyorName: \"\",\n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created() {\n    this.testMqtt()\n\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n      // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit() { },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n       \n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n        //    this.client.connect('aaa', '111')\n          this.mqttClient.publish('aaa', '111');\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n          \n        });\n         \n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n            \n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n      //   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n</script>\n<style scoped>\n.el-form-item {\n  margin-bottom: 15px;\n}\n</style>\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/000efa17a5bc92ed9ec79fae7f13dde5.json b/node_modules/.cache/vue-loader/000efa17a5bc92ed9ec79fae7f13dde5.json
index dd13e654..03819240 100644
--- a/node_modules/.cache/vue-loader/000efa17a5bc92ed9ec79fae7f13dde5.json
+++ b/node_modules/.cache/vue-loader/000efa17a5bc92ed9ec79fae7f13dde5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/006bbc5c30a734e8ee6c6a4b94b223c9.json b/node_modules/.cache/vue-loader/006bbc5c30a734e8ee6c6a4b94b223c9.json
new file mode 100644
index 00000000..009c47ff
--- /dev/null
+++ b/node_modules/.cache/vue-loader/006bbc5c30a734e8ee6c6a4b94b223c9.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\"\nimport script from \"./congestionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./congestionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ff109\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a9ff109')) {\n      api.createRecord('4a9ff109', component.options)\n    } else {\n      api.reload('4a9ff109', component.options)\n    }\n    module.hot.accept(\"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\", function () {\n      api.rerender('4a9ff109', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/congestionChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/03a1b3b90bbaf1b3ee12000de5b9982e.json b/node_modules/.cache/vue-loader/03a1b3b90bbaf1b3ee12000de5b9982e.json
index 2fedbb9b..b4f010a5 100644
--- a/node_modules/.cache/vue-loader/03a1b3b90bbaf1b3ee12000de5b9982e.json
+++ b/node_modules/.cache/vue-loader/03a1b3b90bbaf1b3ee12000de5b9982e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672390625224},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n\n  <div class=\"container\">\n    <!-- <nav>\n    <router-link :to=\"a.url\" :key=\"index\" v-for=\"(a,index) in Data\">{{a.title}}</router-link>\n     <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n  </nav> -->\n    <el-tabs type=\"border-card\">\n      <el-tab-pane label=\"xx路口\">\n        <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n        </div>\n      </el-tab-pane>\n      <el-tab-pane label=\"数据看板\">\n        <dataBoard></dataBoard>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析配置\">\n        <analysisConfiguration></analysisConfiguration>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析状态\">\n        <editModal></editModal>\n      </el-tab-pane>\n      <el-tab-pane label=\"存储\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n</div>  \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n</div>  -->\n\n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n    <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n      <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n        <!-- <el-form-item label=\"实时性\">\n  <el-radio-group v-model=\"form.resource\">\n    <el-radio label=\"实时（触发）\"></el-radio>\n    <el-radio label=\"间隔\"></el-radio>\n  </el-radio-group>\n</el-form-item> -->\n        <el-form-item label=\"断面名称\">\n          <el-input v-model=\"form.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"断面方向\">\n          <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n            <el-option label=\"正向\" value=\"car\"></el-option>\n            <el-option label=\"方向\" value=\"bus\"></el-option>\n            <el-option label=\"双向\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n      <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n        <el-form-item label=\"区域名称\">\n          <el-input v-model=\"areaComponentform.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n      <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n        <el-form-item label=\"速度组件名称\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"数值筛选\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"时间模式\">\n          <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n            <el-option label=\"触发\" value=\"car\"></el-option>\n            <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n            <el-option label=\"周期统计\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"展现形式\">\n          <el-checkbox-group v-model=\"speedForm.region\">\n            <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n          </el-checkbox-group>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"轨迹\" width=\"40%\" :visible.sync=\"trajectory\">\n      <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n        <el-form-item label=\"轨迹\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"数值筛选\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"时间模式\">\n          <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n            <el-option label=\"触发\" value=\"car\"></el-option>\n            <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n            <el-option label=\"周期统计\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"展现形式\">\n          <el-checkbox-group v-model=\"speedForm.region\">\n            <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n          </el-checkbox-group>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n\n  <!-- <div class=\"container\"> -->\n  <div >\n    <el-tabs type=\"border-card\">\n      <el-tab-pane label=\"xx路口\">\n          <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                   <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                    <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n        ref=\"iframe\"></iframe> -->\n              </div>\n               <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n        </div> -->\n      </el-tab-pane>\n      <el-tab-pane label=\"数据看板\">\n        <dataBoard></dataBoard>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析配置\">\n        <analysisConfiguration></analysisConfiguration>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析状态\">\n        <editModal></editModal>\n      </el-tab-pane>\n      <el-tab-pane label=\"存储\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n</div>  \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n</div>  -->\n\n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n    <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n      <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n        <!-- <el-form-item label=\"实时性\">\n  <el-radio-group v-model=\"form.resource\">\n    <el-radio label=\"实时（触发）\"></el-radio>\n    <el-radio label=\"间隔\"></el-radio>\n  </el-radio-group>\n</el-form-item> -->\n        <el-form-item label=\"断面名称\">\n          <el-input v-model=\"form.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"断面方向\">\n          <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n            <el-option label=\"正向\" value=\"car\"></el-option>\n            <el-option label=\"方向\" value=\"bus\"></el-option>\n            <el-option label=\"双向\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n      <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n        <el-form-item label=\"区域名称\">\n          <el-input v-model=\"areaComponentform.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n      <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n        <el-form-item label=\"轨迹名称：\">\n          <el-input v-model=\"trackForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n      <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n        <el-form-item label=\"速度组件名称：\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"数值筛选：\">\n          <el-input v-model=\"speedForm.num\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"时间模式：\">\n          <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n            <el-option label=\"触发\" value=\"touch\"></el-option>\n            <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n            <el-option label=\"周期统计\" value=\"date\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n        <el-radio-group v-model=\"speedForm.touchType\" >\n          <el-radio label=\"实时（触发）\"></el-radio>\n          <el-radio label=\"间隔\"></el-radio>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n        <el-slider v-model=\"speedForm.time\" show-input>\n          </el-slider>\n      </el-form-item>\n      <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n         <el-date-picker\n     v-model=\"speedForm.date\"\n    type=\"datetimerange\"\n    range-separator=\"至\"\n    start-placeholder=\"开始日期\"\n    end-placeholder=\"结束日期\">\n  </el-date-picker>\n      </el-form-item>\n        <el-form-item label=\"展现形式：\">\n          <el-checkbox-group v-model=\"speedForm.type\">\n            <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n          </el-checkbox-group>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    \n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/05b770f1ff8850eaaac4be9eb2ef2850.json b/node_modules/.cache/vue-loader/05b770f1ff8850eaaac4be9eb2ef2850.json
index 662ca6f8..c4d0914c 100644
--- a/node_modules/.cache/vue-loader/05b770f1ff8850eaaac4be9eb2ef2850.json
+++ b/node_modules/.cache/vue-loader/05b770f1ff8850eaaac4be9eb2ef2850.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"排队数\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"barChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"排队数\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0f12ae6f1a8ccbc086e72b80bc2e2a3e.json b/node_modules/.cache/vue-loader/0f12ae6f1a8ccbc086e72b80bc2e2a3e.json
index 4671b3f3..9d07463d 100644
--- a/node_modules/.cache/vue-loader/0f12ae6f1a8ccbc086e72b80bc2e2a3e.json
+++ b/node_modules/.cache/vue-loader/0f12ae6f1a8ccbc086e72b80bc2e2a3e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1671428309952},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/12e3e9640fd0099ed731f83f03c1f98f.json b/node_modules/.cache/vue-loader/12e3e9640fd0099ed731f83f03c1f98f.json
new file mode 100644
index 00000000..d9b19813
--- /dev/null
+++ b/node_modules/.cache/vue-loader/12e3e9640fd0099ed731f83f03c1f98f.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">延误组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'delayChart', //延迟组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13dc106dd51104b7c031884d33a86b94.json b/node_modules/.cache/vue-loader/13dc106dd51104b7c031884d33a86b94.json
index bcd9cb7d..d6b43f51 100644
--- a/node_modules/.cache/vue-loader/13dc106dd51104b7c031884d33a86b94.json
+++ b/node_modules/.cache/vue-loader/13dc106dd51104b7c031884d33a86b94.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"类型组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"barChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"pieChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"类型组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"pieChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/14212f4a6c829e6efcb46148f01e4515.json b/node_modules/.cache/vue-loader/14212f4a6c829e6efcb46148f01e4515.json
index d7669453..92abf2dc 100644
--- a/node_modules/.cache/vue-loader/14212f4a6c829e6efcb46148f01e4515.json
+++ b/node_modules/.cache/vue-loader/14212f4a6c829e6efcb46148f01e4515.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"p\",\n        { staticClass: \"title\", staticStyle: { \"margin-bottom\": \"20px\" } },\n        [_vm._v(\"数据看板\")]\n      ),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [\n              _vm._v(_vm._s(_vm.title1))\n            ]),\n            _c(\"typeChart\"),\n            _c(\"flowChart\"),\n            _c(\"headWayChart\")\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"region\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [\n              _vm._v(_vm._s(_vm.title2))\n            ]),\n            _c(\"speedChart\"),\n            _c(\"headWayChart\"),\n            _c(\"checkChart\"),\n            _c(\"lineUpChart\")\n          ],\n          1\n        )\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", [\n                _vm._v(\"下拉查看详情\"),\n                _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n              ]),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"提示\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\"span\", [_vm._v(\"这是一段信息\")]),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ]\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title1))]),\n          _c(\"speedChart\"),\n          _c(\"flowChart\"),\n          _c(\"headWayChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"region\" },\n        [\n          _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title2))]),\n          _c(\"checkChart\"),\n          _c(\"lineUpChart\"),\n          _c(\"delayChart\"),\n          _c(\"congestionChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/149f65b37543b44d1a69f0cccdb4ef09.json b/node_modules/.cache/vue-loader/149f65b37543b44d1a69f0cccdb4ef09.json
index 5858ae60..38f4f8c7 100644
--- a/node_modules/.cache/vue-loader/149f65b37543b44d1a69f0cccdb4ef09.json
+++ b/node_modules/.cache/vue-loader/149f65b37543b44d1a69f0cccdb4ef09.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672212950557},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [_c(\"el-main\", [_c(\"router-view\")], 1)], 1)\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [_c(\"el-main\", [_c(\"router-view\")], 1)], 1)\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/14f1988861b120fbb9d04eff62a10293.json b/node_modules/.cache/vue-loader/14f1988861b120fbb9d04eff62a10293.json
index bc9a46b6..c8fd2c5c 100644
--- a/node_modules/.cache/vue-loader/14f1988861b120fbb9d04eff62a10293.json
+++ b/node_modules/.cache/vue-loader/14f1988861b120fbb9d04eff62a10293.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    border: 1px solid;\n    margin-bottom: 20px;\n    display: block;\n}\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>类型组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n\n            <div class=\"border\">\n                <pieChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport pieChart from '../chart/pieChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'typeChart', //类型图\n    components:{\n        lineChart,\n        pieChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    border: 1px solid;\n    margin-bottom: 20px;\n    display: block;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">类型组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <pieChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport pieChart from '../chart/pieChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'typeChart', //类型图\n    components:{\n        lineChart,\n        pieChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/15168471d579e14cc7f70c7942e291f6.json b/node_modules/.cache/vue-loader/15168471d579e14cc7f70c7942e291f6.json
index 2c9ccf40..d6a71b5e 100644
--- a/node_modules/.cache/vue-loader/15168471d579e14cc7f70c7942e291f6.json
+++ b/node_modules/.cache/vue-loader/15168471d579e14cc7f70c7942e291f6.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"el-table\",\n    { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg, border: \"\" } },\n    [\n      _c(\"el-table-column\", {\n        attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n      }),\n      _c(\"el-table-column\", {\n        attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n      }),\n      _c(\"el-table-column\", {\n        attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n      }),\n      _c(\"el-table-column\", {\n        attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n      }),\n      _c(\"el-table-column\", {\n        attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n      })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", [\n                _vm._v(\"编辑\"),\n                _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n              ]),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-table\",\n        {\n          staticStyle: { width: \"100%\" },\n          attrs: { data: _vm.msg, border: \"\" }\n        },\n        [\n          _c(\"el-table-column\", {\n            attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n          }),\n          _c(\"el-table-column\", {\n            attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n          }),\n          _c(\"el-table-column\", {\n            attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n          }),\n          _c(\"el-table-column\", {\n            attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n          }),\n          _c(\"el-table-column\", {\n            attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n          })\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"编辑\",\n            visible: _vm.dialogVisible,\n            width: \"40%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    { attrs: { type: \"primary\" }, on: { click: _vm.onSubmit } },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/168faa93cd8b0b99564b73461bc1debc.json b/node_modules/.cache/vue-loader/168faa93cd8b0b99564b73461bc1debc.json
index 03f90069..193481fe 100644
--- a/node_modules/.cache/vue-loader/168faa93cd8b0b99564b73461bc1debc.json
+++ b/node_modules/.cache/vue-loader/168faa93cd8b0b99564b73461bc1debc.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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}\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","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}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/179ff40e3d0144ab65c9ee0bbf30210e.json b/node_modules/.cache/vue-loader/179ff40e3d0144ab65c9ee0bbf30210e.json
index 59dd0f72..fe620151 100644
--- a/node_modules/.cache/vue-loader/179ff40e3d0144ab65c9ee0bbf30210e.json
+++ b/node_modules/.cache/vue-loader/179ff40e3d0144ab65c9ee0bbf30210e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1672210701267},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&\"\nimport script from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nexport * from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InterfaceServerCertificates.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6fd57e96')) {\n      api.createRecord('6fd57e96', component.options)\n    } else {\n      api.reload('6fd57e96', component.options)\n    }\n    module.hot.accept(\"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&\", function () {\n      api.rerender('6fd57e96', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/InterfaceServerCertificates.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1672365886439},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\"\nimport script from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nexport * from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InterfaceServerCertificates.vue?vue&type=style&index=0&id=6fd57e96&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6fd57e96\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6fd57e96')) {\n      api.createRecord('6fd57e96', component.options)\n    } else {\n      api.reload('6fd57e96', component.options)\n    }\n    module.hot.accept(\"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\", function () {\n      api.rerender('6fd57e96', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/InterfaceServerCertificates.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json b/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
index f94395a8..cdb7a13d 100644
--- a/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
+++ b/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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: 16px;\r\n// }\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0mBA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"自动保存：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" >\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n              \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\">\r\n                <el-input-number v-model=\"sizeForm.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n               \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                  <el-table border :data=\"licensePlateTableData\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"formInline\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"formInline.user\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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: 16px;\r\n// }\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n//   border: 1px solid gray;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAq3BA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"坐标转换开关：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\"  >\r\n                     <iframe id=\"mapModuleTop\"  @load=\"load\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" ></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose==true\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\" >\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"coordinateForm.coordinateClose==true\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n            <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                </el-form-item>  \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"laneform.laneClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"laneform.laneClose==true\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                </el-form-item>\r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"identificationAreaform.identificationAreaClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"identificationAreaform.identificationAreaClose==true\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"140px\">  \r\n            <el-form-item label=\"轨迹平滑开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                </el-form-item>        \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">\r\n                <el-input-number v-model=\"trajectorySmoothingform.time\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">保存</el-button>\r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"140px\">          \r\n               <el-form-item label=\"车牌识别开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                </el-form-item>    \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                  <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"licensePlateform.licensePlateClose==true\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"stopStateform.displacement\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"stopStateform.speed\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"stopStateform.acceleration\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"communicationform.type\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" >保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\n  import mqtt from \"mqtt\"; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n            laneClose:false,\r\n            areaDetector:false,\r\n            sectionDetector:false,\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n            identificationAreaClose:false\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n            trajectorySmoothingClose:false,\r\n            time:''\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n            licensePlateClose:false,\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n            displacement:'2000',\r\n            speed:'2000',\r\n            acceleration:'2000',\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n            type:'快速-用于高带宽连接',\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n      created() {\r\n//    this.getDataByMqtt()\r\n//  this.testMqtt()\r\n//  var iframe = document.getElementById(\"mapModule\");\r\n    // iframe.onload = function () {\r\n    //     setTimeout(() => {\r\n    //         this.testMqtt()\r\n    //     }, 5000);\r\n    // };\r\n//     iframe.onload = () => {\r\n// setTimeout(() => {\r\n//             this.load()\r\n//         }, 5000);// 这样每次都会触发\r\n// }\r\n\r\n  },\r\n    methods: {\r\n        \r\n       load(){\r\n       console.log(\"1111\")\r\n        var iframe = document.getElementById(\"mapModuleTop\");\r\n        console.log(\"iframe\",iframe)\r\n        iframe.onload = () => {\r\n            // setTimeout(() => {\r\n            this.testMqtt()\r\n        // }, 5000);\r\n       }\r\n       },\r\n         testMqtt() {\r\n             console.log(\"222\")\r\n      this.getDataByMqtt()\r\n\r\n    },\r\n    handleChange(){},\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n          // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n    //     var that = this\r\n    // that.$refs.iframe.contentWindow.getDestination(1)\r\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\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            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   console.log(\"msg.pic\", msg.pic) \r\n            //   debugger\r\n            // var that = this\r\n         \r\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                // window.parent.getDestination(JSON.stringify(msg));\r\n            //    debugger\r\n                // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n           \r\n            // } \r\n            // catch {\r\n            //   let imageType = 'arraybuffer';\r\n            //   const blob = new Blob([message], { type: imageType })\r\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            // //   console.log(\"imageUrl\", imageUrl)\r\n            // }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n//   border: 1px solid gray;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1f1334498e0cf40efd2f824a9d6e55aa.json b/node_modules/.cache/vue-loader/1f1334498e0cf40efd2f824a9d6e55aa.json
index 7fc70429..958a7cbd 100644
--- a/node_modules/.cache/vue-loader/1f1334498e0cf40efd2f824a9d6e55aa.json
+++ b/node_modules/.cache/vue-loader/1f1334498e0cf40efd2f824a9d6e55aa.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-top: 1px solid;\r\n  border-bottom: 1px solid;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <p class=\"title\" style=\"margin-bottom: 20px;\">数据看板</p>\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <typeChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        <speedChart />\r\n        <headWayChart />\r\n        <checkChart />\r\n        <lineUpChart />\r\n      </div>\r\n    </div>\r\n    <div class=\"down\">\r\n      <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n        <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n          <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </el-dropdown>\r\n    </div>\r\n\r\n    <!-- 详情框 -->\r\n    <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\r\n      <span>这是一段信息</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n  components: {\r\n    typeChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    handleCommand(command) {  // 用户名下拉菜单选择事件\r\n      if (command == 'show') {\r\n        this.dialogVisible = true\r\n      }\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then(_ => {\r\n          done();\r\n        })\r\n        .catch(_ => { });\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-top: 1px solid;\r\n  border-bottom: 1px solid;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-bottom: 1px solid #DCDFE6;\r\n  border-top: 1px solid #DCDFE6;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <speedChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        \r\n        <checkChart />\r\n        <lineUpChart />\r\n        <delayChart />\r\n        <congestionChart />\r\n      </div>\r\n    </div>\r\n    \r\n\r\n    <!-- 详情框 -->\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nexport default {\r\n  components: {\r\n    delayChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart,\r\n    congestionChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    \r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-bottom: 1px solid #DCDFE6;\r\n  border-top: 1px solid #DCDFE6;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/219847cd3567e1904881e0fbf67b8c82.json b/node_modules/.cache/vue-loader/219847cd3567e1904881e0fbf67b8c82.json
index 750120e9..6e11ac3b 100644
--- a/node_modules/.cache/vue-loader/219847cd3567e1904881e0fbf67b8c82.json
+++ b/node_modules/.cache/vue-loader/219847cd3567e1904881e0fbf67b8c82.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672212950557},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=96b2000a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('96b2000a')) {\n      api.createRecord('96b2000a', component.options)\n    } else {\n      api.reload('96b2000a', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=96b2000a&\", function () {\n      api.rerender('96b2000a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=96b2000a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('96b2000a')) {\n      api.createRecord('96b2000a', component.options)\n    } else {\n      api.reload('96b2000a', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=96b2000a&\", function () {\n      api.rerender('96b2000a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2e2e85b5feafd4fe96b406ba5eebab22.json b/node_modules/.cache/vue-loader/2e2e85b5feafd4fe96b406ba5eebab22.json
index 5c9ac7d7..b607f3ab 100644
--- a/node_modules/.cache/vue-loader/2e2e85b5feafd4fe96b406ba5eebab22.json
+++ b/node_modules/.cache/vue-loader/2e2e85b5feafd4fe96b406ba5eebab22.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\nexport default {\n    name: 'tableShow',//速度组件\n    props:{\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    }, \n    data() {\n        return {\n\n        }\n    },\n    methods: {\n\n\n    },\n    mounted() {\n        \n    }\n}\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n</template>\n  \n<script>\n\nexport default {\n    name: 'tableShow',//速度组件\n    props:{\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    }, \n    data() {\n        return {\n\n        }\n    },\n    methods: {\n\n\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nexport default {\n    name: 'tableShow',//表格组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n\n    },\n    mounted() {\n\n    }\n}\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div class=\"tableContent\">\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n  \n<script>\n\nexport default {\n    name: 'tableShow',//表格组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.tableContent {\n    position: relative;\n}\n\n.down {\n    position: absolute;\n    top: -40px;\n    right: -22px;\n    z-index: 100;\n}\n\n.el-form-item {\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2fb72f5a294ddd53de57133e81933357.json b/node_modules/.cache/vue-loader/2fb72f5a294ddd53de57133e81933357.json
index d1d2278f..34d0c768 100644
--- a/node_modules/.cache/vue-loader/2fb72f5a294ddd53de57133e81933357.json
+++ b/node_modules/.cache/vue-loader/2fb72f5a294ddd53de57133e81933357.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA;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;;AAEA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;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;;AAEA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/328b1034b5993c04fa99bd28089a2353.json b/node_modules/.cache/vue-loader/328b1034b5993c04fa99bd28089a2353.json
index 1dd71718..f6c341c5 100644
--- a/node_modules/.cache/vue-loader/328b1034b5993c04fa99bd28089a2353.json
+++ b/node_modules/.cache/vue-loader/328b1034b5993c04fa99bd28089a2353.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\">车头时距</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <tableShow :msg=\"tableData\"/>\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <lineChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <barChart />\n        </div>\n\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\">车头时距</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <tableShow :msg=\"tableData\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <barChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <thermalChart />\n        </div>\n\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/364f6bed7cd68ca211b655ea67f9e41b.json b/node_modules/.cache/vue-loader/364f6bed7cd68ca211b655ea67f9e41b.json
index edf21338..cd148708 100644
--- a/node_modules/.cache/vue-loader/364f6bed7cd68ca211b655ea67f9e41b.json
+++ b/node_modules/.cache/vue-loader/364f6bed7cd68ca211b655ea67f9e41b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">车头时距</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'headWayChart', //车头时距组件\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3938235635ed7834f8ed3a438e794f63.json b/node_modules/.cache/vue-loader/3938235635ed7834f8ed3a438e794f63.json
index 3a724dfe..59d335ea 100644
--- a/node_modules/.cache/vue-loader/3938235635ed7834f8ed3a438e794f63.json
+++ b/node_modules/.cache/vue-loader/3938235635ed7834f8ed3a438e794f63.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672276847123},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4268d31790d54de7ca97337f1ebb5a7e.json b/node_modules/.cache/vue-loader/4268d31790d54de7ca97337f1ebb5a7e.json
new file mode 100644
index 00000000..8ae50dcb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4268d31790d54de7ca97337f1ebb5a7e.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.tableContent {\n    position: relative;\n}\n\n.down {\n    position: absolute;\n    top: -40px;\n    right: -22px;\n    z-index: 100;\n}\n\n.el-form-item {\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div class=\"tableContent\">\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n  \n<script>\n\nexport default {\n    name: 'tableShow',//表格组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.tableContent {\n    position: relative;\n}\n\n.down {\n    position: absolute;\n    top: -40px;\n    right: -22px;\n    z-index: 100;\n}\n\n.el-form-item {\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4689c784018c941781ad19e5259c2f0f.json b/node_modules/.cache/vue-loader/4689c784018c941781ad19e5259c2f0f.json
index c2726fdf..f980f64f 100644
--- a/node_modules/.cache/vue-loader/4689c784018c941781ad19e5259c2f0f.json
+++ b/node_modules/.cache/vue-loader/4689c784018c941781ad19e5259c2f0f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>流量组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart></lineChart>\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nexport default {\n    name: 'flowChart', //流量组件\n    components:{\n        lineChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n       \n    },\n    mounted() {\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">流量组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                \n                <tableShow :msg=\"tableData\"/>\n            </div>\n            \n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart></lineChart>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'flowChart', //流量组件\n    components:{\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n       \n    },\n    mounted() {\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4ae6a54fe6bb7d52ecdd897e92d3836c.json b/node_modules/.cache/vue-loader/4ae6a54fe6bb7d52ecdd897e92d3836c.json
new file mode 100644
index 00000000..b02e3add
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4ae6a54fe6bb7d52ecdd897e92d3836c.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"拥堵组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4d7a2a1384964c6a5d36eb90e71b8df3.json b/node_modules/.cache/vue-loader/4d7a2a1384964c6a5d36eb90e71b8df3.json
new file mode 100644
index 00000000..d3348158
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4d7a2a1384964c6a5d36eb90e71b8df3.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'delayChart', //延迟组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;;AAEA;AACA;;AAEA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">延误组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n\n\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'delayChart', //延迟组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n        \n    },\n    mounted() {\n\n    },\n    watch:{\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/525e8465b02fc8289a942090766cfdaf.json b/node_modules/.cache/vue-loader/525e8465b02fc8289a942090766cfdaf.json
new file mode 100644
index 00000000..66a3a992
--- /dev/null
+++ b/node_modules/.cache/vue-loader/525e8465b02fc8289a942090766cfdaf.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"延误组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/53403ee3facef03b5b4cefee0134e7a5.json b/node_modules/.cache/vue-loader/53403ee3facef03b5b4cefee0134e7a5.json
index 315f19fd..3af9c806 100644
--- a/node_modules/.cache/vue-loader/53403ee3facef03b5b4cefee0134e7a5.json
+++ b/node_modules/.cache/vue-loader/53403ee3facef03b5b4cefee0134e7a5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    /* position: absolute; */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* width: 87%; */\n    width: 100%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/58422cd80ca25e4fe658982ece358f5f.json b/node_modules/.cache/vue-loader/58422cd80ca25e4fe658982ece358f5f.json
index b42f7632..e57f83f2 100644
--- a/node_modules/.cache/vue-loader/58422cd80ca25e4fe658982ece358f5f.json
+++ b/node_modules/.cache/vue-loader/58422cd80ca25e4fe658982ece358f5f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<el-table :data=\"msg\" border style=\"width: 100%\">\n    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n</el-table>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <el-table :data=\"msg\" border style=\"width: 100%\">\n        <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n        <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n        <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n    </el-table>\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option>\n\n                    </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5b48595d0cfcc1b6ea33d598e9db6e3c.json b/node_modules/.cache/vue-loader/5b48595d0cfcc1b6ea33d598e9db6e3c.json
index 85ba3f4d..22006a00 100644
--- a/node_modules/.cache/vue-loader/5b48595d0cfcc1b6ea33d598e9db6e3c.json
+++ b/node_modules/.cache/vue-loader/5b48595d0cfcc1b6ea33d598e9db6e3c.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    /* position: absolute; */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* width: 87%; */\n    width: 100%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5d1d9b5fff59790d80c0ec80e4aed859.json b/node_modules/.cache/vue-loader/5d1d9b5fff59790d80c0ec80e4aed859.json
index 090711c6..eded3ecf 100644
--- a/node_modules/.cache/vue-loader/5d1d9b5fff59790d80c0ec80e4aed859.json
+++ b/node_modules/.cache/vue-loader/5d1d9b5fff59790d80c0ec80e4aed859.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/60c2aa80e86758b66e394848460de3f5.json b/node_modules/.cache/vue-loader/60c2aa80e86758b66e394848460de3f5.json
index 28a2b7bf..f04a974b 100644
--- a/node_modules/.cache/vue-loader/60c2aa80e86758b66e394848460de3f5.json
+++ b/node_modules/.cache/vue-loader/60c2aa80e86758b66e394848460de3f5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"检测数\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"barChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"检测数\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json b/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
index 8ee62730..06bd3db2 100644
--- a/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
+++ b/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/74b527b1d141c14a52267de720112ca5.json b/node_modules/.cache/vue-loader/74b527b1d141c14a52267de720112ca5.json
index d30878cf..21cf72e0 100644
--- a/node_modules/.cache/vue-loader/74b527b1d141c14a52267de720112ca5.json
+++ b/node_modules/.cache/vue-loader/74b527b1d141c14a52267de720112ca5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672390625224},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-tabs\",\n          { attrs: { type: \"border-card\" } },\n          [\n            _c(\"el-tab-pane\", { attrs: { label: \"xx路口\" } }, [\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"60%\",\n                    height: \"100%\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\",\n                    padding: \"15px\"\n                  }\n                },\n                [\n                  _c(\"img\", {\n                    attrs: { src: _vm.imgUrl, width: \"100%\", height: \"100%\" }\n                  })\n                ]\n              ),\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"20%\",\n                    height: \"100%\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\",\n                    padding: \"15px\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.dialogFormVisible = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"断面组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.areaComponent = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"区域组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.trajectory = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"轨迹\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.speed = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"速度组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.flow = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"流量组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"车头时距\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"排队数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"检测数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"延误\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"拥堵\")]\n                  )\n                ],\n                1\n              ),\n              _c(\"div\", {\n                staticStyle: {\n                  width: \"20%\",\n                  height: \"100%\",\n                  display: \"inline-block\",\n                  border: \"1px soild #eee\",\n                  padding: \"15px\"\n                }\n              })\n            ]),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"数据看板\" } },\n              [_c(\"dataBoard\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析配置\" } },\n              [_c(\"analysisConfiguration\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析状态\" } },\n              [_c(\"editModal\")],\n              1\n            ),\n            _c(\"el-tab-pane\", { attrs: { label: \"存储\" } }, [_vm._v(\"存储\")])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"断面组件配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.form, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.form.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"name\", $$v)\n                        },\n                        expression: \"form.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面方向\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择类型\" },\n                        model: {\n                          value: _vm.form.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"region\", $$v)\n                          },\n                          expression: \"form.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"正向\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"方向\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"双向\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"区域组件配置\",\n              width: \"40%\",\n              visible: _vm.areaComponent\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.areaComponent = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.areaComponentform, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"区域名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.areaComponentform.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.areaComponentform, \"name\", $$v)\n                        },\n                        expression: \"areaComponentform.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"速度组件配置\", width: \"40%\", visible: _vm.speed },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.speed = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.speedForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度组件名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"数值筛选\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间模式\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择时间模式\" },\n                        model: {\n                          value: _vm.speedForm.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"region\", $$v)\n                          },\n                          expression: \"speedForm.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"触发\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期时刻\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期统计\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"展现形式\" } },\n                  [\n                    _c(\n                      \"el-checkbox-group\",\n                      {\n                        model: {\n                          value: _vm.speedForm.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"region\", $$v)\n                          },\n                          expression: \"speedForm.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"数值\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"表格\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"时间曲线图\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"均值图\", name: \"type\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"轨迹\", width: \"40%\", visible: _vm.trajectory },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.trajectory = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.speedForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"轨迹\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"数值筛选\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间模式\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择时间模式\" },\n                        model: {\n                          value: _vm.speedForm.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"region\", $$v)\n                          },\n                          expression: \"speedForm.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"触发\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期时刻\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期统计\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"展现形式\" } },\n                  [\n                    _c(\n                      \"el-checkbox-group\",\n                      {\n                        model: {\n                          value: _vm.speedForm.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"region\", $$v)\n                          },\n                          expression: \"speedForm.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"数值\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"表格\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"时间曲线图\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"均值图\", name: \"type\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-tabs\",\n          { attrs: { type: \"border-card\" } },\n          [\n            _c(\"el-tab-pane\", { attrs: { label: \"xx路口\" } }, [\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"75%\",\n                    height: \"900px\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\"\n                  }\n                },\n                [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]\n              ),\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"20%\",\n                    height: \"100%\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\",\n                    padding: \"15px\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.dialogFormVisible = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"断面组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.areaComponent = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"区域组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.trajectory = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"轨迹组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.speed = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"速度组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.flow = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"流量组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"车头时距\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"排队数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"检测数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"延误\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"拥堵\")]\n                  )\n                ],\n                1\n              )\n            ]),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"数据看板\" } },\n              [_c(\"dataBoard\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析配置\" } },\n              [_c(\"analysisConfiguration\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析状态\" } },\n              [_c(\"editModal\")],\n              1\n            ),\n            _c(\"el-tab-pane\", { attrs: { label: \"存储\" } }, [_vm._v(\"存储\")])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"断面组件配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.form, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.form.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"name\", $$v)\n                        },\n                        expression: \"form.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面方向\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择类型\" },\n                        model: {\n                          value: _vm.form.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"region\", $$v)\n                          },\n                          expression: \"form.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"正向\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"方向\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"双向\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"区域组件配置\",\n              width: \"40%\",\n              visible: _vm.areaComponent\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.areaComponent = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.areaComponentform, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"区域名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.areaComponentform.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.areaComponentform, \"name\", $$v)\n                        },\n                        expression: \"areaComponentform.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"轨迹组件配置\",\n              width: \"40%\",\n              visible: _vm.trajectory\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.trajectory = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.trackForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"轨迹名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.trackForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.trackForm, \"name\", $$v)\n                        },\n                        expression: \"trackForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"速度组件配置\", width: \"40%\", visible: _vm.speed },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.speed = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.speedForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度组件名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"数值筛选：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.num,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"num\", $$v)\n                        },\n                        expression: \"speedForm.num\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间模式：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择时间模式\" },\n                        model: {\n                          value: _vm.speedForm.timeModel,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"timeModel\", $$v)\n                          },\n                          expression: \"speedForm.timeModel\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"触发\", value: \"touch\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期时刻\", value: \"timeing\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期统计\", value: \"date\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.speedForm.timeModel == \"touch\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"触发类型：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.speedForm.touchType,\n                              callback: function($$v) {\n                                _vm.$set(_vm.speedForm, \"touchType\", $$v)\n                              },\n                              expression: \"speedForm.touchType\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"实时（触发）\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"间隔\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"timeing\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时刻：\" } },\n                      [\n                        _c(\"el-slider\", {\n                          attrs: { \"show-input\": \"\" },\n                          model: {\n                            value: _vm.speedForm.time,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"time\", $$v)\n                            },\n                            expression: \"speedForm.time\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"date\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间：\" } },\n                      [\n                        _c(\"el-date-picker\", {\n                          attrs: {\n                            type: \"datetimerange\",\n                            \"range-separator\": \"至\",\n                            \"start-placeholder\": \"开始日期\",\n                            \"end-placeholder\": \"结束日期\"\n                          },\n                          model: {\n                            value: _vm.speedForm.date,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"date\", $$v)\n                            },\n                            expression: \"speedForm.date\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"展现形式：\" } },\n                  [\n                    _c(\n                      \"el-checkbox-group\",\n                      {\n                        model: {\n                          value: _vm.speedForm.type,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"type\", $$v)\n                          },\n                          expression: \"speedForm.type\"\n                        }\n                      },\n                      [\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"数值\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"表格\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"时间曲线图\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"均值图\", name: \"type\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7584da04e973cfa1460352a11883b180.json b/node_modules/.cache/vue-loader/7584da04e973cfa1460352a11883b180.json
new file mode 100644
index 00000000..37d58807
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7584da04e973cfa1460352a11883b180.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'congestionChart', //拥堵组件\n    components: {\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n\n\n\n    },\n    mounted() {\n\n    },\n    watch: {\n\n    }\n}\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;;AAEA;AACA;;AAEA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">拥堵组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'congestionChart', //拥堵组件\n    components: {\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n\n\n\n    },\n    mounted() {\n\n    },\n    watch: {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/75a8bac7303c1347feb833e7576b58e5.json b/node_modules/.cache/vue-loader/75a8bac7303c1347feb833e7576b58e5.json
index b6f06c99..33c0c02a 100644
--- a/node_modules/.cache/vue-loader/75a8bac7303c1347feb833e7576b58e5.json
+++ b/node_modules/.cache/vue-loader/75a8bac7303c1347feb833e7576b58e5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true\n      }\n    },\n    handleClose(done) {\n      this.$confirm('确认关闭？')\n        .then(_ => {\n          done();\n        })\n        .catch(_ => { });\n    },\n\n    },\n    mounted() {\n\n    }\n}\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;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;;AAEA;AACA;;AAEA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"详情\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\n            <el-table :data=\"msg\" border style=\"width: 100%\">\n                <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n            </el-table>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true\n      }\n    },\n    handleClose(done) {\n      this.$confirm('确认关闭？')\n        .then(_ => {\n          done();\n        })\n        .catch(_ => { });\n    },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down{\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        onSubmit(){\n\n        },\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n        handleClose(done) {\n            this.$confirm('确认关闭？')\n                .then(_ => {\n                    done();\n                })\n                .catch(_ => { });\n        },\n\n    },\n    mounted() {\n\n    }\n}\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        onSubmit(){\n\n        },\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n        handleClose(done) {\n            this.$confirm('确认关闭？')\n                .then(_ => {\n                    done();\n                })\n                .catch(_ => { });\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n.el-form-item{\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7c1a72f6c822b3db24198b8d2e3909be.json b/node_modules/.cache/vue-loader/7c1a72f6c822b3db24198b8d2e3909be.json
index 7e2f86f0..288a9a94 100644
--- a/node_modules/.cache/vue-loader/7c1a72f6c822b3db24198b8d2e3909be.json
+++ b/node_modules/.cache/vue-loader/7c1a72f6c822b3db24198b8d2e3909be.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>排队数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'lineUpChart', //排队数组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n   \n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>排队数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'lineUpChart', //排队数组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: 'xxxx',\n                    val1: 'xxxx',\n                    val2: 'xxxx',\n                    val3: 'xxxx',\n                    val4: 'xxxx'\n                }\n            ],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n   \n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7c5c04d8f2c64d72e931c6872a17bddf.json b/node_modules/.cache/vue-loader/7c5c04d8f2c64d72e931c6872a17bddf.json
index f0e5108a..c39da8b0 100644
--- a/node_modules/.cache/vue-loader/7c5c04d8f2c64d72e931c6872a17bddf.json
+++ b/node_modules/.cache/vue-loader/7c5c04d8f2c64d72e931c6872a17bddf.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\"\nimport script from \"./VPN.vue?vue&type=script&lang=js&\"\nexport * from \"./VPN.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3b05fefa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3b05fefa')) {\n      api.createRecord('3b05fefa', component.options)\n    } else {\n      api.reload('3b05fefa', component.options)\n    }\n    module.hot.accept(\"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\", function () {\n      api.rerender('3b05fefa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/VPN.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\"\nimport script from \"./VPN.vue?vue&type=script&lang=js&\"\nexport * from \"./VPN.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3b05fefa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3b05fefa')) {\n      api.createRecord('3b05fefa', component.options)\n    } else {\n      api.reload('3b05fefa', component.options)\n    }\n    module.hot.accept(\"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\", function () {\n      api.rerender('3b05fefa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/VPN.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7ed30143ffb69a81f7072f37ad0e2a27.json b/node_modules/.cache/vue-loader/7ed30143ffb69a81f7072f37ad0e2a27.json
index 18b3bbc4..e633cc6b 100644
--- a/node_modules/.cache/vue-loader/7ed30143ffb69a81f7072f37ad0e2a27.json
+++ b/node_modules/.cache/vue-loader/7ed30143ffb69a81f7072f37ad0e2a27.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p>速度组件</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n            </el-table>\n        </div>\n        <div class=\"border\">\n            <lineChart />\n        </div>\n        <div class=\"border\">\n            <barChart />\n        </div>\n\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\">速度组件</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <tableShow :msg=\"tableData\"/>\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <lineChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <barChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <thermalChart />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7ff55a212a6f67ec8c64f280bea34aba.json b/node_modules/.cache/vue-loader/7ff55a212a6f67ec8c64f280bea34aba.json
new file mode 100644
index 00000000..1d2e57c6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7ff55a212a6f67ec8c64f280bea34aba.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\"\nimport script from \"./delayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./delayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02017ef9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('02017ef9')) {\n      api.createRecord('02017ef9', component.options)\n    } else {\n      api.reload('02017ef9', component.options)\n    }\n    module.hot.accept(\"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\", function () {\n      api.rerender('02017ef9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/delayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/80998ff1b1883f7efc6052bda5a4ad2d.json b/node_modules/.cache/vue-loader/80998ff1b1883f7efc6052bda5a4ad2d.json
index 224624a4..bfd3dd97 100644
--- a/node_modules/.cache/vue-loader/80998ff1b1883f7efc6052bda5a4ad2d.json
+++ b/node_modules/.cache/vue-loader/80998ff1b1883f7efc6052bda5a4ad2d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/843a8e638848e4048a8c86151e18e02b.json b/node_modules/.cache/vue-loader/843a8e638848e4048a8c86151e18e02b.json
index 3d229ae1..5b16d099 100644
--- a/node_modules/.cache/vue-loader/843a8e638848e4048a8c86151e18e02b.json
+++ b/node_modules/.cache/vue-loader/843a8e638848e4048a8c86151e18e02b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672212950557},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\n  <div>\n    \n    <!-- 一级菜单下面所拥有的二级菜单 -->\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside>  -->\n    <!-- 以及二级菜单所对应的页面 -->\n    <el-main>\n      <router-view></router-view>\n    </el-main>\n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu\n  },\n  data(){\n    return{\n        leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : '',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                            icon : 'el-icon-s-goods',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n                                    icon : 'tool',\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-goods',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-s-goods',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-s-goods',\n                },\n                \n            ],\n    }\n  }\n}\n</script>\n<style>\n.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\page\\test1\\index.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\n  <div>\n    \n    <!-- 一级菜单下面所拥有的二级菜单 -->\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside>  -->\n    <!-- 以及二级菜单所对应的页面 -->\n    <el-main>\n      <router-view></router-view>\n    </el-main>\n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu\n  },\n  data(){\n    return{\n        leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-user-solid',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    // icon : 'el-icon-s-goods',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                            // icon : 'el-icon-s-goods',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n                                    // icon : 'tool',\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : require('@/assets/img/xtsz.png'),\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    // icon : 'el-icon-s-goods',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    // icon : 'el-icon-s-goods',\n                },\n                \n            ],\n    }\n  }\n}\n</script>\n<style>\n.aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8abfe06fb18c278172f74f6dbde025ce.json b/node_modules/.cache/vue-loader/8abfe06fb18c278172f74f6dbde025ce.json
index 65c8d645..5fa91479 100644
--- a/node_modules/.cache/vue-loader/8abfe06fb18c278172f74f6dbde025ce.json
+++ b/node_modules/.cache/vue-loader/8abfe06fb18c278172f74f6dbde025ce.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1672210701267},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1672365886439},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84ec604e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8d35dfbe50f2cd410cfaab31162185e7.json b/node_modules/.cache/vue-loader/8d35dfbe50f2cd410cfaab31162185e7.json
index 98c63c3a..8e3d5687 100644
--- a/node_modules/.cache/vue-loader/8d35dfbe50f2cd410cfaab31162185e7.json
+++ b/node_modules/.cache/vue-loader/8d35dfbe50f2cd410cfaab31162185e7.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", [\n                _vm._v(\"下拉查看详情\"),\n                _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n              ]),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"详情\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.msg, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", [\n                _vm._v(\"编辑\"),\n                _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n              ]),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"编辑\",\n            visible: _vm.dialogVisible,\n            width: \"40%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    { attrs: { type: \"primary\" }, on: { click: _vm.onSubmit } },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8efa2f7d91e9d1799e1b11e1d96f6be4.json b/node_modules/.cache/vue-loader/8efa2f7d91e9d1799e1b11e1d96f6be4.json
index 585b8d29..b7c18691 100644
--- a/node_modules/.cache/vue-loader/8efa2f7d91e9d1799e1b11e1d96f6be4.json
+++ b/node_modules/.cache/vue-loader/8efa2f7d91e9d1799e1b11e1d96f6be4.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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  /deep/ .el-form-item__content {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n}\n/deep/ .el-form-item__label {\n    text-align: left;\n    font-size: 15px;\n}\n/deep/ .el-button--small{\n    margin-left: 0 !important;\n}\n.container {\n    width: 100%;\n    height: 100%;\n    p {\n        width: 95%;\n        font-size: 25px;\n        text-align: left;\n        border-bottom: 1px solid black;\n        margin-bottom: 20px;\n    }\n}\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.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>系统服务VPN</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=\"2\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \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/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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  /deep/ .el-form-item__content {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n}\n/deep/ .el-form-item__label {\n    text-align: left;\n    font-size: 15px;\n}\n/deep/ .el-button--small{\n    margin-left: 0 !important;\n}\n.container {\n    width: 100%;\n    height: 100%;\n    p {\n        width: 95%;\n        font-size: 25px;\n        text-align: left;\n        border-bottom: 1px solid black;\n        margin-bottom: 20px;\n    }\n}\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.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>系统服务VPN</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=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\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: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \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/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9772cb843dd3e9d5b732c6e852d1c700.json b/node_modules/.cache/vue-loader/9772cb843dd3e9d5b732c6e852d1c700.json
index e602a618..5692dfe3 100644
--- a/node_modules/.cache/vue-loader/9772cb843dd3e9d5b732c6e852d1c700.json
+++ b/node_modules/.cache/vue-loader/9772cb843dd3e9d5b732c6e852d1c700.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticStyle: { float: \"left\" } }),\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticStyle: { float: \"left\" } }),\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/97ded1f5ce662db102da74a81b1829b5.json b/node_modules/.cache/vue-loader/97ded1f5ce662db102da74a81b1829b5.json
index 96654c3f..80196d5b 100644
--- a/node_modules/.cache/vue-loader/97ded1f5ce662db102da74a81b1829b5.json
+++ b/node_modules/.cache/vue-loader/97ded1f5ce662db102da74a81b1829b5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.down{\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AACA;AACA;AACA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"详情\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\n            <el-table :data=\"msg\" border style=\"width: 100%\">\n                <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n            </el-table>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg:{\n            type:Array,\n            default(){\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false\n        }\n    },\n    methods: {\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true\n      }\n    },\n    handleClose(done) {\n      this.$confirm('确认关闭？')\n        .then(_ => {\n          done();\n        })\n        .catch(_ => { });\n    },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down{\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.down {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n.el-form-item{\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n    <div>\n        <div class=\"down\">\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n                <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </div>\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n            <el-form :model=\"msg\" label-width=\"80px\">\n                <el-form-item label=\"val1\">\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                    </el-time-select>\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                    </el-time-select>\n                </el-form-item>\n                <el-form-item label=\"val2\">\n                    <el-select>\n                        <el-option>\n\n                        </el-option>\n                    </el-select>\n                </el-form-item>\n                <el-form-item label=\"val3\">\n                    <el-input v-model=\"msg[0].val3\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"val4\">\n                    <el-checkbox-group v-model=\"checkList\">\n                        <el-checkbox label=\"数值\"></el-checkbox>\n                        <el-checkbox label=\"表格\"></el-checkbox>\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                        <el-checkbox label=\"均值图\"></el-checkbox>\n                    </el-checkbox-group>\n                </el-form-item>\n                <el-form-item>\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\n                </el-form-item>\n            </el-form>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: 'detailDialog',//速度组件\n    props: {\n        msg: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    data() {\n        return {\n            dialogVisible: false,\n            startTime: '',\n            endTime: '',\n            checkList: ['复选框 A']\n        }\n    },\n    methods: {\n        onSubmit(){\n\n        },\n        handleCommand(command) {  // 用户名下拉菜单选择事件\n            if (command == 'show') {\n                this.dialogVisible = true\n            }\n        },\n        handleClose(done) {\n            this.$confirm('确认关闭？')\n                .then(_ => {\n                    done();\n                })\n                .catch(_ => { });\n        },\n\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.down {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 100;\n}\n.el-form-item{\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9e86b1d3f4155e15239878a4dea586d9.json b/node_modules/.cache/vue-loader/9e86b1d3f4155e15239878a4dea586d9.json
index a7129d31..1c58ff34 100644
--- a/node_modules/.cache/vue-loader/9e86b1d3f4155e15239878a4dea586d9.json
+++ b/node_modules/.cache/vue-loader/9e86b1d3f4155e15239878a4dea586d9.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aa9e6f12bad83dca6a37fd0dd7f18357.json b/node_modules/.cache/vue-loader/aa9e6f12bad83dca6a37fd0dd7f18357.json
index a99aaf09..570d21e5 100644
--- a/node_modules/.cache/vue-loader/aa9e6f12bad83dca6a37fd0dd7f18357.json
+++ b/node_modules/.cache/vue-loader/aa9e6f12bad83dca6a37fd0dd7f18357.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>检测数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'checkChart', //车头时距组件\n    components:{\n        lineChart,\n        barChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">检测数</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport tableShow from '../chart/tableShow.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'checkChart', //车头时距组件\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    components: {\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n\n    methods: {\n    },\n    mounted() {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ac3852b8fc5662ab0c9a8c128895bb4a.json b/node_modules/.cache/vue-loader/ac3852b8fc5662ab0c9a8c128895bb4a.json
index 72cf7a1e..0706b995 100644
--- a/node_modules/.cache/vue-loader/ac3852b8fc5662ab0c9a8c128895bb4a.json
+++ b/node_modules/.cache/vue-loader/ac3852b8fc5662ab0c9a8c128895bb4a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672390625224},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.el-form-item {\n  margin-bottom: 15px;\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2pBA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"content-box\">\n\n    <div class=\"container\">\n      <!-- <nav>\n      <router-link :to=\"a.url\" :key=\"index\" v-for=\"(a,index) in Data\">{{a.title}}</router-link>\n       <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n    </nav> -->\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"xx路口\">\n          <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          </div>\n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\">\n          <dataBoard></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n          <el-form-item label=\"断面名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\">\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"car\"></el-option>\n              <el-option label=\"方向\" value=\"bus\"></el-option>\n              <el-option label=\"双向\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n          <el-form-item label=\"区域名称\">\n            <el-input v-model=\"areaComponentform.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n          <el-form-item label=\"速度组件名称\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"时间模式\">\n            <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"car\"></el-option>\n              <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n              <el-option label=\"周期统计\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n          <el-form-item label=\"展现形式\">\n            <el-checkbox-group v-model=\"speedForm.region\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"轨迹\" width=\"40%\" :visible.sync=\"trajectory\">\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n          <el-form-item label=\"轨迹\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"时间模式\">\n            <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"car\"></el-option>\n              <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n              <el-option label=\"周期统计\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n          <el-form-item label=\"展现形式\">\n            <el-checkbox-group v-model=\"speedForm.region\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [], //小车信息\n      carName: '',\n      palletizerInfo: [], //码垛机信息\n      palletizerName: '',\n      destackerInfo: [], //拆垛机信息\n      destackerName: '',\n      hoistInfo: [], //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],//快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [], //输送机信息\n      conveyorName: \"\",\n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created() {\n    this.testMqtt()\n\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n      // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit() { },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n          console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        });\n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \", message);\n\n          console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          // 解析后端数据\n          //   let dataReceived = JSON.parse(message.toString());\n          //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\n          //      try{\n          //         const utf8decoder = new TextDecoder()\n          //         const u8arr = new Uint8Array(message)\n          //         const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n          //         const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //         console.log(\"msg\",msg)   //msg为转换后的JSON数据\n          //         this.imgUrl='data:image/png;base64,' + msg.pic;\n          //         console.log(\"imageUrl\",imageUrl)\n          //     }catch{\n          //         let imageType = 'arraybuffer';\n          //         const blob = new Blob([message], { type: imageType })\n          //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          //         console.log(\"imageUrl\",imageUrl)\n          //     }\n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n      //   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n</script>\n<style scoped>\n.el-form-item {\n  margin-bottom: 15px;\n}\n</style>\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.el-form-item {\n  margin-bottom: 15px;\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4pBA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"xx路口\">\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          </div> -->\n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\">\n          <dataBoard></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n          <el-form-item label=\"断面名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\">\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"car\"></el-option>\n              <el-option label=\"方向\" value=\"bus\"></el-option>\n              <el-option label=\"双向\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n          <el-form-item label=\"区域名称\">\n            <el-input v-model=\"areaComponentform.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n          <el-form-item label=\"轨迹名称：\">\n            <el-input v-model=\"trackForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n          <el-form-item label=\"速度组件名称：\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\">\n            <el-input v-model=\"speedForm.num\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\n            </el-select>\n          </el-form-item>\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"speedForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n          <el-slider v-model=\"speedForm.time\" show-input>\n            </el-slider>\n        </el-form-item>\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n           <el-date-picker\n       v-model=\"speedForm.date\"\n      type=\"datetimerange\"\n      range-separator=\"至\"\n      start-placeholder=\"开始日期\"\n      end-placeholder=\"结束日期\">\n    </el-date-picker>\n        </el-form-item>\n          <el-form-item label=\"展现形式：\">\n            <el-checkbox-group v-model=\"speedForm.type\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      \n    </div>\n  </div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel:'touch',\n        touchType:'实时（触发）',\n        num:'',\n        time:'',\n        date: '',\n        type: [],\n      },\n      trackForm:{\n        name:\"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [], //小车信息\n      carName: '',\n      palletizerInfo: [], //码垛机信息\n      palletizerName: '',\n      destackerInfo: [], //拆垛机信息\n      destackerName: '',\n      hoistInfo: [], //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],//快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [], //输送机信息\n      conveyorName: \"\",\n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created() {\n    this.testMqtt()\n\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n      // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit() { },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n       \n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n        //    this.client.connect('aaa', '111')\n          this.mqttClient.publish('aaa', '111');\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n          \n        });\n         \n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n            \n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n      //   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n</script>\n<style scoped>\n.el-form-item {\n  margin-bottom: 15px;\n}\n</style>\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b0fca75f316b1f26d3823addaddbaa1a.json b/node_modules/.cache/vue-loader/b0fca75f316b1f26d3823addaddbaa1a.json
index dab692a2..7b7631a4 100644
--- a/node_modules/.cache/vue-loader/b0fca75f316b1f26d3823addaddbaa1a.json
+++ b/node_modules/.cache/vue-loader/b0fca75f316b1f26d3823addaddbaa1a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","mtime":1672210701265},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\"\nimport script from \"./IdManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./IdManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1538ddf8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1538ddf8')) {\n      api.createRecord('1538ddf8', component.options)\n    } else {\n      api.reload('1538ddf8', component.options)\n    }\n    module.hot.accept(\"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\", function () {\n      api.rerender('1538ddf8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IdManagement.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\IdManagement.vue","mtime":1672365886438},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\"\nimport script from \"./IdManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./IdManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1538ddf8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1538ddf8')) {\n      api.createRecord('1538ddf8', component.options)\n    } else {\n      api.reload('1538ddf8', component.options)\n    }\n    module.hot.accept(\"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\", function () {\n      api.rerender('1538ddf8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IdManagement.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json b/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
index adeac925..df72c3ce 100644
--- a/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
+++ b/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", [\n      _c(\"div\", { staticClass: \"top\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: {\n                  inline: true,\n                  model: _vm.formInline,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\n                    \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n            \"\n                  )\n                ]),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"自动保存：\" } },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.formInline.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"user\", $$v)\n                        },\n                        expression: \"formInline.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间间隔：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"时间间隔\" },\n                        model: {\n                          value: _vm.formInline.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"region\", $$v)\n                          },\n                          expression: \"formInline.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"20s\", value: \"shanghai\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"30s\", value: \"beijing\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"重置分析将删除所有累计的轨迹数据\\n      \")\n                ]),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"重置\")]\n                ),\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n      \")\n                ]),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"相机位置：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { placeholder: \"经度\" },\n                      model: {\n                        value: _vm.sizeForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"name\", $$v)\n                        },\n                        expression: \"sizeForm.name\"\n                      }\n                    }),\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                      attrs: { placeholder: \"纬度\" },\n                      model: {\n                        value: _vm.sizeForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"name\", $$v)\n                        },\n                        expression: \"sizeForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.coordinateForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"自动保存：\" } },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.coordinateForm.coordinateClose,\n                        callback: function($$v) {\n                          _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                        },\n                        expression: \"coordinateForm.coordinateClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"模型：\" } },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.coordinateForm.model,\n                          callback: function($$v) {\n                            _vm.$set(_vm.coordinateForm, \"model\", $$v)\n                          },\n                          expression: \"coordinateForm.model\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"Georeferencing\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"坐标转换：\" } },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.coordinateForm.coordinateTransformation,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.coordinateForm,\n                              \"coordinateTransformation\",\n                              $$v\n                            )\n                          },\n                          expression: \"coordinateForm.coordinateTransformation\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticStyle: { width: \"100%\", height: \"300px\" } }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]),\n                _c(\n                  \"el-table\",\n                  { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                  [\n                    _c(\"el-table-column\", {\n                      attrs: { prop: \"name\", label: \"点名称\", align: \"center\" },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.$index === 0\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"30\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.name,\n                                      callback: function($$v) {\n                                        _vm.$set(scope.row, \"name\", $$v)\n                                      },\n                                      expression: \"scope.row.name\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(scope.row.name)\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        prop: \"longitude\",\n                        label: \"经度\",\n                        align: \"center\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.row.isEdit\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"20\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.longitude,\n                                      callback: function($$v) {\n                                        _vm.$set(scope.row, \"longitude\", $$v)\n                                      },\n                                      expression: \"scope.row.longitude\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(scope.row.longitude)\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        prop: \"latitude\",\n                        label: \"纬度\",\n                        align: \"center\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.row.isEdit\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"20\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.latitude,\n                                      callback: function($$v) {\n                                        _vm.$set(scope.row, \"latitude\", $$v)\n                                      },\n                                      expression: \"scope.row.latitude\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(scope.row.latitude)\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        label: \"操作\",\n                        align: \"center\",\n                        \"class-name\": \"small-padding fixed-width\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.$index === 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#2090c1\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleAdd(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [_vm._v(\"Add\\n      \")]\n                                  )\n                                : _vm._e(),\n                              scope.$index !== 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#2090c1\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleUpdate(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          scope.row.isEdit ? \"Apply\" : \"Edit\"\n                                        ) + \"\\n      \"\n                                      )\n                                    ]\n                                  )\n                                : _vm._e(),\n                              scope.$index !== 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#F56C6C\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleDelete(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          scope.row.isEdit ? \"Cancel\" : \"Delete\"\n                                        ) + \"\\n      \"\n                                      )\n                                    ]\n                                  )\n                                : _vm._e()\n                            ]\n                          }\n                        }\n                      ])\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n            _vm._m(0),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"350px\" }\n              },\n              [\n                _c(\"div\", { staticStyle: { width: \"100%\", height: \"300px\" } }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"calc(100% - 50px)\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]),\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"300px\" },\n                    attrs: { label: \"各车道中心线（区域检测器）：\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.sizeForm.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"user\", $$v)\n                        },\n                        expression: \"sizeForm.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"300px\" },\n                    attrs: { label: \"自动识别各车道中心点坐标（断面检测器）：\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.sizeForm.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"user\", $$v)\n                        },\n                        expression: \"sizeForm.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n            _vm._m(1),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"250px\" },\n                    attrs: { label: \"识别区域开关\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.sizeForm.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"user\", $$v)\n                        },\n                        expression: \"sizeForm.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticStyle: { width: \"100%\", height: \"300px\" } }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"calc(100% - 50px)\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n            _vm._m(2),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"250px\" },\n                    attrs: { label: \"预测滤波时间\" }\n                  },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"预测滤波时间\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.sizeForm.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"user\", $$v)\n                        },\n                        expression: \"sizeForm.user\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n            _vm._m(3),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\"div\", { staticStyle: { width: \"100%\", height: \"300px\" } }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"calc(100% - 50px)\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]),\n                _c(\n                  \"el-table\",\n                  { attrs: { border: \"\", data: _vm.licensePlateTableData } },\n                  [\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        prop: \"sectionPlate\",\n                        label: \"断面号牌\",\n                        align: \"center\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.$index === 0\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"30\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.sectionPlate,\n                                      callback: function($$v) {\n                                        _vm.$set(scope.row, \"sectionPlate\", $$v)\n                                      },\n                                      expression: \"scope.row.sectionPlate\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(\n                                        scope.row.sectionPlate\n                                      )\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        prop: \"setAssociation\",\n                        label: \"断面设置关联\",\n                        align: \"center\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.row.isEdit\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"20\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.setAssociation,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          scope.row,\n                                          \"setAssociation\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"scope.row.setAssociation\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(\n                                        scope.row.setAssociation\n                                      )\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        prop: \"thresholdValue\",\n                        label: \"车牌匹配阈值\",\n                        align: \"center\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.row.isEdit\n                                ? _c(\"el-input\", {\n                                    attrs: {\n                                      maxlength: \"20\",\n                                      placeholder: \"Required\"\n                                    },\n                                    model: {\n                                      value: scope.row.thresholdValue,\n                                      callback: function($$v) {\n                                        _vm.$set(\n                                          scope.row,\n                                          \"thresholdValue\",\n                                          $$v\n                                        )\n                                      },\n                                      expression: \"scope.row.thresholdValue\"\n                                    }\n                                  })\n                                : _c(\"span\", {\n                                    domProps: {\n                                      textContent: _vm._s(\n                                        scope.row.thresholdValue\n                                      )\n                                    }\n                                  })\n                            ]\n                          }\n                        }\n                      ])\n                    }),\n                    _c(\"el-table-column\", {\n                      attrs: {\n                        label: \"操作\",\n                        align: \"center\",\n                        \"class-name\": \"small-padding fixed-width\"\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"default\",\n                          fn: function(scope) {\n                            return [\n                              scope.$index === 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#2090c1\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleAdd(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [_vm._v(\"Add\\n      \")]\n                                  )\n                                : _vm._e(),\n                              scope.$index !== 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#2090c1\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleUpdate(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          scope.row.isEdit ? \"Apply\" : \"Edit\"\n                                        ) + \"\\n      \"\n                                      )\n                                    ]\n                                  )\n                                : _vm._e(),\n                              scope.$index !== 0\n                                ? _c(\n                                    \"el-button\",\n                                    {\n                                      staticStyle: { color: \"#F56C6C\" },\n                                      attrs: { size: \"mini\", type: \"text\" },\n                                      on: {\n                                        click: function($event) {\n                                          return _vm.handleDelete(scope.row)\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          scope.row.isEdit ? \"Cancel\" : \"Delete\"\n                                        ) + \"\\n      \"\n                                      )\n                                    ]\n                                  )\n                                : _vm._e()\n                            ]\n                          }\n                        }\n                      ])\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n            _vm._m(4),\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: {\n                  inline: true,\n                  model: _vm.formInline,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"位移：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"位移\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.formInline.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"user\", $$v)\n                        },\n                        expression: \"formInline.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"速度\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.formInline.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"user\", $$v)\n                        },\n                        expression: \"formInline.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"加速度：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.formInline.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"user\", $$v)\n                        },\n                        expression: \"formInline.user\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticStyle: { \"margin-top\": \"15px\" } },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: { model: _vm.formInline, \"label-width\": \"200px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { \"margin-bottom\": \"20px\" },\n                    attrs: { label: \"类型：\" }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.formInline.user,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"user\", $$v)\n                          },\n                          expression: \"formInline.user\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", {\n                          attrs: { label: \"快速-用于高带宽连接\" }\n                        }),\n                        _c(\"el-radio\", {\n                          attrs: { label: \"平衡-适用于大多数连接\" }\n                        }),\n                        _c(\"el-radio\", {\n                          attrs: { label: \"慢速-用于低带宽连接\" }\n                        }),\n                        _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"请求轻型有效载荷：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"200px\", \"margin-bottom\": \"20px\" },\n                      model: {\n                        value: _vm.formInline.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"name\", $$v)\n                        },\n                        expression: \"formInline.name\"\n                      }\n                    }),\n                    _vm._v(\"ms\\n  \")\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"请求重型有效载荷：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"200px\", \"margin-bottom\": \"20px\" },\n                      model: {\n                        value: _vm.formInline.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"name\", $$v)\n                        },\n                        expression: \"formInline.name\"\n                      }\n                    }),\n                    _vm._v(\"ms\\n  \")\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"FPS分配器：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"200px\", \"margin-bottom\": \"20px\" },\n                      model: {\n                        value: _vm.formInline.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"name\", $$v)\n                        },\n                        expression: \"formInline.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"框架决议：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        staticStyle: { \"margin-bottom\": \"20px\" },\n                        attrs: { placeholder: \"框架决议\" },\n                        model: {\n                          value: _vm.formInline.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"region\", $$v)\n                          },\n                          expression: \"formInline.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"自动\", value: \"shanghai\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"区域二\", value: \"beijing\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"压缩格式：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        staticStyle: { \"margin-bottom\": \"20px\" },\n                        attrs: { placeholder: \"压缩格式\" },\n                        model: {\n                          value: _vm.formInline.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"region\", $$v)\n                          },\n                          expression: \"formInline.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"JPG\", value: \"shanghai\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"区域二\", value: \"beijing\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"压缩率：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"200px\" },\n                      model: {\n                        value: _vm.formInline.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"name\", $$v)\n                        },\n                        expression: \"formInline.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n      \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率：更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", [\n      _c(\"div\", { staticClass: \"top\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: {\n                  inline: true,\n                  model: _vm.formInline,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\n                    \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n            \"\n                  )\n                ]),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"自动保存：\" } },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.formInline.user,\n                        callback: function($$v) {\n                          _vm.$set(_vm.formInline, \"user\", $$v)\n                        },\n                        expression: \"formInline.user\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间间隔：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"时间间隔\" },\n                        model: {\n                          value: _vm.formInline.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"region\", $$v)\n                          },\n                          expression: \"formInline.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"20s\", value: \"shanghai\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"30s\", value: \"beijing\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"重置分析将删除所有累计的轨迹数据\\n      \")\n                ]),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"重置\")]\n                ),\n                _c(\"div\", { staticClass: \"warning\" }, [\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n      \")\n                ]),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"相机位置：\" } },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { placeholder: \"经度\" },\n                      model: {\n                        value: _vm.sizeForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"name\", $$v)\n                        },\n                        expression: \"sizeForm.name\"\n                      }\n                    }),\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                      attrs: { placeholder: \"纬度\" },\n                      model: {\n                        value: _vm.sizeForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"name\", $$v)\n                        },\n                        expression: \"sizeForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.coordinateForm, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"坐标转换开关：\" } },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.coordinateForm.coordinateClose,\n                        callback: function($$v) {\n                          _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                        },\n                        expression: \"coordinateForm.coordinateClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _vm.coordinateForm.coordinateClose == true\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"模型：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.coordinateForm.model,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"model\", $$v)\n                              },\n                              expression: \"coordinateForm.model\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"Georeferencing\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.coordinateForm.coordinateClose == true\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\"div\", { staticStyle: { width: \"100%\", height: \"300px\" } }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModuleTop\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    },\n                    on: { load: _vm.load }\n                  })\n                ]),\n                _vm.coordinateForm.coordinateClose == true\n                  ? _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"name\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.$index === 0\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"30\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.name,\n                                            callback: function($$v) {\n                                              _vm.$set(scope.row, \"name\", $$v)\n                                            },\n                                            expression: \"scope.row.name\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(scope.row.name)\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1861943855\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.row.isEdit\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"20\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.longitude,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                scope.row,\n                                                \"longitude\",\n                                                $$v\n                                              )\n                                            },\n                                            expression: \"scope.row.longitude\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(\n                                              scope.row.longitude\n                                            )\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            452909755\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.row.isEdit\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"20\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.latitude,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                scope.row,\n                                                \"latitude\",\n                                                $$v\n                                              )\n                                            },\n                                            expression: \"scope.row.latitude\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(\n                                              scope.row.latitude\n                                            )\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2766622075\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.$index === 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleAdd(scope.row)\n                                              }\n                                            }\n                                          },\n                                          [_vm._v(\"Add\\n      \")]\n                                        )\n                                      : _vm._e(),\n                                    scope.$index !== 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleUpdate(\n                                                  scope.row\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(\n                                                scope.row.isEdit\n                                                  ? \"Apply\"\n                                                  : \"Edit\"\n                                              ) + \"\\n      \"\n                                            )\n                                          ]\n                                        )\n                                      : _vm._e(),\n                                    scope.$index !== 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#F56C6C\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleDelete(\n                                                  scope.row\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(\n                                                scope.row.isEdit\n                                                  ? \"Cancel\"\n                                                  : \"Delete\"\n                                              ) + \"\\n      \"\n                                            )\n                                          ]\n                                        )\n                                      : _vm._e()\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2713940738\n                          )\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _vm.coordinateForm.coordinateClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n            _vm._m(0),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"车道识别配置开关：\",\n                      \"label-width\": \"150px\"\n                    }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.laneform.laneClose,\n                        callback: function($$v) {\n                          _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                        },\n                        expression: \"laneform.laneClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _vm.laneform.laneClose == true\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"300px\" },\n                        attrs: { label: \"各车道中心线（区域检测器）：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.areaDetector,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                            },\n                            expression: \"laneform.areaDetector\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.laneform.laneClose == true\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"300px\" },\n                        attrs: {\n                          label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.sectionDetector,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                            },\n                            expression: \"laneform.sectionDetector\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.laneform.laneClose == true\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  : _vm._e()\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n            _vm._m(1),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: {\n                  model: _vm.identificationAreaform,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"250px\" },\n                    attrs: { label: \"识别区域开关\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value:\n                          _vm.identificationAreaform.identificationAreaClose,\n                        callback: function($$v) {\n                          _vm.$set(\n                            _vm.identificationAreaform,\n                            \"identificationAreaClose\",\n                            $$v\n                          )\n                        },\n                        expression:\n                          \"identificationAreaform.identificationAreaClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _vm.identificationAreaform.identificationAreaClose == true\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  : _vm._e()\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n            _vm._m(2),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: {\n                  model: _vm.trajectorySmoothingform,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"250px\" },\n                    attrs: { label: \"轨迹平滑开关\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value:\n                          _vm.trajectorySmoothingform.trajectorySmoothingClose,\n                        callback: function($$v) {\n                          _vm.$set(\n                            _vm.trajectorySmoothingform,\n                            \"trajectorySmoothingClose\",\n                            $$v\n                          )\n                        },\n                        expression:\n                          \"trajectorySmoothingform.trajectorySmoothingClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"预测滤波时间\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            min: 2000,\n                            max: 3000,\n                            label: \"预测滤波时间\"\n                          },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.trajectorySmoothingform.time,\n                            callback: function($$v) {\n                              _vm.$set(_vm.trajectorySmoothingform, \"time\", $$v)\n                            },\n                            expression: \"trajectorySmoothingform.time\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  : _vm._e()\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n            _vm._m(3),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.licensePlateform, \"label-width\": \"140px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { width: \"250px\" },\n                    attrs: { label: \"车牌识别开关\" }\n                  },\n                  [\n                    _c(\"el-switch\", {\n                      model: {\n                        value: _vm.licensePlateform.licensePlateClose,\n                        callback: function($$v) {\n                          _vm.$set(\n                            _vm.licensePlateform,\n                            \"licensePlateClose\",\n                            $$v\n                          )\n                        },\n                        expression: \"licensePlateform.licensePlateClose\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _vm.licensePlateform.licensePlateClose == true\n                  ? _c(\n                      \"el-table\",\n                      {\n                        attrs: { border: \"\", data: _vm.licensePlateTableData }\n                      },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"sectionPlate\",\n                            label: \"断面号牌\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.$index === 0\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"30\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.sectionPlate,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                scope.row,\n                                                \"sectionPlate\",\n                                                $$v\n                                              )\n                                            },\n                                            expression: \"scope.row.sectionPlate\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(\n                                              scope.row.sectionPlate\n                                            )\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            942623791\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"setAssociation\",\n                            label: \"断面设置关联\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.row.isEdit\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"20\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.setAssociation,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                scope.row,\n                                                \"setAssociation\",\n                                                $$v\n                                              )\n                                            },\n                                            expression:\n                                              \"scope.row.setAssociation\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(\n                                              scope.row.setAssociation\n                                            )\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            95706651\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"thresholdValue\",\n                            label: \"车牌匹配阈值\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.row.isEdit\n                                      ? _c(\"el-input\", {\n                                          attrs: {\n                                            maxlength: \"20\",\n                                            placeholder: \"Required\"\n                                          },\n                                          model: {\n                                            value: scope.row.thresholdValue,\n                                            callback: function($$v) {\n                                              _vm.$set(\n                                                scope.row,\n                                                \"thresholdValue\",\n                                                $$v\n                                              )\n                                            },\n                                            expression:\n                                              \"scope.row.thresholdValue\"\n                                          }\n                                        })\n                                      : _c(\"span\", {\n                                          domProps: {\n                                            textContent: _vm._s(\n                                              scope.row.thresholdValue\n                                            )\n                                          }\n                                        })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            4003674747\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    scope.$index === 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleAdd(scope.row)\n                                              }\n                                            }\n                                          },\n                                          [_vm._v(\"Add\\n      \")]\n                                        )\n                                      : _vm._e(),\n                                    scope.$index !== 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleUpdate(\n                                                  scope.row\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(\n                                                scope.row.isEdit\n                                                  ? \"Apply\"\n                                                  : \"Edit\"\n                                              ) + \"\\n      \"\n                                            )\n                                          ]\n                                        )\n                                      : _vm._e(),\n                                    scope.$index !== 0\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#F56C6C\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleDelete(\n                                                  scope.row\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              _vm._s(\n                                                scope.row.isEdit\n                                                  ? \"Cancel\"\n                                                  : \"Delete\"\n                                              ) + \"\\n      \"\n                                            )\n                                          ]\n                                        )\n                                      : _vm._e()\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2713940738\n                          )\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _vm.licensePlateform.licensePlateClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n            _vm._m(4),\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: {\n                  inline: true,\n                  model: _vm.stopStateform,\n                  \"label-width\": \"140px\"\n                }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"位移：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"位移\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.stopStateform.displacement,\n                        callback: function($$v) {\n                          _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                        },\n                        expression: \"stopStateform.displacement\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"速度\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.stopStateform.speed,\n                        callback: function($$v) {\n                          _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                        },\n                        expression: \"stopStateform.speed\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"加速度：\" } },\n                  [\n                    _c(\"el-input-number\", {\n                      attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                      on: { change: _vm.handleChange },\n                      model: {\n                        value: _vm.stopStateform.acceleration,\n                        callback: function($$v) {\n                          _vm.$set(_vm.stopStateform, \"acceleration\", $$v)\n                        },\n                        expression: \"stopStateform.acceleration\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticStyle: { \"margin-top\": \"15px\" } },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n            _c(\n              \"el-form\",\n              {\n                staticClass: \"demo-form-inline\",\n                attrs: { model: _vm.communicationform, \"label-width\": \"200px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    staticStyle: { \"margin-bottom\": \"20px\" },\n                    attrs: { label: \"类型：\" }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.communicationform.type,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"type\", $$v)\n                          },\n                          expression: \"communicationform.type\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", {\n                          attrs: { label: \"快速-用于高带宽连接\" }\n                        }),\n                        _c(\"el-radio\", {\n                          attrs: { label: \"平衡-适用于大多数连接\" }\n                        }),\n                        _c(\"el-radio\", {\n                          attrs: { label: \"慢速-用于低带宽连接\" }\n                        }),\n                        _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"请求轻型有效载荷：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"200px\",\n                            \"margin-bottom\": \"20px\"\n                          },\n                          model: {\n                            value: _vm.communicationform.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"name\", $$v)\n                            },\n                            expression: \"communicationform.name\"\n                          }\n                        }),\n                        _vm._v(\"ms\\n  \")\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"请求重型有效载荷：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"200px\",\n                            \"margin-bottom\": \"20px\"\n                          },\n                          model: {\n                            value: _vm.communicationform.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"name\", $$v)\n                            },\n                            expression: \"communicationform.name\"\n                          }\n                        }),\n                        _vm._v(\"ms\\n  \")\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"FPS分配器：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"200px\",\n                            \"margin-bottom\": \"20px\"\n                          },\n                          model: {\n                            value: _vm.communicationform.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"name\", $$v)\n                            },\n                            expression: \"communicationform.name\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"框架决议：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            staticStyle: { \"margin-bottom\": \"20px\" },\n                            attrs: { placeholder: \"框架决议\" },\n                            model: {\n                              value: _vm.communicationform.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"region\", $$v)\n                              },\n                              expression: \"communicationform.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"自动\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"区域二\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"压缩格式：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            staticStyle: { \"margin-bottom\": \"20px\" },\n                            attrs: { placeholder: \"压缩格式\" },\n                            model: {\n                              value: _vm.communicationform.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"region\", $$v)\n                              },\n                              expression: \"communicationform.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"JPG\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"区域二\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.communicationform.type == \"自定义\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"压缩率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"name\", $$v)\n                            },\n                            expression: \"communicationform.name\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { type: \"primary\", size: \"small\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleagain()\n                      }\n                    }\n                  },\n                  [_vm._v(\"保存\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n      \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率：更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b261cf59184c1716913fbefb740351ce.json b/node_modules/.cache/vue-loader/b261cf59184c1716913fbefb740351ce.json
index 52dc893c..7c0d1168 100644
--- a/node_modules/.cache/vue-loader/b261cf59184c1716913fbefb740351ce.json
+++ b/node_modules/.cache/vue-loader/b261cf59184c1716913fbefb740351ce.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div>\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <el-dialog title=\"详情\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\n        <el-table :data=\"msg\" border style=\"width: 100%\">\n            <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n            <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n            <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n            <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n        </el-table>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div>\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option>\n\n                    </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b3178e9255d8c7df77546c9a5d2c9fae.json b/node_modules/.cache/vue-loader/b3178e9255d8c7df77546c9a5d2c9fae.json
new file mode 100644
index 00000000..39e4f39e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b3178e9255d8c7df77546c9a5d2c9fae.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\">拥堵组件</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <tableShow :msg=\"tableData\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <thermalChart />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b99acd40a81b99c14fd6b93fbcec38df.json b/node_modules/.cache/vue-loader/b99acd40a81b99c14fd6b93fbcec38df.json
index ec1b68ba..1e649688 100644
--- a/node_modules/.cache/vue-loader/b99acd40a81b99c14fd6b93fbcec38df.json
+++ b/node_modules/.cache/vue-loader/b99acd40a81b99c14fd6b93fbcec38df.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p class=\"title\">界面</p>\n            <el-form-item label=\"界面：\">\n                <el-col :span=\"6\">\n                    <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MAC地址：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MTU：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">运行状态</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"连接：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">接通</span>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">IPV4</p>\n            <el-table :data=\"tableData\" border style=\"width: 95%\">\n                <el-table-column prop=\"address\" label=\"地址\">\n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"agreement\" label=\"协议\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"Range\" label=\"范围\">\n                  <template slot-scope=\"scope\">\n                  <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\n                        <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"term\" label=\"期限\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  fixed=\"right\"\n                  label=\"操作\"\n                  width=\"350\"\n                  >\n              <template slot-scope=\"scope\" >\n                  <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n              </template>\n              </el-table-column>\n            </el-table>\n            <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"网关：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.gateway\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"分配IP：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.ip\"></el-input>\n                </el-col>\n            </el-form-item>\n            <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\n                <p class=\"title\">静态地址</p>\n                <el-form-item label=\"IP1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip3\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP4：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip4\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <p class=\"title\">静态路由</p>\n                <el-table :data=\"tableRouter\" border style=\"width: 95%\">\n                    <el-table-column prop=\"name\" label=\"名称\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"target\" label=\"目标\"> \n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"Range\" label=\"范围\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"metric\" label=\"metric\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column\n                        fixed=\"right\"\n                        label=\"操作\"\n                        width=\"350\"\n                        >\n                    <template slot-scope=\"scope\" >\n                        <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n                    </template>\n                    </el-table-column>\n                </el-table>\n                <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\n                <el-form-item label=\"DNS1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns3\"></el-input>\n                    </el-col>\n                </el-form-item>\n            </div>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p class=\"title\">界面</p>\n            <el-form-item label=\"界面：\">\n                <el-col :span=\"6\">\n                    <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MAC地址：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MTU：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">运行状态</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"连接：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">接通</span>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">IPV4</p>\n            <el-table :data=\"tableData\" border style=\"width: 95%\">\n                <el-table-column prop=\"address\" label=\"地址\">\n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"agreement\" label=\"协议\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"Range\" label=\"范围\">\n                  <template slot-scope=\"scope\">\n                  <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\n                        <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"term\" label=\"期限\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  fixed=\"right\"\n                  label=\"操作\"\n                  width=\"350\"\n                  >\n              <template slot-scope=\"scope\" >\n                  <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n              </template>\n              </el-table-column>\n            </el-table>\n            <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"网关：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.gateway\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"分配IP：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.ip\"></el-input>\n                </el-col>\n            </el-form-item>\n            <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\n                <p class=\"title\">静态地址</p>\n                <el-form-item label=\"IP1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip3\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP4：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip4\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <p class=\"title\">静态路由</p>\n                <el-table :data=\"tableRouter\" border style=\"width: 95%\">\n                    <el-table-column prop=\"name\" label=\"名称\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"target\" label=\"目标\"> \n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"Range\" label=\"范围\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"metric\" label=\"metric\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column\n                        fixed=\"right\"\n                        label=\"操作\"\n                        width=\"350\"\n                        >\n                    <template slot-scope=\"scope\" >\n                        <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n                    </template>\n                    </el-table-column>\n                </el-table>\n                <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\n                <el-form-item label=\"DNS1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns3\"></el-input>\n                    </el-col>\n                </el-form-item>\n            </div>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bc2afbdaecbaa4ab57a4df31b5838539.json b/node_modules/.cache/vue-loader/bc2afbdaecbaa4ab57a4df31b5838539.json
index 05040241..3b108cc6 100644
--- a/node_modules/.cache/vue-loader/bc2afbdaecbaa4ab57a4df31b5838539.json
+++ b/node_modules/.cache/vue-loader/bc2afbdaecbaa4ab57a4df31b5838539.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c2f9b7a0f3c1a6f6a8375b87911091a9.json b/node_modules/.cache/vue-loader/c2f9b7a0f3c1a6f6a8375b87911091a9.json
index ce14163e..7f49cf78 100644
--- a/node_modules/.cache/vue-loader/c2f9b7a0f3c1a6f6a8375b87911091a9.json
+++ b/node_modules/.cache/vue-loader/c2f9b7a0f3c1a6f6a8375b87911091a9.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"流量组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1672390625221},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"流量组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json b/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
index 40314c99..5af1404e 100644
--- a/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
+++ b/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;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;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;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;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;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;;AAEA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"自动保存：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" >\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n              \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\">\r\n                <el-input-number v-model=\"sizeForm.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \r\n               \r\n                <div style=\"width:100%;height:300px\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div>\r\n                  <el-table border :data=\"licensePlateTableData\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"formInline\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"formInline.user\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\">\r\n     <el-select v-model=\"formInline.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\">\r\n    <el-input v-model=\"formInline.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\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            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n  import mqtt from \"mqtt\"; // mqtt协议\nexport default {\n    data() {\n        return {\n            sizeForm: {\n                name: '',\n                region: '',\n                date1: '',\n                date2: '',\n                delivery: false,\n                type: [],\n                resource: '',\n                desc: ''\n            },\n             formInline: {\n          user: '',\n          region: ''\n        },\n        //最上部表单\n        topForm:{\n\n        },\n        //坐标转换\n        coordinateForm:{\n          coordinateClose:false,\n          model:'Georeferencing',\n         coordinateTransformation:'84坐标系',  \n        },\n        coordinateTableData:[\n             {\n                name:'11',\n                longitude:'111',\n                inIp:'01',\n                latitude:''\n            },{\n                name:'22',\n                longitude:'222',\n                inIp:'02',\n                latitude:''\n            },{\n                name:'33',\n                longitude:'333',\n                inIp:'03',\n                latitude:''\n            },\n        ],\n        //车道识别配置\n        laneform: {\n            laneClose:false,\n            areaDetector:false,\n            sectionDetector:false,\n        },\n        //识别区域\n        identificationAreaform: {\n            identificationAreaClose:false\n        },\n        //轨迹平滑\n        trajectorySmoothingform: {\n            trajectorySmoothingClose:false,\n            time:''\n        },\n        // 车牌识别\n        licensePlateform: {\n            licensePlateClose:false,\n        },\n        licensePlateTableData:[\n             {\n                thresholdValue:'11',\n                sectionPlate:'111',\n                inIp:'01',\n                setAssociation:''\n            },{\n                thresholdValue:'22',\n                sectionPlate:'222',\n                inIp:'02',\n                setAssociation:''\n            },{\n                thresholdValue:'33',\n                sectionPlate:'333',\n                inIp:'03',\n                setAssociation:''\n            },\n        ],\n        //停车状态\n        stopStateform: {\n            displacement:'2000',\n            speed:'2000',\n            acceleration:'2000',\n        },\n        //通信设置\n        communicationform: {\n            type:'快速-用于高带宽连接',\n\n        },\n            form: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '',\n          desc: ''\n        },\n        tableData: [\n            {\n                name:'11',\n                inPort:'111',\n                inIp:'01'\n            },{\n                name:'22',\n                inPort:'222',\n                inIp:'02'\n            },{\n                name:'33',\n                inPort:'333',\n                inIp:'03'\n            },\n        ],\n     \t\tinternalIpList: [],\n            fileList: []\n        };\n    },\n      created() {\n//    this.getDataByMqtt()\n//  this.testMqtt()\n//  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n//     iframe.onload = () => {\n// setTimeout(() => {\n//             this.load()\n//         }, 5000);// 这样每次都会触发\n// }\n\n  },\n    methods: {\n        \n       load(){\n       console.log(\"1111\")\n        var iframe = document.getElementById(\"mapModuleTop\");\n        console.log(\"iframe\",iframe)\n        iframe.onload = () => {\n            // setTimeout(() => {\n            this.testMqtt()\n        // }, 5000);\n       }\n       },\n         testMqtt() {\n             console.log(\"222\")\n      this.getDataByMqtt()\n\n    },\n    handleChange(){},\n        handleagain() {\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n                confirmButtonText: '确定',\n                cancelButtonText: '取消',\n                type: 'warning'\n            })\n                .then(() => {\n                    // this.$message({\n                    //   type: 'success',\n                    //   message: '删除成功!'\n                    // });\n                })\n                .catch(() => {\n                    this.$message({\n                        type: 'info',\n                        message: '已取消'\n                    });\n                });\n        },\n        handleReset() {\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n                confirmButtonText: '确定',\n                cancelButtonText: '取消',\n                type: 'warning'\n            })\n                .then(() => {\n                    // this.$message({\n                    //   type: 'success',\n                    //   message: '删除成功!'\n                    // });\n                })\n                .catch(() => {\n                    this.$message({\n                        type: 'info',\n                        message: '已取消重置'\n                    });\n                });\n        },\n        handleRemove(file, fileList) {\n            console.log(file, fileList);\n        },\n        handlePreview(file) {\n            console.log(file);\n        },\n        handleExceed(files, fileList) {\n            this.$message.warning(\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\n            );\n        },\n        beforeRemove(file, fileList) {\n            return this.$confirm(`确定移除 ${file.name}？`);\n        },\n        // 获取列表\n\t\tgetReverseShellList() {\n\t    //   getShellList().then(res => {\n\t    //     if (res.code === 200) {\n\t    //       if (res.data && res.data.length > 0) {\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n\t    //         res.data.forEach(item => {\n\t    //           item['isEdit'] = false\n\t    //         })\n\t    //       }\n\t        //   this.tableData = res.data\n\t          // 在表格列表前插入一行，用来新增数据\n\t          this.tableData.unshift({\n\t            name: '',\n\t            inIp: '',\n\t            inPort: null,\n\t            outPort: null,\n\t            enabled: null,\n\t            isEdit: true\n\t          })\n\t    //     }\n\t    //   })\n\t    },\n\t    // 新增按钮\n\t    handleAdd(row) {\n\t      for (let key in row) {\n\t      \t// 判断一行字段是否输入完整\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n\t          this.msgError('Please complete the information')\n\t          return\n\t        }\n\t      }\n\t      const params = {\n\t        name: row.name,\n\t        inIp: row.inIp,\n\t        // inPort: parseInt(row.inPort),\n\t        // outPort: parseInt(row.outPort),\n\t        // enabled: row.enabled\n\t      }\n          this.getReverseShellList()\n\t    //   addShell(params).then(res => {\n\t    //     if (res.code === 200) {\n\t    //       this.msgSuccess('Add reverse shell successfully')\n\t    //       row.isEdit = false\n\t    //       this.getReverseShellList()\n\t    //     }\n\t    //   })\n\t    },\n\t    // 编辑或者Apply按钮\n\t    handleUpdate(row) {\n\t      // 点击Apply时\n\t      if (row.isEdit) {\n\t        for (let key in row) {\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n\t            this.msgError('Please complete the information')\n\t            return\n\t          }\n\t        }\n\t        const params = {\n\t          name: row.name,\n\t          inIp: row.inIp,\n\t          inPort: parseInt(row.inPort),\n\t          outPort: parseInt(row.outPort),\n\t          enabled: row.enabled\n\t        }\n\t        // updateShell(params).then(res => {\n\t        //   if (res.code === 200) {\n\t        //     this.msgSuccess('Update reverse shell successfully')\n\t        //     this.getReverseShellList()\n\t        //   }\n\t        // })\n\t      } else {\n\t      \t// 点击编辑时\n\t        row.isEdit = true\n\t      }\n\t    },\n\t    // 删除或取消按钮\n\t    handleDelete(row) {\n\t      // 点击取消时\n\t      if (row.isEdit) {\n\t        this.getReverseShellList()\n\t      } else {\n\t      \t// 点击删除时\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n\t          confirmButtonText: 'Sure',\n\t          cancelButtonText: 'Cancel',\n\t          type: 'warning'\n\t        }).then(() => {\n\t        //   deleteShell(row.name).then(res => {\n\t        //     if (res.code === 200) {\n\t        //       this.msgSuccess('Delete reverse shell successfully')\n\t        //       this.getReverseShellList()\n\t        //     }\n\t        //   })\n\t        }).catch(() => {\n\t        })\n\t      }\n\t    },\n          // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        });\n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n            \n          if (topic.indexOf(\"img0\") != -1) {\n            // try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            //   console.log(\"msg.pic\", msg.pic) \n            //   debugger\n            // var that = this\n         \n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n                // window.parent.getDestination(JSON.stringify(msg));\n            //    debugger\n                // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n           \n            // } \n            // catch {\n            //   let imageType = 'arraybuffer';\n            //   const blob = new Blob([message], { type: imageType })\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            // //   console.log(\"imageUrl\", imageUrl)\n            // }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            // console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            // console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    }\n};\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;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;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;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div >\r\n        <div >\r\n      <div class=\"top\">\r\n      <div class=\"section\">  \r\n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\r\n        <div class=\"warning\">\r\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n            </div>\r\n  <el-form-item label=\"自动保存：\" >\r\n  <el-switch v-model=\"formInline.user\"></el-switch>\r\n  </el-form-item>\r\n  <el-form-item label=\"时间间隔：\">\r\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n</el-form>\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                 <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\r\n      </div>\r\n      <!-- <el-form-item > -->\r\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\r\n         <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\r\n      </div>\r\n       <el-form-item label=\"相机位置：\">\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\r\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\r\n  </el-form-item>\r\n            </el-form>\r\n      </div>\r\n      </div>     \r\n   \r\n                <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">坐标转换</p>\r\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\r\n         <el-form-item label=\"坐标转换开关：\">\r\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                </el-form-item>\r\n                <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.model\">\r\n                    <el-radio label=\"Georeferencing\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose==true\">\r\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                    <el-radio label=\"84坐标系\"></el-radio>\r\n                    <el-radio label=\"其他\"></el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div style=\"width:100%;height:300px\"  >\r\n                     <iframe id=\"mapModuleTop\"  @load=\"load\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" ></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n               <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose==true\">\r\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\" >\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.name\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.name\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.longitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.longitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.latitude\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.latitude\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"coordinateForm.coordinateClose==true\">保存</el-button>\r\n</div>\r\n\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>\r\n       <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车道识别配置</p>\r\n          <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\r\n      </div>\r\n         <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n            <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                </el-form-item>  \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"laneform.laneClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                </el-form-item>\r\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\" v-if=\"laneform.laneClose==true\">\r\n                    <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                </el-form-item>\r\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"laneform.laneClose==true\">保存</el-button>\r\n                \r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>    \r\n      <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">识别区域</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"140px\">          \r\n                <!-- <p>车道识别配置</p> -->\r\n               \r\n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                </el-form-item>\r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"identificationAreaform.identificationAreaClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"identificationAreaform.identificationAreaClose==true\">保存</el-button>\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>        \r\n  <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">轨迹平滑</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"140px\">  \r\n            <el-form-item label=\"轨迹平滑开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                </el-form-item>        \r\n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">\r\n                <el-input-number v-model=\"trajectorySmoothingform.time\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\r\n                </el-form-item>\r\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">保存</el-button>\r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>   \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">车牌识别</p>\r\n          <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                </div>\r\n         <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"140px\">          \r\n               <el-form-item label=\"车牌识别开关\"  style=\"width:250px\">\r\n                    <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                </el-form-item>    \r\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\r\n                </div> -->\r\n                  <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose==true\">\r\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.$index === 0\"\r\n        v-model=\"scope.row.sectionPlate\"\r\n        maxlength=\"30\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n    </template>\r\n  </el-table-column>\r\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.setAssociation\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\r\n    <template slot-scope=\"scope\">\r\n      <el-input\r\n        v-if=\"scope.row.isEdit\"\r\n        v-model=\"scope.row.thresholdValue\"\r\n        maxlength=\"20\"\r\n        placeholder=\"Required\"\r\n      />\r\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n    </template>\r\n  </el-table-column>\r\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n    <template slot-scope=\"scope\">\r\n      <el-button\r\n        v-if=\"scope.$index === 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleAdd(scope.row)\"\r\n      >Add\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #2090c1\"\r\n        @click=\"handleUpdate(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n      </el-button>\r\n      <el-button\r\n        v-if=\"scope.$index !== 0\"\r\n        size=\"mini\"\r\n        type=\"text\"\r\n        style=\"color: #F56C6C\"\r\n        @click=\"handleDelete(scope.row)\"\r\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n      </el-button>\r\n    </template>\r\n  </el-table-column>\r\n</el-table>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"licensePlateform.licensePlateClose==true\">保存</el-button>\r\n</div>\r\n\r\n                \r\n            </el-form>\r\n      </div>\r\n     \r\n    </div>             \r\n         <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">停车状态</p>\r\n         <div class=\"warning\">\r\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\r\n                </div>\r\n          <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"140px\">\r\n  <el-form-item label=\"位移：\" >\r\n   <el-input-number v-model=\"stopStateform.displacement\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\r\n  </el-form-item>\r\n  <el-form-item label=\"速度：\"  >\r\n    <el-input-number v-model=\"stopStateform.speed\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\r\n</el-form-item>\r\n  <el-form-item label=\"加速度：\">\r\n      <el-input-number v-model=\"stopStateform.acceleration\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\r\n  </el-form-item>\r\n  \r\n</el-form>\r\n<div style=\"margin-top:15px\">\r\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\r\n</div>\r\n\r\n      </div>\r\n     \r\n    </div>         \r\n     <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">通信设置</p>\r\n           <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"200px\">\r\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\r\n    <el-radio-group v-model=\"communicationform.type\" >\r\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n       <el-radio label=\"自定义\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n   <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\r\n  </el-form-item>\r\n    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\r\n  </el-form-item>\r\n   <el-form-item label=\"框架决议：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n   <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type=='自定义'\">\r\n     <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\r\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n    </el-select>\r\n  </el-form-item>\r\n    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type=='自定义'\">\r\n    <el-input v-model=\"communicationform.name\" style=\"width:200px\"></el-input>\r\n  </el-form-item>\r\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" >保存</el-button>\r\n</el-form>\r\n      </div>\r\n     \r\n    </div>         \r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\n  import mqtt from \"mqtt\"; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n             formInline: {\r\n          user: '',\r\n          region: ''\r\n        },\r\n        //最上部表单\r\n        topForm:{\r\n\r\n        },\r\n        //坐标转换\r\n        coordinateForm:{\r\n          coordinateClose:false,\r\n          model:'Georeferencing',\r\n         coordinateTransformation:'84坐标系',  \r\n        },\r\n        coordinateTableData:[\r\n             {\r\n                name:'11',\r\n                longitude:'111',\r\n                inIp:'01',\r\n                latitude:''\r\n            },{\r\n                name:'22',\r\n                longitude:'222',\r\n                inIp:'02',\r\n                latitude:''\r\n            },{\r\n                name:'33',\r\n                longitude:'333',\r\n                inIp:'03',\r\n                latitude:''\r\n            },\r\n        ],\r\n        //车道识别配置\r\n        laneform: {\r\n            laneClose:false,\r\n            areaDetector:false,\r\n            sectionDetector:false,\r\n        },\r\n        //识别区域\r\n        identificationAreaform: {\r\n            identificationAreaClose:false\r\n        },\r\n        //轨迹平滑\r\n        trajectorySmoothingform: {\r\n            trajectorySmoothingClose:false,\r\n            time:''\r\n        },\r\n        // 车牌识别\r\n        licensePlateform: {\r\n            licensePlateClose:false,\r\n        },\r\n        licensePlateTableData:[\r\n             {\r\n                thresholdValue:'11',\r\n                sectionPlate:'111',\r\n                inIp:'01',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'22',\r\n                sectionPlate:'222',\r\n                inIp:'02',\r\n                setAssociation:''\r\n            },{\r\n                thresholdValue:'33',\r\n                sectionPlate:'333',\r\n                inIp:'03',\r\n                setAssociation:''\r\n            },\r\n        ],\r\n        //停车状态\r\n        stopStateform: {\r\n            displacement:'2000',\r\n            speed:'2000',\r\n            acceleration:'2000',\r\n        },\r\n        //通信设置\r\n        communicationform: {\r\n            type:'快速-用于高带宽连接',\r\n\r\n        },\r\n            form: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        tableData: [\r\n            {\r\n                name:'11',\r\n                inPort:'111',\r\n                inIp:'01'\r\n            },{\r\n                name:'22',\r\n                inPort:'222',\r\n                inIp:'02'\r\n            },{\r\n                name:'33',\r\n                inPort:'333',\r\n                inIp:'03'\r\n            },\r\n        ],\r\n     \t\tinternalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n      created() {\r\n//    this.getDataByMqtt()\r\n//  this.testMqtt()\r\n//  var iframe = document.getElementById(\"mapModule\");\r\n    // iframe.onload = function () {\r\n    //     setTimeout(() => {\r\n    //         this.testMqtt()\r\n    //     }, 5000);\r\n    // };\r\n//     iframe.onload = () => {\r\n// setTimeout(() => {\r\n//             this.load()\r\n//         }, 5000);// 这样每次都会触发\r\n// }\r\n\r\n  },\r\n    methods: {\r\n        \r\n       load(){\r\n       console.log(\"1111\")\r\n        var iframe = document.getElementById(\"mapModuleTop\");\r\n        console.log(\"iframe\",iframe)\r\n        iframe.onload = () => {\r\n            // setTimeout(() => {\r\n            this.testMqtt()\r\n        // }, 5000);\r\n       }\r\n       },\r\n         testMqtt() {\r\n             console.log(\"222\")\r\n      this.getDataByMqtt()\r\n\r\n    },\r\n    handleChange(){},\r\n        handleagain() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\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                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n\t\tgetReverseShellList() {\r\n\t    //   getShellList().then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       if (res.data && res.data.length > 0) {\r\n\t    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n\t    //         res.data.forEach(item => {\r\n\t    //           item['isEdit'] = false\r\n\t    //         })\r\n\t    //       }\r\n\t        //   this.tableData = res.data\r\n\t          // 在表格列表前插入一行，用来新增数据\r\n\t          this.tableData.unshift({\r\n\t            name: '',\r\n\t            inIp: '',\r\n\t            inPort: null,\r\n\t            outPort: null,\r\n\t            enabled: null,\r\n\t            isEdit: true\r\n\t          })\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 新增按钮\r\n\t    handleAdd(row) {\r\n\t      for (let key in row) {\r\n\t      \t// 判断一行字段是否输入完整\r\n\t        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t          this.msgError('Please complete the information')\r\n\t          return\r\n\t        }\r\n\t      }\r\n\t      const params = {\r\n\t        name: row.name,\r\n\t        inIp: row.inIp,\r\n\t        // inPort: parseInt(row.inPort),\r\n\t        // outPort: parseInt(row.outPort),\r\n\t        // enabled: row.enabled\r\n\t      }\r\n          this.getReverseShellList()\r\n\t    //   addShell(params).then(res => {\r\n\t    //     if (res.code === 200) {\r\n\t    //       this.msgSuccess('Add reverse shell successfully')\r\n\t    //       row.isEdit = false\r\n\t    //       this.getReverseShellList()\r\n\t    //     }\r\n\t    //   })\r\n\t    },\r\n\t    // 编辑或者Apply按钮\r\n\t    handleUpdate(row) {\r\n\t      // 点击Apply时\r\n\t      if (row.isEdit) {\r\n\t        for (let key in row) {\r\n\t          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n\t            this.msgError('Please complete the information')\r\n\t            return\r\n\t          }\r\n\t        }\r\n\t        const params = {\r\n\t          name: row.name,\r\n\t          inIp: row.inIp,\r\n\t          inPort: parseInt(row.inPort),\r\n\t          outPort: parseInt(row.outPort),\r\n\t          enabled: row.enabled\r\n\t        }\r\n\t        // updateShell(params).then(res => {\r\n\t        //   if (res.code === 200) {\r\n\t        //     this.msgSuccess('Update reverse shell successfully')\r\n\t        //     this.getReverseShellList()\r\n\t        //   }\r\n\t        // })\r\n\t      } else {\r\n\t      \t// 点击编辑时\r\n\t        row.isEdit = true\r\n\t      }\r\n\t    },\r\n\t    // 删除或取消按钮\r\n\t    handleDelete(row) {\r\n\t      // 点击取消时\r\n\t      if (row.isEdit) {\r\n\t        this.getReverseShellList()\r\n\t      } else {\r\n\t      \t// 点击删除时\r\n\t        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n\t          confirmButtonText: 'Sure',\r\n\t          cancelButtonText: 'Cancel',\r\n\t          type: 'warning'\r\n\t        }).then(() => {\r\n\t        //   deleteShell(row.name).then(res => {\r\n\t        //     if (res.code === 200) {\r\n\t        //       this.msgSuccess('Delete reverse shell successfully')\r\n\t        //       this.getReverseShellList()\r\n\t        //     }\r\n\t        //   })\r\n\t        }).catch(() => {\r\n\t        })\r\n\t      }\r\n\t    },\r\n          // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n    //     var that = this\r\n    // that.$refs.iframe.contentWindow.getDestination(1)\r\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n\r\n        });\r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\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            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   console.log(\"msg.pic\", msg.pic) \r\n            //   debugger\r\n            // var that = this\r\n         \r\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                // window.parent.getDestination(JSON.stringify(msg));\r\n            //    debugger\r\n                // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n           \r\n            // } \r\n            // catch {\r\n            //   let imageType = 'arraybuffer';\r\n            //   const blob = new Blob([message], { type: imageType })\r\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            // //   console.log(\"imageUrl\", imageUrl)\r\n            // }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\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              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            // console.log(\r\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n            //   new Date(),\r\n            //   new Date().getMilliseconds()\r\n            // );\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    }\r\n};\r\n</script>\r\n  \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.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.top .section {\r\n//   width: 80%;\r\n//   border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 1%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 80%;\r\n//   border: 1px solid gray;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n  margin-bottom: 3%;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\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  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c5ca1302ef065c797385c6016c4e5998.json b/node_modules/.cache/vue-loader/c5ca1302ef065c797385c6016c4e5998.json
index 93ec03f6..c0fa00ba 100644
--- a/node_modules/.cache/vue-loader/c5ca1302ef065c797385c6016c4e5998.json
+++ b/node_modules/.cache/vue-loader/c5ca1302ef065c797385c6016c4e5998.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"界面\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"界面：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择\" },\n                        model: {\n                          value: _vm.sizeForm.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.sizeForm, \"name\", $$v)\n                          },\n                          expression: \"sizeForm.name\"\n                        }\n                      },\n                      _vm._l(_vm.options, function(item) {\n                        return _c(\"el-option\", {\n                          key: item.value,\n                          attrs: { label: item.label, value: item.value }\n                        })\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MAC地址：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MTU：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"运行状态\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"连接：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"接通\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"IPV4\")]),\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"95%\" },\n                attrs: { data: _vm.tableData, border: \"\" }\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"address\", label: \"地址\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.address,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"address\", $$v)\n                              },\n                              expression: \"scope.row.address\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"agreement\", label: \"协议\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.agreement,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"agreement\", $$v)\n                              },\n                              expression: \"scope.row.agreement\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"Range\", label: \"范围\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择\" },\n                              on: {\n                                change: function($event) {\n                                  return _vm.changeVal(scope.row, scope.$index)\n                                }\n                              },\n                              model: {\n                                value: scope.row.Range,\n                                callback: function($$v) {\n                                  _vm.$set(scope.row, \"Range\", $$v)\n                                },\n                                expression: \"scope.row.Range\"\n                              }\n                            },\n                            _vm._l(_vm.optionsa, function(item) {\n                              return _c(\"el-option\", {\n                                key: item.value,\n                                attrs: { label: item.label, value: item.value }\n                              })\n                            }),\n                            1\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"term\", label: \"期限\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.term,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"term\", $$v)\n                              },\n                              expression: \"scope.row.term\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { fixed: \"right\", label: \"操作\", width: \"350\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: {\n                                type: \"primary\",\n                                disabled: scope.row.disabled,\n                                size: \"small\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleClick(scope.row)\n                                }\n                              }\n                            },\n                            [_vm._v(\"确认\")]\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                })\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"title\", staticStyle: { \"margin-top\": \"10px\" } },\n              [_vm._v(\"DHCP\")]\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"el-switch\", {\n                      attrs: {\n                        \"active-color\": \"#13ce66\",\n                        \"inactive-color\": \"#ff4949\"\n                      },\n                      model: {\n                        value: _vm.sizeForm.desc,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"desc\", $$v)\n                        },\n                        expression: \"sizeForm.desc\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"网关：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.gateway,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"gateway\", $$v)\n                        },\n                        expression: \"sizeForm.gateway\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"分配IP：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.ip,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"ip\", $$v)\n                        },\n                        expression: \"sizeForm.ip\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _vm.sizeForm.desc == true\n              ? _c(\n                  \"div\",\n                  { staticStyle: { width: \"100%\" } },\n                  [\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态地址\")]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip1\", $$v)\n                                },\n                                expression: \"sizeForm.ip1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip2\", $$v)\n                                },\n                                expression: \"sizeForm.ip2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip3\", $$v)\n                                },\n                                expression: \"sizeForm.ip3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP4：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip4,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip4\", $$v)\n                                },\n                                expression: \"sizeForm.ip4\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态路由\")]),\n                    _c(\n                      \"el-table\",\n                      {\n                        staticStyle: { width: \"95%\" },\n                        attrs: { data: _vm.tableRouter, border: \"\" }\n                      },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"name\", label: \"名称\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.name,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"name\", $$v)\n                                        },\n                                        expression: \"scope.row.name\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1116474992\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"target\", label: \"目标\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.target,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"target\", $$v)\n                                        },\n                                        expression: \"scope.row.target\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1296719846\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"Range\", label: \"范围\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.Range,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"Range\", $$v)\n                                        },\n                                        expression: \"scope.row.Range\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1655776360\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"metric\", label: \"metric\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.metric,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"metric\", $$v)\n                                        },\n                                        expression: \"scope.row.metric\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1517525235\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            fixed: \"right\",\n                            label: \"操作\",\n                            width: \"350\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        attrs: {\n                                          type: \"primary\",\n                                          disabled: scope.row.disabled,\n                                          size: \"small\"\n                                        },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleClick(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [_vm._v(\"确认\")]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            815860820\n                          )\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"p\",\n                      {\n                        staticClass: \"title\",\n                        staticStyle: { \"margin-top\": \"10px\" }\n                      },\n                      [_vm._v(\"DNS服务\")]\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns1\", $$v)\n                                },\n                                expression: \"sizeForm.dns1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns2\", $$v)\n                                },\n                                expression: \"sizeForm.dns2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns3\", $$v)\n                                },\n                                expression: \"sizeForm.dns3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"界面\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"界面：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择\" },\n                        model: {\n                          value: _vm.sizeForm.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.sizeForm, \"name\", $$v)\n                          },\n                          expression: \"sizeForm.name\"\n                        }\n                      },\n                      _vm._l(_vm.options, function(item) {\n                        return _c(\"el-option\", {\n                          key: item.value,\n                          attrs: { label: item.label, value: item.value }\n                        })\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MAC地址：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MTU：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"运行状态\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"连接：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"接通\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"IPV4\")]),\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"95%\" },\n                attrs: { data: _vm.tableData, border: \"\" }\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"address\", label: \"地址\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.address,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"address\", $$v)\n                              },\n                              expression: \"scope.row.address\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"agreement\", label: \"协议\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.agreement,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"agreement\", $$v)\n                              },\n                              expression: \"scope.row.agreement\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"Range\", label: \"范围\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择\" },\n                              on: {\n                                change: function($event) {\n                                  return _vm.changeVal(scope.row, scope.$index)\n                                }\n                              },\n                              model: {\n                                value: scope.row.Range,\n                                callback: function($$v) {\n                                  _vm.$set(scope.row, \"Range\", $$v)\n                                },\n                                expression: \"scope.row.Range\"\n                              }\n                            },\n                            _vm._l(_vm.optionsa, function(item) {\n                              return _c(\"el-option\", {\n                                key: item.value,\n                                attrs: { label: item.label, value: item.value }\n                              })\n                            }),\n                            1\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"term\", label: \"期限\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.term,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"term\", $$v)\n                              },\n                              expression: \"scope.row.term\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { fixed: \"right\", label: \"操作\", width: \"350\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: {\n                                type: \"primary\",\n                                disabled: scope.row.disabled,\n                                size: \"small\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleClick(scope.row)\n                                }\n                              }\n                            },\n                            [_vm._v(\"确认\")]\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                })\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"title\", staticStyle: { \"margin-top\": \"10px\" } },\n              [_vm._v(\"DHCP\")]\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"el-switch\", {\n                      attrs: {\n                        \"active-color\": \"#13ce66\",\n                        \"inactive-color\": \"#ff4949\"\n                      },\n                      model: {\n                        value: _vm.sizeForm.desc,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"desc\", $$v)\n                        },\n                        expression: \"sizeForm.desc\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"网关：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.gateway,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"gateway\", $$v)\n                        },\n                        expression: \"sizeForm.gateway\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"分配IP：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.ip,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"ip\", $$v)\n                        },\n                        expression: \"sizeForm.ip\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _vm.sizeForm.desc == true\n              ? _c(\n                  \"div\",\n                  { staticStyle: { width: \"100%\" } },\n                  [\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态地址\")]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip1\", $$v)\n                                },\n                                expression: \"sizeForm.ip1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip2\", $$v)\n                                },\n                                expression: \"sizeForm.ip2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip3\", $$v)\n                                },\n                                expression: \"sizeForm.ip3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP4：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip4,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip4\", $$v)\n                                },\n                                expression: \"sizeForm.ip4\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态路由\")]),\n                    _c(\n                      \"el-table\",\n                      {\n                        staticStyle: { width: \"95%\" },\n                        attrs: { data: _vm.tableRouter, border: \"\" }\n                      },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"name\", label: \"名称\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.name,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"name\", $$v)\n                                        },\n                                        expression: \"scope.row.name\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1116474992\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"target\", label: \"目标\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.target,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"target\", $$v)\n                                        },\n                                        expression: \"scope.row.target\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1296719846\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"Range\", label: \"范围\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.Range,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"Range\", $$v)\n                                        },\n                                        expression: \"scope.row.Range\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1655776360\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"metric\", label: \"metric\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.metric,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"metric\", $$v)\n                                        },\n                                        expression: \"scope.row.metric\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1517525235\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            fixed: \"right\",\n                            label: \"操作\",\n                            width: \"350\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        attrs: {\n                                          type: \"primary\",\n                                          disabled: scope.row.disabled,\n                                          size: \"small\"\n                                        },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleClick(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [_vm._v(\"确认\")]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            815860820\n                          )\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"p\",\n                      {\n                        staticClass: \"title\",\n                        staticStyle: { \"margin-top\": \"10px\" }\n                      },\n                      [_vm._v(\"DNS服务\")]\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns1\", $$v)\n                                },\n                                expression: \"sizeForm.dns1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns2\", $$v)\n                                },\n                                expression: \"sizeForm.dns2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns3\", $$v)\n                                },\n                                expression: \"sizeForm.dns3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c8b2ea1e01f17b1524c5852f8dffad51.json b/node_modules/.cache/vue-loader/c8b2ea1e01f17b1524c5852f8dffad51.json
index cb3b7daa..76415b7e 100644
--- a/node_modules/.cache/vue-loader/c8b2ea1e01f17b1524c5852f8dffad51.json
+++ b/node_modules/.cache/vue-loader/c8b2ea1e01f17b1524c5852f8dffad51.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n  <!-- </div> -->\n   \n  \n\n  <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n   <!-- <el-container> -->\n      <div class=\"header\" >\n    <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n    <!-- 水平一级菜单 -->\n    <div style=\"float:left;\">\n      <!-- <el-menu \n        mode=\"horizontal\"\n        text-color=\"#000000\"\n        active-text-color=\"#3989fa\"\n        :default-active=\"toIndex\" \n        @select=\"handleSelect\">\n        <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n          <span slot=\"title\">{{ item.title }}</span>\n        </el-menu-item>\n      </el-menu> -->\n    </div>\n    \n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n  <!-- </div> -->\n   \n  \n\n  <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n   <!-- <el-container> -->\n      <div class=\"header\" >\n    <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n    <!-- 水平一级菜单 -->\n    <div style=\"float:left;\">\n      <!-- <el-menu \n        mode=\"horizontal\"\n        text-color=\"#000000\"\n        active-text-color=\"#3989fa\"\n        :default-active=\"toIndex\" \n        @select=\"handleSelect\">\n        <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n          <span slot=\"title\">{{ item.title }}</span>\n        </el-menu-item>\n      </el-menu> -->\n    </div>\n    \n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cd09d74f776aa4415e3baa3ff95e02aa.json b/node_modules/.cache/vue-loader/cd09d74f776aa4415e3baa3ff95e02aa.json
index 68c968b7..fa64840b 100644
--- a/node_modules/.cache/vue-loader/cd09d74f776aa4415e3baa3ff95e02aa.json
+++ b/node_modules/.cache/vue-loader/cd09d74f776aa4415e3baa3ff95e02aa.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"系统服务VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"状态：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" }\n                      },\n                      [_vm._v(\"开始\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"danger\", size: \"small\" }\n                      },\n                      [_vm._v(\"停止\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"info\", size: \"small\" }\n                      },\n                      [_vm._v(\"显示日志\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"保护装置\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"开放VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"资格证书\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"设置凭据\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"系统服务VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"状态：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" }\n                      },\n                      [_vm._v(\"开始\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"danger\", size: \"small\" }\n                      },\n                      [_vm._v(\"停止\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"info\", size: \"small\" }\n                      },\n                      [_vm._v(\"显示日志\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"保护装置\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"开放VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"资格证书\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"设置凭据\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d2631032590b0c1ba753d338f3554e7f.json b/node_modules/.cache/vue-loader/d2631032590b0c1ba753d338f3554e7f.json
new file mode 100644
index 00000000..c6021448
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d2631032590b0c1ba753d338f3554e7f.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1672821549135},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\">延误组件</p>\n    <div class=\"typeContent\">\n        <p>数值</p>\n        <div style=\"width:95%;margin-bottom: 20px;\">\n            <tableShow :msg=\"tableData\"/>\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <lineChart />\n        </div>\n\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <barChart />\n        </div>\n\n\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <thermalChart />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dc8a937770c9682598fd0d6494979018.json b/node_modules/.cache/vue-loader/dc8a937770c9682598fd0d6494979018.json
index a0f668b1..cd3dddc3 100644
--- a/node_modules/.cache/vue-loader/dc8a937770c9682598fd0d6494979018.json
+++ b/node_modules/.cache/vue-loader/dc8a937770c9682598fd0d6494979018.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dd598a43d01682a4f5fa68000592a713.json b/node_modules/.cache/vue-loader/dd598a43d01682a4f5fa68000592a713.json
index 76f05f06..c152b1ef 100644
--- a/node_modules/.cache/vue-loader/dd598a43d01682a4f5fa68000592a713.json
+++ b/node_modules/.cache/vue-loader/dd598a43d01682a4f5fa68000592a713.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"车头时距\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"barChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"车头时距\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dff2835132272f00fb2105c729eecba2.json b/node_modules/.cache/vue-loader/dff2835132272f00fb2105c729eecba2.json
index 4a737c82..4465def8 100644
--- a/node_modules/.cache/vue-loader/dff2835132272f00fb2105c729eecba2.json
+++ b/node_modules/.cache/vue-loader/dff2835132272f00fb2105c729eecba2.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", [_vm._v(\"速度组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [\n          _c(\n            \"el-table\",\n            {\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.tableData, border: \"\" }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val1\", label: \"val1\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val2\", label: \"val2\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val3\", label: \"val3\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"val4\", label: \"val4\" }\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"lineChart\")], 1),\n      _c(\"div\", { staticClass: \"border\" }, [_c(\"barChart\")], 1)\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [_vm._v(\"速度组件\")]),\n    _c(\"div\", { staticClass: \"typeContent\" }, [\n      _c(\"p\", [_vm._v(\"数值\")]),\n      _c(\n        \"div\",\n        { staticStyle: { width: \"95%\", \"margin-bottom\": \"20px\" } },\n        [_c(\"tableShow\", { attrs: { msg: _vm.tableData } })],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"lineChart\")\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [_c(\"detailDialog\", { attrs: { msg: _vm.tableData } }), _c(\"barChart\")],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"border\" },\n        [\n          _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n          _c(\"thermalChart\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e11f3682298438fb92683fcbed3ff8e7.json b/node_modules/.cache/vue-loader/e11f3682298438fb92683fcbed3ff8e7.json
index 4c375f72..aec20ed5 100644
--- a/node_modules/.cache/vue-loader/e11f3682298438fb92683fcbed3ff8e7.json
+++ b/node_modules/.cache/vue-loader/e11f3682298438fb92683fcbed3ff8e7.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n<div>\n  <p class=\"title\" style=\"margin-bottom: 20px;\">数据看板</p>\n  <div class=\"dataBoard\">\n    <div class=\"section\">\n      <p class=\"board-title\">{{ title1 }}</p>\n      <typeChart />\n      <flowChart />\n      <headWayChart />\n    </div>\n    <div class=\"region\">\n      <p class=\"board-title\">{{ title2 }}</p>\n      <speedChart />\n      <headWayChart />\n      <checkChart />\n      <lineUpChart />\n    </div>\n  </div>\n  <div class=\"down\">\n    <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n      <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\n      <el-dropdown-menu slot=\"dropdown\">\n        <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n      </el-dropdown-menu>\n    </el-dropdown>\n  </div>\n\n  <!-- 详情框 -->\n  <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\n    <span>这是一段信息</span>\n    <span slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"dialogVisible = false\">取 消</el-button>\n      <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\n    </span>\n  </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n<div>\n  <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n  <div class=\"dataBoard\">\n    <div class=\"section\">\n      <p class=\"board-title\">{{ title1 }}</p>\n      <speedChart />\n      <flowChart />\n      <headWayChart />\n    </div>\n    <div class=\"region\">\n      <p class=\"board-title\">{{ title2 }}</p>\n      \n      <checkChart />\n      <lineUpChart />\n      <delayChart />\n      <congestionChart />\n    </div>\n  </div>\n  \n\n  <!-- 详情框 -->\n  \n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e417d2cf4b711442ffa3d5b188a96e6e.json b/node_modules/.cache/vue-loader/e417d2cf4b711442ffa3d5b188a96e6e.json
index db7dfe05..b78f21a7 100644
--- a/node_modules/.cache/vue-loader/e417d2cf4b711442ffa3d5b188a96e6e.json
+++ b/node_modules/.cache/vue-loader/e417d2cf4b711442ffa3d5b188a96e6e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672390625219},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\"\nimport script from \"./detailDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./detailDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"405e56cc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('405e56cc')) {\n      api.createRecord('405e56cc', component.options)\n    } else {\n      api.reload('405e56cc', component.options)\n    }\n    module.hot.accept(\"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\", function () {\n      api.rerender('405e56cc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/detailDialog.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\"\nimport script from \"./detailDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./detailDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"405e56cc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('405e56cc')) {\n      api.createRecord('405e56cc', component.options)\n    } else {\n      api.reload('405e56cc', component.options)\n    }\n    module.hot.accept(\"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\", function () {\n      api.rerender('405e56cc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/detailDialog.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e9b749ce8ca8485a33469c80ac84f7e1.json b/node_modules/.cache/vue-loader/e9b749ce8ca8485a33469c80ac84f7e1.json
index fc513591..fa9678b7 100644
--- a/node_modules/.cache/vue-loader/e9b749ce8ca8485a33469c80ac84f7e1.json
+++ b/node_modules/.cache/vue-loader/e9b749ce8ca8485a33469c80ac84f7e1.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672390625220},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f04e1a1dec5a435df1d35d5c98460d9b.json b/node_modules/.cache/vue-loader/f04e1a1dec5a435df1d35d5c98460d9b.json
new file mode 100644
index 00000000..06611e2d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f04e1a1dec5a435df1d35d5c98460d9b.json
@@ -0,0 +1 @@
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1672821548993},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">拥堵组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\" />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\" />\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport detailDialog from '../chart/detailDialog.vue';\nimport lineChart from '../chart/lineChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'congestionChart', //拥堵组件\n    components: {\n        lineChart,\n        tableShow,\n        detailDialog,\n        thermalChart\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            xData: [\n                '0点',\n                '1点',\n                '2点',\n                '3点',\n                '4点',\n                '5点',\n                '6点',\n                '7点',\n                '8点',\n                '9点',\n                '10点',\n                '11点',\n                '12点',\n                '13点',\n                '14点',\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n\n\n\n    },\n    mounted() {\n\n    },\n    watch: {\n\n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    height: 300px;\n    margin-bottom: 20px;\n    display: block;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json b/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
index b02916d9..12135c31 100644
--- a/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
+++ b/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672391688828},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n    <div >\n        <div >\n      <div class=\"top\">\n      <div class=\"section\">  \n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\n        <div class=\"warning\">\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n            </div>\n  <el-form-item label=\"自动保存：\" >\n  <el-switch v-model=\"formInline.user\"></el-switch>\n  </el-form-item>\n  <el-form-item label=\"时间间隔：\">\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n</el-form>\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n                 <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\n      </div>\n      <!-- <el-form-item > -->\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\n         <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\n      </div>\n       <el-form-item label=\"相机位置：\">\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\n  </el-form-item>\n            </el-form>\n      </div>\n      </div>     \n   \n                <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">坐标转换</p>\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\n         <el-form-item label=\"自动保存：\">\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                </el-form-item>\n                <el-form-item label=\"模型：\" >\n                  <el-radio-group v-model=\"coordinateForm.model\">\n                    <el-radio label=\"Georeferencing\"></el-radio>\n                    <el-radio label=\"其他\"></el-radio>\n                  </el-radio-group>\n                </el-form-item>\n                <el-form-item label=\"坐标转换：\">\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                    <el-radio label=\"84坐标系\"></el-radio>\n                    <el-radio label=\"其他\"></el-radio>\n                  </el-radio-group>\n                </el-form-item>\n                <div style=\"width:100%;height:300px\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                </div>\n               <el-table border :data=\"coordinateTableData\">\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.$index === 0\"\n        v-model=\"scope.row.name\"\n        maxlength=\"30\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.name\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.longitude\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.longitude\"></span>\n    </template>\n  </el-table-column>\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.latitude\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.latitude\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n    <template slot-scope=\"scope\">\n      <el-button\n        v-if=\"scope.$index === 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleAdd(scope.row)\"\n      >Add\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleUpdate(scope.row)\"\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #F56C6C\"\n        @click=\"handleDelete(scope.row)\"\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n      </el-button>\n    </template>\n  </el-table-column>\n</el-table>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n</div>\n\n</el-form>\n      </div>\n     \n    </div>\n       <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">车道识别配置</p>\n          <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\n      </div>\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"350px\">          \n                <!-- <p>车道识别配置</p> -->\n              \n                <div style=\"width:100%;height:300px\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div>\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\">\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\n                </el-form-item>\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\">\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\n                </el-form-item>\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n                \n                \n            </el-form>\n      </div>\n     \n    </div>    \n      <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">识别区域</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \n                <!-- <p>车道识别配置</p> -->\n               \n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\n                    <el-switch v-model=\"sizeForm.user\"></el-switch>\n                </el-form-item>\n                <div style=\"width:100%;height:300px\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div>\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n                \n            </el-form>\n      </div>\n     \n    </div>        \n  <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">轨迹平滑</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\">\n                <el-input-number v-model=\"sizeForm.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\n                </el-form-item>\n                \n            </el-form>\n      </div>\n     \n    </div>   \n     <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">车牌识别</p>\n          <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n         <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">          \n               \n                <div style=\"width:100%;height:300px\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div>\n                  <el-table border :data=\"licensePlateTableData\">\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.$index === 0\"\n        v-model=\"scope.row.sectionPlate\"\n        maxlength=\"30\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\n    </template>\n  </el-table-column>\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.setAssociation\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.thresholdValue\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n    <template slot-scope=\"scope\">\n      <el-button\n        v-if=\"scope.$index === 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleAdd(scope.row)\"\n      >Add\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleUpdate(scope.row)\"\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #F56C6C\"\n        @click=\"handleDelete(scope.row)\"\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n      </el-button>\n    </template>\n  </el-table-column>\n</el-table>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n</div>\n\n                \n            </el-form>\n      </div>\n     \n    </div>             \n         <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">停车状态</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\n                </div>\n          <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\n  <el-form-item label=\"位移：\" >\n   <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\n  </el-form-item>\n  <el-form-item label=\"速度：\"  >\n    <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\n</el-form-item>\n  <el-form-item label=\"加速度：\">\n      <el-input-number v-model=\"formInline.user\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\n  </el-form-item>\n  \n</el-form>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n</div>\n\n      </div>\n     \n    </div>         \n     <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">通信设置</p>\n           <el-form :model=\"formInline\" class=\"demo-form-inline\" label-width=\"200px\">\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\n    <el-radio-group v-model=\"formInline.user\" >\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n       <el-radio label=\"自定义\"></el-radio>\n    </el-radio-group>\n  </el-form-item>\n  <el-form-item label=\"请求轻型有效载荷：\">\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\n  </el-form-item>\n   <el-form-item label=\"请求重型有效载荷：\">\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\n  </el-form-item>\n    <el-form-item label=\"FPS分配器：\">\n    <el-input v-model=\"formInline.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"框架决议：\">\n     <el-select v-model=\"formInline.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n   <el-form-item label=\"压缩格式：\">\n     <el-select v-model=\"formInline.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n    <el-form-item label=\"压缩率：\">\n    <el-input v-model=\"formInline.name\" style=\"width:200px\"></el-input>\n  </el-form-item>\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n</el-form>\n      </div>\n     \n    </div>         \n\n        </div>\n    </div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672823213558},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n    <div >\n        <div >\n      <div class=\"top\">\n      <div class=\"section\">  \n         <el-form :inline=\"true\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"140px\">\n        <div class=\"warning\">\n                <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n            </div>\n  <el-form-item label=\"自动保存：\" >\n  <el-switch v-model=\"formInline.user\"></el-switch>\n  </el-form-item>\n  <el-form-item label=\"时间间隔：\">\n    <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n      <el-option label=\"20s\" value=\"shanghai\"></el-option>\n      <el-option label=\"30s\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n</el-form>\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n                 <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>重置分析将删除所有累计的轨迹数据\n      </div>\n      <!-- <el-form-item > -->\n       <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">重置</el-button>\n         <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在 WGS84 坐标系中输入相机位置\n      </div>\n       <el-form-item label=\"相机位置：\">\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px\"  placeholder=\"经度\"></el-input>\n     <el-input v-model=\"sizeForm.name\" style=\"width:150px;margin-left:20px\" placeholder=\"纬度\"></el-input>\n  </el-form-item>\n            </el-form>\n      </div>\n      </div>     \n   \n                <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">坐标转换</p>\n         <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"140px\">\n         <el-form-item label=\"坐标转换开关：\">\n            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                </el-form-item>\n                <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose==true\">\n                  <el-radio-group v-model=\"coordinateForm.model\">\n                    <el-radio label=\"Georeferencing\"></el-radio>\n                    <el-radio label=\"其他\"></el-radio>\n                  </el-radio-group>\n                </el-form-item>\n                <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose==true\">\n                  <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                    <el-radio label=\"84坐标系\"></el-radio>\n                    <el-radio label=\"其他\"></el-radio>\n                  </el-radio-group>\n                </el-form-item>\n                <div style=\"width:100%;height:300px\"  >\n                     <iframe id=\"mapModuleTop\"  @load=\"load\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" ></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n               <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose==true\">\n  <el-table-column prop=\"name\" label=\"点名称\" align=\"center\" >\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.$index === 0\"\n        v-model=\"scope.row.name\"\n        maxlength=\"30\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.name\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.longitude\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.longitude\"></span>\n    </template>\n  </el-table-column>\n   <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.latitude\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.latitude\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n    <template slot-scope=\"scope\">\n      <el-button\n        v-if=\"scope.$index === 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleAdd(scope.row)\"\n      >Add\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleUpdate(scope.row)\"\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #F56C6C\"\n        @click=\"handleDelete(scope.row)\"\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n      </el-button>\n    </template>\n  </el-table-column>\n</el-table>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"coordinateForm.coordinateClose==true\">保存</el-button>\n</div>\n\n</el-form>\n      </div>\n     \n    </div>\n       <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">车道识别配置</p>\n          <div class=\"warning\">\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>在视频/动图上设置进口出口道\n      </div>\n         <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">          \n                <!-- <p>车道识别配置</p> -->\n            <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n            <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                </el-form-item>  \n                <!-- <div style=\"width:100%;height:300px\" v-if=\"laneform.laneClose==true\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div> -->\n                <el-form-item label=\"各车道中心线（区域检测器）：\"   style=\"width:300px\" v-if=\"laneform.laneClose==true\">\n                    <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                </el-form-item>\n              <el-form-item label=\"自动识别各车道中心点坐标（断面检测器）：\"  style=\"width:300px\" v-if=\"laneform.laneClose==true\">\n                    <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                </el-form-item>\n                <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"laneform.laneClose==true\">保存</el-button>\n                \n                \n            </el-form>\n      </div>\n     \n    </div>    \n      <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">识别区域</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n         <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"140px\">          \n                <!-- <p>车道识别配置</p> -->\n               \n                 <el-form-item label=\"识别区域开关\"  style=\"width:250px\">\n                    <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                </el-form-item>\n                <!-- <div style=\"width:100%;height:300px\" v-if=\"identificationAreaform.identificationAreaClose==true\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div> -->\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"identificationAreaform.identificationAreaClose==true\">保存</el-button>\n                \n            </el-form>\n      </div>\n     \n    </div>        \n  <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">轨迹平滑</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n         <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"140px\">  \n            <el-form-item label=\"轨迹平滑开关\"  style=\"width:250px\">\n                    <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                </el-form-item>        \n                 <el-form-item label=\"预测滤波时间\"  style=\"width:250px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">\n                <el-input-number v-model=\"trajectorySmoothingform.time\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"预测滤波时间\"></el-input-number>\n                </el-form-item>\n                 <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"trajectorySmoothingform.trajectorySmoothingClose==true\">保存</el-button>\n            </el-form>\n      </div>\n     \n    </div>   \n     <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">车牌识别</p>\n          <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n         <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"140px\">          \n               <el-form-item label=\"车牌识别开关\"  style=\"width:250px\">\n                    <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\n                </el-form-item>    \n                <!-- <div style=\"width:100%;height:300px\" v-if=\"licensePlateform.licensePlateClose==true\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: calc(100% - 50px)\"></iframe>\n                </div> -->\n                  <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose==true\">\n  <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.$index === 0\"\n        v-model=\"scope.row.sectionPlate\"\n        maxlength=\"30\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.sectionPlate\"></span>\n    </template>\n  </el-table-column>\n   <el-table-column prop=\"setAssociation\" label=\"断面设置关联\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.setAssociation\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.setAssociation\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值\" align=\"center\">\n    <template slot-scope=\"scope\">\n      <el-input\n        v-if=\"scope.row.isEdit\"\n        v-model=\"scope.row.thresholdValue\"\n        maxlength=\"20\"\n        placeholder=\"Required\"\n      />\n      <span v-else v-text=\"scope.row.thresholdValue\"></span>\n    </template>\n  </el-table-column>\n  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n    <template slot-scope=\"scope\">\n      <el-button\n        v-if=\"scope.$index === 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleAdd(scope.row)\"\n      >Add\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #2090c1\"\n        @click=\"handleUpdate(scope.row)\"\n      >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n      </el-button>\n      <el-button\n        v-if=\"scope.$index !== 0\"\n        size=\"mini\"\n        type=\"text\"\n        style=\"color: #F56C6C\"\n        @click=\"handleDelete(scope.row)\"\n      >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n      </el-button>\n    </template>\n  </el-table-column>\n</el-table>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" v-if=\"licensePlateform.licensePlateClose==true\">保存</el-button>\n</div>\n\n                \n            </el-form>\n      </div>\n     \n    </div>             \n         <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">停车状态</p>\n         <div class=\"warning\">\n                    <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>更新频率：更新频率可以根据链路带宽进行设置。\n                </div>\n          <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"140px\">\n  <el-form-item label=\"位移：\" >\n   <el-input-number v-model=\"stopStateform.displacement\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"位移\"></el-input-number>\n  </el-form-item>\n  <el-form-item label=\"速度：\"  >\n    <el-input-number v-model=\"stopStateform.speed\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"速度\"></el-input-number>\n</el-form-item>\n  <el-form-item label=\"加速度：\">\n      <el-input-number v-model=\"stopStateform.acceleration\" @change=\"handleChange\" :min=\"2000\" :max=\"3000\" label=\"加速度\"></el-input-number>\n  </el-form-item>\n  \n</el-form>\n<div style=\"margin-top:15px\">\n<el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\">保存</el-button>\n</div>\n\n      </div>\n     \n    </div>         \n     <div class=\"dataBoard\">\n      <div class=\"section\">\n        <p class=\"board-title\">通信设置</p>\n           <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"200px\">\n  <el-form-item label=\"类型：\" style=\"margin-bottom: 20px;\">\n    <el-radio-group v-model=\"communicationform.type\" >\n       <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n       <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n       <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n       <el-radio label=\"自定义\"></el-radio>\n    </el-radio-group>\n  </el-form-item>\n  <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\n  </el-form-item>\n   <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type=='自定义'\">\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>ms\n  </el-form-item>\n    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type=='自定义'\">\n    <el-input v-model=\"communicationform.name\" style=\"width:200px;margin-bottom: 20px;\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"框架决议：\" v-if=\"communicationform.type=='自定义'\">\n     <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px;\">\n      <el-option label=\"自动\" value=\"shanghai\"></el-option>\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n   <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type=='自定义'\">\n     <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px;\">\n      <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n      <el-option label=\"区域二\" value=\"beijing\"></el-option>\n    </el-select>\n  </el-form-item>\n    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type=='自定义'\">\n    <el-input v-model=\"communicationform.name\" style=\"width:200px\"></el-input>\n  </el-form-item>\n  <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width:150px\" >保存</el-button>\n</el-form>\n      </div>\n     \n    </div>         \n\n        </div>\n    </div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f18dfc2ae4f3a9ab7c79ee7d2fc3ed24.json b/node_modules/.cache/vue-loader/f18dfc2ae4f3a9ab7c79ee7d2fc3ed24.json
index fda168b5..e6e2f8de 100644
--- a/node_modules/.cache/vue-loader/f18dfc2ae4f3a9ab7c79ee7d2fc3ed24.json
+++ b/node_modules/.cache/vue-loader/f18dfc2ae4f3a9ab7c79ee7d2fc3ed24.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\"\nimport script from \"./network.vue?vue&type=script&lang=js&\"\nexport * from \"./network.vue?vue&type=script&lang=js&\"\nimport style0 from \"./network.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e5ed2546\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e5ed2546')) {\n      api.createRecord('e5ed2546', component.options)\n    } else {\n      api.reload('e5ed2546', component.options)\n    }\n    module.hot.accept(\"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\", function () {\n      api.rerender('e5ed2546', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/network.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\"\nimport script from \"./network.vue?vue&type=script&lang=js&\"\nexport * from \"./network.vue?vue&type=script&lang=js&\"\nimport style0 from \"./network.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e5ed2546\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e5ed2546')) {\n      api.createRecord('e5ed2546', component.options)\n    } else {\n      api.reload('e5ed2546', component.options)\n    }\n    module.hot.accept(\"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\", function () {\n      api.rerender('e5ed2546', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/network.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f1fddba18990cbd3a9d0114c4d0d3c1f.json b/node_modules/.cache/vue-loader/f1fddba18990cbd3a9d0114c4d0d3c1f.json
index ebcdabf9..12c698bd 100644
--- a/node_modules/.cache/vue-loader/f1fddba18990cbd3a9d0114c4d0d3c1f.json
+++ b/node_modules/.cache/vue-loader/f1fddba18990cbd3a9d0114c4d0d3c1f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\StateOperation.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\StateOperation.vue","mtime":1671173776470},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./StateOperation.vue?vue&type=template&id=48ceb990&\"\nimport script from \"./StateOperation.vue?vue&type=script&lang=js&\"\nexport * from \"./StateOperation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateOperation.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('48ceb990')) {\n      api.createRecord('48ceb990', component.options)\n    } else {\n      api.reload('48ceb990', component.options)\n    }\n    module.hot.accept(\"./StateOperation.vue?vue&type=template&id=48ceb990&\", function () {\n      api.rerender('48ceb990', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/StateOperation.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\StateOperation.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\StateOperation.vue","mtime":1672365886439},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\"\nimport script from \"./StateOperation.vue?vue&type=script&lang=js&\"\nexport * from \"./StateOperation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateOperation.vue?vue&type=style&index=0&id=48ceb990&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"48ceb990\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('48ceb990')) {\n      api.createRecord('48ceb990', component.options)\n    } else {\n      api.reload('48ceb990', component.options)\n    }\n    module.hot.accept(\"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\", function () {\n      api.rerender('48ceb990', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/StateOperation.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f2b06a804e525f2574c5c9a246285231.json b/node_modules/.cache/vue-loader/f2b06a804e525f2574c5c9a246285231.json
index 6c76b71a..539c7a57 100644
--- a/node_modules/.cache/vue-loader/f2b06a804e525f2574c5c9a246285231.json
+++ b/node_modules/.cache/vue-loader/f2b06a804e525f2574c5c9a246285231.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f361520e87e9675aea6eaae1d0560c0f.json b/node_modules/.cache/vue-loader/f361520e87e9675aea6eaae1d0560c0f.json
index b163f9c6..d380c826 100644
--- a/node_modules/.cache/vue-loader/f361520e87e9675aea6eaae1d0560c0f.json
+++ b/node_modules/.cache/vue-loader/f361520e87e9675aea6eaae1d0560c0f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672365886441},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent:false,\n      indexModule:false,\n      speed:false,\n      form: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        areaComponentform: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        speedForm:{\n            name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n    //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n    //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl:'',\n      imgUrl1:'',\n      imgUrl2:'',\n      imgUrl3:'',\n      imgUrl4:'',\n      imgUrl5:'',\n      btnPic: [],\n      Data:[\n        {\n         title:'xx路口',\n        url:''  \n        },\n        {\n         title:'数据看板',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent:'',\n    //   wxContent:'',\n      inContent:'',\n      outContent:'',\n      containerDetails:\"\",\n      locdesc:'',\n      weatherItem:{},\n      loadingShow1:true,\n      carInfo:[], //小车信息\n      carName:'',\n      palletizerInfo:[], //码垛机信息\n      palletizerName:'',\n      destackerInfo:[], //拆垛机信息\n      destackerName:'',\n      hoistInfo:[], //提升机信息’\n      hoistName:'', \n      battaryStationInfo:[],//快换电池装置\n      battaryStationName:\"\",\n      conveyorInfo:[], //输送机信息\n      conveyorName:\"\", \n    };\n  },\n  mounted() {\n    \n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n   created() {\n    this.testMqtt()\n    \n  },\n  methods: {\n     // 测试：mqtt测试\n    testMqtt() {\n         this.getDataByMqtt()\n      // 小车订阅\n    //   for (let key in this.carId) {\n    //     this.getDataByMqtt(\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Car\" + key,\n    //       this.carId[key]\n    //     );\n    //   }\n    //   //输送机入库订阅\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n    //       this.convoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   //输送机出库订阅\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n    //       this.outConvoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   for (let key in this.BattaryArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Battary_Sation\" + key,\n    //       this.BattaryArr[key]\n    //     );\n    //   }\n    //   // 升降机订阅elvArr\n    //   for (let key in this.elvArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"ELV\" + key,\n    //       this.elvArr[key]\n    //     );\n    //   }\n    //   // 拆码跺机订阅\n    //   for (let key in this.stampArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"INCMD\" + key,\n    //       this.stampArr[key]\n    //     );\n    //   }\n    },\n    onSubmit(){},\n    //模型加载等待\n    loadingShow(data){\n      this.loadingShow1 = data\n    },\n     // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n       const host = 'ws://172.16.1.168:10087/'; \n     \n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        console.log(\"this.mqttClient\",this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\n            // 订阅\n           this.mqttClient.subscribe('img0', { qos: 0 });\n           this.mqttClient.subscribe('img1', { qos: 0 });\n           this.mqttClient.subscribe('img2', { qos: 0 });\n           this.mqttClient.subscribe('img3', { qos: 0 });\n           this.mqttClient.subscribe('img4', { qos: 0 });\n            this.mqttClient.subscribe('img5', { qos: 0 });\n            this.mqttClient.subscribe('stream0', { qos: 0 });\n             this.mqttClient.subscribe('stream1', { qos: 0 });\n              this.mqttClient.subscribe('stream2', { qos: 0 });\n               this.mqttClient.subscribe('stream3', { qos: 0 });\n                this.mqttClient.subscribe('stream4', { qos: 0 });\n                 this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        });\n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\n    \n          console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          // 解析后端数据\n        //   let dataReceived = JSON.parse(message.toString());\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\n        //      try{\n        //         const utf8decoder = new TextDecoder()\n        //         const u8arr = new Uint8Array(message)\n        //         const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n        //         const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n        //         console.log(\"msg\",msg)   //msg为转换后的JSON数据\n        //         this.imgUrl='data:image/png;base64,' + msg.pic;\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }catch{\n        //         let imageType = 'arraybuffer';\n        //         const blob = new Blob([message], { type: imageType })\n        //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }\n          if (topic.indexOf(\"img0\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl1='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl2='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl3='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl4='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n           try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl5='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }\n         \n        });\n      }\n    \n     \n    },\n\n    handleSearch(){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels,'asdasdasd');\n       this.inputVal = ''\n    },\n   handleRow(val){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather(){\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem,'asdsads');\n      })\n    },\n    Onweather(name){\n    //   switch (name) {\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n\t// \t\t\t\tcase \"阴\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n\t// \t\t\t\tcase \"暴雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n\t// \t\t\t\tcase \"冰雹\":\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\n\t// \t\t\t\tcase \"大风\":\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\n\t// \t\t\t\tcase \"大雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n\t// \t\t\t\tcase \"大雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n\t// \t\t\t\tcase \"雷电\":\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\n\t// \t\t\t\tcase \"雷阵雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\n\t// \t\t\t\tcase \"沙尘暴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\n\t// \t\t\t\tcase \"晴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\n\t// \t\t\t\tcase \"雾霾\":\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\n\t// \t\t\t\tcase \"小雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\n\t// \t\t\t\tcase \"小雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\n\t// \t\t\t\tcase \"雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\n\t// \t\t\t\tcase \"雨夹雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n\t// \t\t\t\tcase \"月亮\":\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\n\t// \t\t\t\tcase \"中雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n\t// \t\t\t\tcase \"中雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n\t// \t\t\t}\n    },\n    //隐藏箱子\n    hideBox(){\n        this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n   editModal,\n   analysisConfiguration,\n   dataBoard\n  },\n};\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;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;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;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;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;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;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;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;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;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\n   <div class=\"content-box\">\n     \n  <div class=\"container\">\n    <!-- <nav>\n      <router-link :to=\"a.url\" :key=\"index\" v-for=\"(a,index) in Data\">{{a.title}}</router-link>\n       <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n    </nav> -->\n    <el-tabs type=\"border-card\">\n  <el-tab-pane label=\"xx路口\">\n     <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n    <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n    <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n    <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n    <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n    <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n  </div> \n  <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n  </div> \n  </el-tab-pane>\n  <el-tab-pane label=\"数据看板\">\n    <dataBoard ></dataBoard>\n  </el-tab-pane>\n  <el-tab-pane label=\"分析配置\">\n     <analysisConfiguration ></analysisConfiguration> \n  </el-tab-pane>\n  <el-tab-pane label=\"分析状态\">\n   <editModal ></editModal> \n  </el-tab-pane>\n   <el-tab-pane label=\"存储\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n \n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog\n    title=\"断面组件配置\"\n    width=\"40%\"\n    :visible.sync=\"dialogFormVisible\"\n  >\n  <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n     <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n  <el-form-item label=\"断面名称\">\n    <el-input v-model=\"form.name\"></el-input>\n  </el-form-item>\n <el-form-item label=\"断面方向\">\n    <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n      <el-option label=\"正向\" value=\"car\"></el-option>\n      <el-option label=\"方向\" value=\"bus\"></el-option>\n       <el-option label=\"双向\" value=\"kache\"></el-option>\n    </el-select>\n  </el-form-item>\n \n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  <el-dialog\n    title=\"区域组件配置\"\n    width=\"40%\"\n    :visible.sync=\"areaComponent\"\n  >\n  <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">    \n  <el-form-item label=\"区域名称\">\n    <el-input v-model=\"areaComponentform.name\"></el-input>\n  </el-form-item>\n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  <el-dialog\n    title=\"速度组件配置\"\n    width=\"40%\"\n    :visible.sync=\"speed\"\n  >\n  <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">    \n  <el-form-item label=\"速度组件名称\">\n    <el-input v-model=\"speedForm.name\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"数值筛选\">\n    <el-input v-model=\"speedForm.name\"></el-input>\n  </el-form-item>\n   <el-form-item label=\"时间模式\">\n   <el-select v-model=\"speedForm.region\" placeholder=\"请选择时间模式\">\n      <el-option label=\"触发\" value=\"car\"></el-option>\n      <el-option label=\"周期时刻\" value=\"bus\"></el-option>\n       <el-option label=\"周期统计\" value=\"kache\"></el-option>\n    </el-select>\n  </el-form-item>\n   <el-form-item label=\"展现形式\">\n     <el-checkbox-group v-model=\"speedForm.region\">\n      <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n      <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n      <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n       <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n    </el-checkbox-group>\n  </el-form-item>\n  <el-form-item>\n    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n    <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n  </el-form-item>\n</el-form>\n  </el-dialog>\n  </div>\n</div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      hideBoxShow:true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent:false,\n      indexModule:false,\n      speed:false,\n      form: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        areaComponentform: {\n          name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n        speedForm:{\n            name: '',\n          region: '',\n          date1: '',\n          date2: '',\n          delivery: false,\n          type: [],\n          resource: '实时（触发）',\n          desc: ''\n        },\n    //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n    //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl:'',\n      imgUrl1:'',\n      imgUrl2:'',\n      imgUrl3:'',\n      imgUrl4:'',\n      imgUrl5:'',\n      btnPic: [],\n      Data:[\n        {\n         title:'xx路口',\n        url:''  \n        },\n        {\n         title:'数据看板',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        },\n        {\n         title:'分析配置',\n        url:''  \n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent:'',\n    //   wxContent:'',\n      inContent:'',\n      outContent:'',\n      containerDetails:\"\",\n      locdesc:'',\n      weatherItem:{},\n      loadingShow1:true,\n      carInfo:[], //小车信息\n      carName:'',\n      palletizerInfo:[], //码垛机信息\n      palletizerName:'',\n      destackerInfo:[], //拆垛机信息\n      destackerName:'',\n      hoistInfo:[], //提升机信息’\n      hoistName:'', \n      battaryStationInfo:[],//快换电池装置\n      battaryStationName:\"\",\n      conveyorInfo:[], //输送机信息\n      conveyorName:\"\", \n    };\n  },\n  mounted() {\n    \n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n   created() {\n    this.testMqtt()\n    \n  },\n  methods: {\n     // 测试：mqtt测试\n    testMqtt() {\n         this.getDataByMqtt()\n      // 小车订阅\n    //   for (let key in this.carId) {\n    //     this.getDataByMqtt(\n    //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Car\" + key,\n    //       this.carId[key]\n    //     );\n    //   }\n    //   //输送机入库订阅\n    //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n    //       this.convoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   //输送机出库订阅\n    //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n    //       this.outConvoyorCIdGroup[i]\n    //     );\n    //   }\n\n    //   for (let key in this.BattaryArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"Battary_Sation\" + key,\n    //       this.BattaryArr[key]\n    //     );\n    //   }\n    //   // 升降机订阅elvArr\n    //   for (let key in this.elvArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"ELV\" + key,\n    //       this.elvArr[key]\n    //     );\n    //   }\n    //   // 拆码跺机订阅\n    //   for (let key in this.stampArr) {\n    //     this.getDataByMqtt(\n    //       \"ws:220.163.114.157:8083/mqtt\",\n    //       \"INCMD\" + key,\n    //       this.stampArr[key]\n    //     );\n    //   }\n    },\n    onSubmit(){},\n    //模型加载等待\n    loadingShow(data){\n      this.loadingShow1 = data\n    },\n     // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n       const host = 'ws://172.16.1.168:10087/'; \n     \n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        console.log(\"this.mqttClient\",this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\",err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n          console.log(\"[MQTT-TEST] 重连中……\",reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",connect);\n            // 订阅\n           this.mqttClient.subscribe('img0', { qos: 0 });\n           this.mqttClient.subscribe('img1', { qos: 0 });\n           this.mqttClient.subscribe('img2', { qos: 0 });\n           this.mqttClient.subscribe('img3', { qos: 0 });\n           this.mqttClient.subscribe('img4', { qos: 0 });\n            this.mqttClient.subscribe('img5', { qos: 0 });\n            this.mqttClient.subscribe('stream0', { qos: 0 });\n             this.mqttClient.subscribe('stream1', { qos: 0 });\n              this.mqttClient.subscribe('stream2', { qos: 0 });\n               this.mqttClient.subscribe('stream3', { qos: 0 });\n                this.mqttClient.subscribe('stream4', { qos: 0 });\n                 this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        });\n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n          console.log(\"[MQTT-TEST] 已连接的客户端ID: \",message);\n    \n          console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          // 解析后端数据\n        //   let dataReceived = JSON.parse(message.toString());\n        //     console.log(\"[MQTT-TEST] 已连接的客户端ID: \",dataReceived);\n        //      try{\n        //         const utf8decoder = new TextDecoder()\n        //         const u8arr = new Uint8Array(message)\n        //         const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n        //         const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n        //         console.log(\"msg\",msg)   //msg为转换后的JSON数据\n        //         this.imgUrl='data:image/png;base64,' + msg.pic;\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }catch{\n        //         let imageType = 'arraybuffer';\n        //         const blob = new Blob([message], { type: imageType })\n        //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n        //         console.log(\"imageUrl\",imageUrl)\n        //     }\n          if (topic.indexOf(\"img0\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n             try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl1='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl2='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl3='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl4='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n           try{\n                const utf8decoder = new TextDecoder()\n                const u8arr = new Uint8Array(message)\n                const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n                const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                console.log(\"msg\",msg)   //msg为转换后的JSON数据\n                this.imgUrl5='data:image/png;base64,' + msg.pic;\n                console.log(\"imageUrl\",imageUrl)\n            }catch{\n                let imageType = 'arraybuffer';\n                const blob = new Blob([message], { type: imageType })\n                const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n                console.log(\"imageUrl\",imageUrl)\n            }\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream0\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            new Date(),\n            new Date().getMilliseconds()\n          );\n          }\n         \n        });\n      }\n    \n     \n    },\n\n    handleSearch(){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels,'asdasdasd');\n       this.inputVal = ''\n    },\n   handleRow(val){\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather(){\n      axios({url:'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',methods:''}).then(res=>{\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem,'asdsads');\n      })\n    },\n    Onweather(name){\n    //   switch (name) {\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n\t// \t\t\t\tcase \"阴\":\n\t// \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n\t// \t\t\t\tcase \"暴雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n\t// \t\t\t\tcase \"冰雹\":\n\t// \t\t\t\t\treturn require('../assets/weather/hail.png')\n\t// \t\t\t\tcase \"大风\":\n\t// \t\t\t\t\treturn require('../assets/weather/gale.png')\n\t// \t\t\t\tcase \"大雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n\t// \t\t\t\tcase \"大雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n\t// \t\t\t\tcase \"雷电\":\n\t// \t\t\t\t\treturn require('../assets/weather/thunder.png')\n\t// \t\t\t\tcase \"雷阵雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/shower.png')\n\t// \t\t\t\tcase \"沙尘暴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sand.png')\n\t// \t\t\t\tcase \"晴\":\n\t// \t\t\t\t\treturn require('../assets/weather/sun.png')\n\t// \t\t\t\tcase \"雾霾\":\n\t// \t\t\t\t\treturn require('../assets/weather/smog.png')\n\t// \t\t\t\tcase \"小雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/snow.png')\n\t// \t\t\t\tcase \"小雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/rain.png')\n\t// \t\t\t\tcase \"雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n\t// \t\t\t\tcase \"多云\":\n\t// \t\t\t\t\treturn require('../assets/weather/night.png')\n\t// \t\t\t\tcase \"雨夹雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n\t// \t\t\t\tcase \"月亮\":\n\t// \t\t\t\t\treturn require('../assets/weather/moon.png')\n\t// \t\t\t\tcase \"中雪\":\n\t// \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n\t// \t\t\t\tcase \"中雨\":\n\t// \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n\t// \t\t\t}\n    },\n    //隐藏箱子\n    hideBox(){\n        this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n   editModal,\n   analysisConfiguration,\n   dataBoard\n  },\n};\n</script>\n<style>\n\n</style>\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel:'touch',\n        touchType:'实时（触发）',\n        num:'',\n        time:'',\n        date: '',\n        type: [],\n      },\n      trackForm:{\n        name:\"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [], //小车信息\n      carName: '',\n      palletizerInfo: [], //码垛机信息\n      palletizerName: '',\n      destackerInfo: [], //拆垛机信息\n      destackerName: '',\n      hoistInfo: [], //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],//快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [], //输送机信息\n      conveyorName: \"\",\n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created() {\n    this.testMqtt()\n\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n      // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit() { },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n       \n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n        //    this.client.connect('aaa', '111')\n          this.mqttClient.publish('aaa', '111');\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n          \n        });\n         \n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n            \n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n      //   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA;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;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;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;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;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;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;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;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;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;;AAEA;AACA;;;AAGA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"xx路口\">\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div>\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          </div> -->\n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\">\n          <dataBoard></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <!-- <el-form-item label=\"实时性\">\n    <el-radio-group v-model=\"form.resource\">\n      <el-radio label=\"实时（触发）\"></el-radio>\n      <el-radio label=\"间隔\"></el-radio>\n    </el-radio-group>\n  </el-form-item> -->\n          <el-form-item label=\"断面名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\">\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"car\"></el-option>\n              <el-option label=\"方向\" value=\"bus\"></el-option>\n              <el-option label=\"双向\" value=\"kache\"></el-option>\n            </el-select>\n          </el-form-item>\n\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n          <el-form-item label=\"区域名称\">\n            <el-input v-model=\"areaComponentform.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n          <el-form-item label=\"轨迹名称：\">\n            <el-input v-model=\"trackForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n          <el-form-item label=\"速度组件名称：\">\n            <el-input v-model=\"speedForm.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\">\n            <el-input v-model=\"speedForm.num\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\n            </el-select>\n          </el-form-item>\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"speedForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n          <el-slider v-model=\"speedForm.time\" show-input>\n            </el-slider>\n        </el-form-item>\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n           <el-date-picker\n       v-model=\"speedForm.date\"\n      type=\"datetimerange\"\n      range-separator=\"至\"\n      start-placeholder=\"开始日期\"\n      end-placeholder=\"结束日期\">\n    </el-date-picker>\n        </el-form-item>\n          <el-form-item label=\"展现形式：\">\n            <el-checkbox-group v-model=\"speedForm.type\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n      \n    </div>\n  </div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios'\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel:'touch',\n        touchType:'实时（触发）',\n        num:'',\n        time:'',\n        date: '',\n        type: [],\n      },\n      trackForm:{\n        name:\"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      statusInfo: [\n        {\n          count: 15,\n          name: \"穿梭车在线数量\",\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\n          color: \"#01A8FC\",\n        },\n        {\n          count: 26,\n          name: \"任务数量\",\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\n          color: \"#FDA401\",\n        },\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [], //小车信息\n      carName: '',\n      palletizerInfo: [], //码垛机信息\n      palletizerName: '',\n      destackerInfo: [], //拆垛机信息\n      destackerName: '',\n      hoistInfo: [], //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],//快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [], //输送机信息\n      conveyorName: \"\",\n    };\n  },\n  mounted() {\n\n    // this.getMessage();\n    // 消息提醒\n\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created() {\n    this.testMqtt()\n\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n      // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit() { },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n       \n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          this.mqttClient.subscribe('img0', { qos: 0 });\n        //    this.client.connect('aaa', '111')\n          this.mqttClient.publish('aaa', '111');\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n          this.mqttClient.subscribe('img1', { qos: 0 });\n          this.mqttClient.subscribe('img2', { qos: 0 });\n          this.mqttClient.subscribe('img3', { qos: 0 });\n          this.mqttClient.subscribe('img4', { qos: 0 });\n          this.mqttClient.subscribe('img5', { qos: 0 });\n          this.mqttClient.subscribe('stream0', { qos: 0 });\n          this.mqttClient.subscribe('stream1', { qos: 0 });\n          this.mqttClient.subscribe('stream2', { qos: 0 });\n          this.mqttClient.subscribe('stream3', { qos: 0 });\n          this.mqttClient.subscribe('stream4', { qos: 0 });\n          this.mqttClient.subscribe('stream5', { qos: 0 });\n          \n        });\n         \n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n            \n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\n              console.log(\"imageUrl\", imageUrl)\n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n              console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n              new Date(),\n              new Date().getMilliseconds()\n            );\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n      //   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n</script>\n<style scoped>\n.el-form-item {\n  margin-bottom: 15px;\n}\n</style>\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f52ab2591d1d0eb19e96cee118ac540d.json b/node_modules/.cache/vue-loader/f52ab2591d1d0eb19e96cee118ac540d.json
index 10a43369..a902801c 100644
--- a/node_modules/.cache/vue-loader/f52ab2591d1d0eb19e96cee118ac540d.json
+++ b/node_modules/.cache/vue-loader/f52ab2591d1d0eb19e96cee118ac540d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672210701269},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\network.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f5b551f32db351482a9f4456bdcce50a.json b/node_modules/.cache/vue-loader/f5b551f32db351482a9f4456bdcce50a.json
index 870bb7d7..09eacccd 100644
--- a/node_modules/.cache/vue-loader/f5b551f32db351482a9f4456bdcce50a.json
+++ b/node_modules/.cache/vue-loader/f5b551f32db351482a9f4456bdcce50a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n  components: {\r\n    typeChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    handleCommand(command) {  // 用户名下拉菜单选择事件\r\n      if (command == 'show') {\r\n        this.dialogVisible = true\r\n      }\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then(_ => {\r\n          done();\r\n        })\r\n        .catch(_ => { });\r\n    },\r\n  }\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <p class=\"title\" style=\"margin-bottom: 20px;\">数据看板</p>\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <typeChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        <speedChart />\r\n        <headWayChart />\r\n        <checkChart />\r\n        <lineUpChart />\r\n      </div>\r\n    </div>\r\n    <div class=\"down\">\r\n      <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n        <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\r\n        <el-dropdown-menu slot=\"dropdown\">\r\n          <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </el-dropdown>\r\n    </div>\r\n\r\n    <!-- 详情框 -->\r\n    <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\r\n      <span>这是一段信息</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n  components: {\r\n    typeChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    handleCommand(command) {  // 用户名下拉菜单选择事件\r\n      if (command == 'show') {\r\n        this.dialogVisible = true\r\n      }\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then(_ => {\r\n          done();\r\n        })\r\n        .catch(_ => { });\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid gray;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 17px;\r\n  font-weight: bolder;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-top: 1px solid;\r\n  border-bottom: 1px solid;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672822253120},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nexport default {\r\n  components: {\r\n    delayChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart,\r\n    congestionChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    \r\n  }\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;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;;AAEA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n  <div>\r\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n    <div class=\"dataBoard\">\r\n      <div class=\"section\">\r\n        <p class=\"board-title\">{{ title1 }}</p>\r\n        <speedChart />\r\n        <flowChart />\r\n        <headWayChart />\r\n      </div>\r\n      <div class=\"region\">\r\n        <p class=\"board-title\">{{ title2 }}</p>\r\n        \r\n        <checkChart />\r\n        <lineUpChart />\r\n        <delayChart />\r\n        <congestionChart />\r\n      </div>\r\n    </div>\r\n    \r\n\r\n    <!-- 详情框 -->\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nexport default {\r\n  components: {\r\n    delayChart,\r\n    speedChart,\r\n    flowChart,\r\n    headWayChart,\r\n    checkChart,\r\n    lineUpChart,\r\n    congestionChart\r\n  },\r\n  data() {\r\n    return {\r\n      title1: '01断面',\r\n      title2: '01区域',\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  methods: {\r\n    \r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n  width: 48%;\r\n  border: 1px solid #E4E7ED;\r\n  box-sizing: border-box;\r\n  padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  position: relative;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n  content: \"\";\r\n  width: 95%;\r\n  height: 10px;\r\n  border-bottom: 1px solid #DCDFE6;\r\n  border-top: 1px solid #DCDFE6;\r\n  position: absolute;\r\n  bottom: -15px;\r\n  left: 0;\r\n}\r\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f848b1c887934eeb909b012fb855148f.json b/node_modules/.cache/vue-loader/f848b1c887934eeb909b012fb855148f.json
index 1b40d924..6ea1cdae 100644
--- a/node_modules/.cache/vue-loader/f848b1c887934eeb909b012fb855148f.json
+++ b/node_modules/.cache/vue-loader/f848b1c887934eeb909b012fb855148f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672365886436},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p>速度组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <el-table :data=\"tableData\"  border style=\"width: 100%\">\n                    <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n                    <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n                    <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n                </el-table>\n            </div>\n            <div class=\"border\">\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <barChart />\n            </div>\n\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nexport default {\n    name: 'speedChart', //速度组件\n    components:{\n        lineChart,\n        barChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n            valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\n        }\n    },\n    methods: {\n        \n        \n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    border: 1px solid;\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    border: 1px solid;\n    margin-bottom: 20px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1672390625222},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n    <div class=\"setion\">\n        <p class=\"chartTitle\">速度组件</p>\n        <div class=\"typeContent\">\n            <p>数值</p>\n            <div style=\"width:95%;margin-bottom: 20px;\">\n                <tableShow :msg=\"tableData\"/>\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <lineChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <barChart />\n            </div>\n            <div class=\"border\">\n                <detailDialog :msg=\"tableData\"/>\n                <thermalChart />\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport detailDialog from '../chart/detailDialog.vue';\nimport thermalChart from '../chart/thermalChart.vue';\nexport default {\n    name: 'speedChart', //速度组件\n    components:{\n        lineChart,\n        barChart,\n        tableShow,\n        detailDialog,\n        thermalChart,\n    },\n    data() {\n        return {\n            tableData: [\n                {\n                    name: '111',\n                    val1: '100',\n                    val2: '200',\n                    val3: '300',\n                    val4: '400'\n                }\n            ],\n        }\n    },\n    methods: {\n        \n        \n    },\n    mounted() {\n        \n    }\n}\n</script>\n<style scoped>\n.typeContent {\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n.border {\n    width: 100%;\n    margin-bottom: 20px;\n    position: relative;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f9c6cda2b94c8c976f9574f32d75fbb7.json b/node_modules/.cache/vue-loader/f9c6cda2b94c8c976f9574f32d75fbb7.json
index 50678321..eaf9d3d5 100644
--- a/node_modules/.cache/vue-loader/f9c6cda2b94c8c976f9574f32d75fbb7.json
+++ b/node_modules/.cache/vue-loader/f9c6cda2b94c8c976f9574f32d75fbb7.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672365886435},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    position: absolute;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    width: 87%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672825237287},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    /* position: absolute; */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* width: 87%; */\n    width: 100%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\n  <div class=\"wrapper\">\n    <!-- 页面头部部分 -->\n    <!-- <div style=\"display:inline-block\"> -->\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n    </el-aside> \n    <!-- </div> -->\n     \n    \n\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n     <!-- <el-container> -->\n        <div class=\"header\" >\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n      <!-- 水平一级菜单 -->\n      <div style=\"float:left;\">\n        <!-- <el-menu \n          mode=\"horizontal\"\n          text-color=\"#000000\"\n          active-text-color=\"#3989fa\"\n          :default-active=\"toIndex\" \n          @select=\"handleSelect\">\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n            <span slot=\"title\">{{ item.title }}</span>\n          </el-menu-item>\n        </el-menu> -->\n      </div>\n      \n      <div class=\"header-right\">\n        <div class=\"header-user-con\">\n          <!-- 切换主题 -->\n          <div @click=\"handleChangeStyle()\">\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n            </el-tooltip>\n          </div>\n          <!-- 用户头像 -->\n          <div class=\"user-avator\">\n            <img src=\"@/assets/img/img.jpg\"/>\n          </div>\n          <!-- 用户名下拉菜单 -->\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </div>\n      </div>\n    </div>\n    <el-main>\n      \n      <router-view></router-view>\n    </el-main>\n     <!-- </el-container> -->\n    \n\n  </div>\n</template>\n\n<script>\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n    components: {\n    SideMenu\n  },\n  data(){\n    return{\n      itemList: [    // 水平一级菜单栏的菜单\n        // { path: '/Home', title: '首页' },\n        { path: '/test1', title: '一级菜单1' },\n        { path: '/test2', title: '一级菜单2' },\n        { path: '/test3', title: '一级菜单3' },\n        { path: '/permission', title: '管理员权限' },\n        // { path: '/i18n', title: '国际化组件' }\n      ],\n       leftMenus: [\n                {\n                    title : '分析',\n                    path: 'AnalysisMain',\n                    icon : 'el-icon-data-line',\n                    // icon : require('@/assets/img/fenxi.png'),\n                },\n                {\n                    title : '控制中心',\n                    path: 'ControlCenter',\n                    icon:'el-icon-coin',\n                    children : [\n                        {\n                            title : '通用',\n                            path: 'test1-2',\n                             children : [\n                                {\n                                    title : '关于本机',\n                                    path: 'AboutMachine',\n\n                                },\n                                {\n                                    title : '网络',\n                                    path: 'network',\n\n                                },\n                                {\n                                    title : 'VPN',\n                                   path: 'VPN',\n\n                                },\n                                 {\n                                    title : '自定义操作',\n                                   path: 'CustomOperations',\n\n                                },\n                                 {\n                                    title : '健康检测',\n                                   path: 'HealthCheck',\n\n                                }\n                            ]\n                        },{\n                    title : '运行状态',\n                    path: 'StateOperation',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : '接口',\n                    path: 'interface',\n                    // icon : 'el-icon-user-solid',\n                },{\n                    title : 'IP设置',\n                    path: 'IPSetting',\n                    // icon : 'el-icon-user-solid',\n                },\n                      \n                    ]\n                },{\n                    title : '系统设置',\n                    path: 'SystemSettings',\n                    icon : 'el-icon-s-tools',\n                    \n                    children : [\n                                {\n                                    title : '全局设置',\n                                    path: 'globalSettings',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '关于本机——导出设置',\n                                   path: 'ExportingSettings',\n                                    // icon : 'tool',\n                                },\n                                {\n                                    title : '关于本机——导入设置',\n                                   path: 'ImportSettings',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : '接口与服务器证书',\n                                   path: 'InterfaceServerCertificates',\n                                    // icon : 'tool',\n                                },\n                                 {\n                                    title : 'UDP服务设置',\n                                   path: 'UDPServiceSettings',\n                                    // icon : 'tool',\n                                }\n                            ]\n                },{\n                    title : '用户管理',\n                    path: 'UserManagement',\n                    icon : 'el-icon-user-solid',\n                    children : [\n                                {\n                                    title : '我的账号',\n                                    path: 'myId',\n                                    // icon : 'bars',\n                                },\n                                {\n                                    title : '账号管理',\n                                   path: 'IdManagement',\n                                    // icon : 'tool',\n                                },\n                            ]\n                },\n                {\n                    title : '通知/日志',\n                    path: 'logs',\n                    icon : 'el-icon-phone',\n                },\n                \n            ],\n      globalTheme: false,\n    }\n  },\n\n  computed: {\n    username(){\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    },\n  },\n  created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect(path){  // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand(command){  // 用户名下拉菜单选择事件\n      if(command == 'loginout'){\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n            path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle(){  // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\n    }\n  }\n}\n</script>\n<style>\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n</style>\n<style scoped>\n.wrapper {\n  width: 100%;\n  height: 100%;\n  background: #f0f0f0;\n}\n.logo {\n  \n  margin-left: 10px;\n    margin-top: 10px;\n    /* height: 60px; */\n    width: 80%;\n  \n}\n.header {\n    /* position: absolute; */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* width: 87%; */\n    width: 100%;\n    height: 70px;\n    right: 0px;\n    font-size: 22px;\n    top: 5px;\n}\n.header .logo {\n  float: left;\n  margin-left: 60px;\n  margin-top: 17.5px;\n  height: 29px;\n  width: 160px;\n  vertical-align: middle;\n  position: relative;\n}\n/* --------------- 用户头像区域的样式 ---------------- */\n.header-right {\n  float: right;\n  padding-right: 50px;\n}\n.header-user-con {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 70px;\n}\n.user-avator {\n  margin-left: 20px;\n}\n.user-avator img {\n  display: block;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.user-name {\n  margin-left: 10px;\n}\n.el-dropdown-link {\n  cursor: pointer;\n}\n.el-dropdown-menu__item {\n  text-align: center;\n}\n/* --------------- 水平一级菜单栏的样式--------------------- */\n.el-menu.el-menu--horizontal {\n  border-bottom: none !important;\n  float: left;\n  margin-left: 50px;\n  background: transparent;\n}\n.el-menu--horizontal > .el-menu-item.is-active {\n  /* border-bottom: 2px solid #3989fa;\n  color: #3989fa; */\n  font-weight: bold;\n}\n.el-menu--horizontal > .el-menu-item {\n  font-size: 16px;\n  margin: 0 15px;\n}\n</style>"]}]}
\ No newline at end of file
diff --git a/public/VideoWeb(1)/.vscode/settings.json b/public/VideoWeb(1)/.vscode/settings.json
new file mode 100644
index 00000000..47984249
--- /dev/null
+++ b/public/VideoWeb(1)/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/public/VideoWeb(1)/Build/VideoWeb.data.unityweb b/public/VideoWeb(1)/Build/VideoWeb.data.unityweb
new file mode 100644
index 00000000..fd961b61
Binary files /dev/null and b/public/VideoWeb(1)/Build/VideoWeb.data.unityweb differ
diff --git a/public/VideoWeb(1)/Build/VideoWeb.framework.js.unityweb b/public/VideoWeb(1)/Build/VideoWeb.framework.js.unityweb
new file mode 100644
index 00000000..c8cf374b
Binary files /dev/null and b/public/VideoWeb(1)/Build/VideoWeb.framework.js.unityweb differ
diff --git a/public/VideoWeb(1)/Build/VideoWeb.loader.js b/public/VideoWeb(1)/Build/VideoWeb.loader.js
new file mode 100644
index 00000000..7205575e
--- /dev/null
+++ b/public/VideoWeb(1)/Build/VideoWeb.loader.js
@@ -0,0 +1,2 @@
+function createUnityInstance(e,t,r){function n(e,r){if(!n.aborted&&t.showBanner)return"error"==r&&(n.aborted=!0),t.showBanner(e,r);switch(r){case"error":console.error(e);break;case"warning":console.warn(e);break;default:console.log(e)}}function o(e){var t=e.reason||e.error,r=t?t.toString():e.message||e.reason||"",n=t&&t.stack?t.stack.toString():"";if(n.startsWith(r)&&(n=n.substring(r.length)),r+="\n"+n.trim(),r&&f.stackTraceRegExp&&f.stackTraceRegExp.test(r)){var o=e.filename||t&&(t.fileName||t.sourceURL)||"",a=e.lineno||t&&(t.lineNumber||t.line)||0;i(r,o,a)}}function a(e){e.preventDefault()}function i(e,t,r){if(e.indexOf("fullscreen error")==-1){if(f.startupErrorHandler)return void f.startupErrorHandler(e,t,r);if(!(f.errorHandler&&f.errorHandler(e,t,r)||(console.log("Invoking error handler due to\n"+e),"function"==typeof dump&&dump("Invoking error handler due to\n"+e),i.didShowErrorMessage))){var e="An error occurred running the Unity content on this page. See your browser JavaScript console for more info. The error was:\n"+e;e.indexOf("DISABLE_EXCEPTION_CATCHING")!=-1?e="An exception has occurred, but exception handling has been disabled in this build. If you are the developer of this content, enable exceptions in your project WebGL player settings to be able to catch the exception or see the stack trace.":e.indexOf("Cannot enlarge memory arrays")!=-1?e="Out of memory. If you are the developer of this content, try allocating more memory to your WebGL build in the WebGL player settings.":e.indexOf("Invalid array buffer length")==-1&&e.indexOf("Invalid typed array length")==-1&&e.indexOf("out of memory")==-1&&e.indexOf("could not allocate memory")==-1||(e="The browser could not allocate enough memory for the WebGL content. If you are the developer of this content, try allocating less memory to your WebGL build in the WebGL player settings."),alert(e),i.didShowErrorMessage=!0}}}function s(e,t){if("symbolsUrl"!=e){var n=f.downloadProgress[e];n||(n=f.downloadProgress[e]={started:!1,finished:!1,lengthComputable:!1,total:0,loaded:0}),"object"!=typeof t||"progress"!=t.type&&"load"!=t.type||(n.started||(n.started=!0,n.lengthComputable=t.lengthComputable),n.total=t.total,n.loaded=t.loaded,"load"==t.type&&(n.finished=!0));var o=0,a=0,i=0,s=0,l=0;for(var e in f.downloadProgress){var n=f.downloadProgress[e];if(!n.started)return 0;i++,n.lengthComputable?(o+=n.loaded,a+=n.total,s++):n.finished||l++}var d=i?(i-l-(a?s*(a-o)/a:0))/i:0;r(.9*d)}}function l(e,t){return new Promise(function(r,n){try{for(var o in w)if(w[o].hasUnityMarker(e)){t&&console.log('You can reduce startup time if you configure your web server to add "Content-Encoding: '+o+'" response header when serving "'+t+'" file.');var a=w[o];if(!a.worker){var i=URL.createObjectURL(new Blob(["this.require = ",a.require.toString(),"; this.decompress = ",a.decompress.toString(),"; this.onmessage = ",function(e){var t={id:e.data.id,decompressed:this.decompress(e.data.compressed)};postMessage(t,t.decompressed?[t.decompressed.buffer]:[])}.toString(),"; postMessage({ ready: true });"],{type:"application/javascript"}));a.worker=new Worker(i),a.worker.onmessage=function(e){return e.data.ready?void URL.revokeObjectURL(i):(this.callbacks[e.data.id](e.data.decompressed),void delete this.callbacks[e.data.id])},a.worker.callbacks={},a.worker.nextCallbackId=0}var s=a.worker.nextCallbackId++;return a.worker.callbacks[s]=r,void a.worker.postMessage({id:s,compressed:e},[e.buffer])}r(e)}catch(e){n(e)}})}function d(e){s(e);var t=f.cacheControl(f[e]),r=f.companyName&&f.productName?f.cachedFetch:f.fetchWithProgress,o=f[e],a=/file:\/\//.exec(o)?"same-origin":void 0,i=r(f[e],{method:"GET",companyName:f.companyName,productName:f.productName,control:t,mode:a,onProgress:function(t){s(e,t)}});return i.then(function(t){return l(t.parsedBody,f[e])}).catch(function(t){var r="Failed to download file "+f[e];"file:"==location.protocol?n(r+". Loading web pages via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host Unity content, or use the Unity Build and Run option.","error"):console.error(r)})}function u(){return d("frameworkUrl").then(function(e){var t=URL.createObjectURL(new Blob([e],{type:"application/javascript"}));return new Promise(function(e,r){var o=document.createElement("script");o.src=t,o.onload=function(){if("undefined"==typeof unityFramework||!unityFramework){var r=[["br","br"],["gz","gzip"]];for(var a in r){var i=r[a];if(f.frameworkUrl.endsWith("."+i[0])){var s="Unable to parse "+f.frameworkUrl+"!";if("file:"==location.protocol)return void n(s+" Loading pre-compressed (brotli or gzip) content via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host compressed Unity content, or use the Unity Build and Run option.","error");if(s+=' This can happen if build compression was enabled but web server hosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding: '+i[1]+'" present. Check browser Console and Devtools Network tab to debug.',"br"==i[0]&&"http:"==location.protocol){var l=["localhost","127.0.0.1"].indexOf(location.hostname)!=-1?"":"Migrate your server to use HTTPS.";s=/Firefox/.test(navigator.userAgent)?"Unable to parse "+f.frameworkUrl+'!<br>If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported in Firefox over HTTP connections. '+l+' See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1670675">https://bugzilla.mozilla.org/show_bug.cgi?id=1670675</a> for more information.':"Unable to parse "+f.frameworkUrl+'!<br>If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.'}return void n(s,"error")}}n("Unable to parse "+f.frameworkUrl+"! The file is corrupt, or compression was misconfigured? (check Content-Encoding HTTP Response Header on web server)","error")}var d=unityFramework;unityFramework=null,o.onload=null,URL.revokeObjectURL(t),e(d)},o.onerror=function(e){n("Unable to load file "+f.frameworkUrl+"! Check that the file exists on the remote server. (also check browser Console and Devtools Network tab to debug)","error")},document.body.appendChild(o),f.deinitializers.push(function(){document.body.removeChild(o)})})})}function c(){Promise.all([u(),d("codeUrl")]).then(function(e){f.wasmBinary=e[1],e[0](f)});var e=d("dataUrl");f.preRun.push(function(){f.addRunDependency("dataUrl"),e.then(function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),r=0,n="UnityWebData1.0\0";if(!String.fromCharCode.apply(null,e.subarray(r,r+n.length))==n)throw"unknown data format";r+=n.length;var o=t.getUint32(r,!0);for(r+=4;r<o;){var a=t.getUint32(r,!0);r+=4;var i=t.getUint32(r,!0);r+=4;var s=t.getUint32(r,!0);r+=4;var l=String.fromCharCode.apply(null,e.subarray(r,r+s));r+=s;for(var d=0,u=l.indexOf("/",d)+1;u>0;d=u,u=l.indexOf("/",d)+1)f.FS_createPath(l.substring(0,d),l.substring(d,u-1),!0,!0);f.FS_createDataFile(l,null,e.subarray(a,a+i),!0,!0,!0)}f.removeRunDependency("dataUrl")})})}r=r||function(){};var f={canvas:e,webglContextAttributes:{preserveDrawingBuffer:!1},cacheControl:function(e){return e==f.dataUrl?"must-revalidate":"no-store"},streamingAssetsUrl:"StreamingAssets",downloadProgress:{},deinitializers:[],intervals:{},setInterval:function(e,t){var r=window.setInterval(e,t);return this.intervals[r]=!0,r},clearInterval:function(e){delete this.intervals[e],window.clearInterval(e)},preRun:[],postRun:[],print:function(e){console.log(e)},printErr:function(e){console.error(e),"string"==typeof e&&e.indexOf("wasm streaming compile failed")!=-1&&(e.toLowerCase().indexOf("mime")!=-1?n('HTTP Response Header "Content-Type" configured incorrectly on the server for file '+f.codeUrl+' , should be "application/wasm". Startup time performance will suffer.',"warning"):n('WebAssembly streaming compilation failed! This can happen for example if "Content-Encoding" HTTP header is incorrectly enabled on the server for file '+f.codeUrl+", but the file is not pre-compressed on disk (or vice versa). Check the Network tab in browser Devtools to debug server header configuration.","warning"))},locateFile:function(e){return e},disabledCanvasEvents:["contextmenu","dragstart"]};for(var h in t)f[h]=t[h];f.streamingAssetsUrl=new URL(f.streamingAssetsUrl,document.URL).href;var b=f.disabledCanvasEvents.slice();b.forEach(function(t){e.addEventListener(t,a)}),window.addEventListener("error",o),window.addEventListener("unhandledrejection",o),f.deinitializers.push(function(){f.disableAccessToMediaDevices(),b.forEach(function(t){e.removeEventListener(t,a)}),window.removeEventListener("error",o),window.removeEventListener("unhandledrejection",o);for(var t in f.intervals)window.clearInterval(t);f.intervals={}}),f.QuitCleanup=function(){for(var e=0;e<f.deinitializers.length;e++)f.deinitializers[e]();f.deinitializers=[],"function"==typeof f.onQuit&&f.onQuit()};var m="",g="";document.addEventListener("webkitfullscreenchange",function(t){var r=document.webkitCurrentFullScreenElement;r===e?e.style.width&&(m=e.style.width,g=e.style.height,e.style.width="100%",e.style.height="100%"):m&&(e.style.width=m,e.style.height=g,m="",g="")});var p={Module:f,SetFullscreen:function(){return f.SetFullscreen?f.SetFullscreen.apply(f,arguments):void f.print("Failed to set Fullscreen mode: Player not loaded yet.")},SendMessage:function(){return f.SendMessage?f.SendMessage.apply(f,arguments):void f.print("Failed to execute SendMessage: Player not loaded yet.")},Quit:function(){return new Promise(function(e,t){f.shouldQuit=!0,f.onQuit=e})}};f.SystemInfo=function(){function e(e,t,r){return e=RegExp(e,"i").exec(t),e&&e[r]}for(var t,r,n,o,a,i,s=navigator.userAgent+" ",l=[["Firefox","Firefox"],["OPR","Opera"],["Edg","Edge"],["SamsungBrowser","Samsung Browser"],["Trident","Internet Explorer"],["MSIE","Internet Explorer"],["Chrome","Chrome"],["CriOS","Chrome on iOS Safari"],["FxiOS","Firefox on iOS Safari"],["Safari","Safari"]],d=0;d<l.length;++d)if(r=e(l[d][0]+"[/ ](.*?)[ \\)]",s,1)){t=l[d][1];break}"Safari"==t&&(r=e("Version/(.*?) ",s,1)),"Internet Explorer"==t&&(r=e("rv:(.*?)\\)? ",s,1)||r);for(var u=[["Windows (.*?)[;)]","Windows"],["Android ([0-9_.]+)","Android"],["iPhone OS ([0-9_.]+)","iPhoneOS"],["iPad.*? OS ([0-9_.]+)","iPadOS"],["FreeBSD( )","FreeBSD"],["OpenBSD( )","OpenBSD"],["Linux|X11()","Linux"],["Mac OS X ([0-9_.]+)","MacOS"],["bot|google|baidu|bing|msn|teoma|slurp|yandex","Search Bot"]],c=0;c<u.length;++c)if(o=e(u[c][0],s,1)){n=u[c][1],o=o.replace(/_/g,".");break}var f={"NT 5.0":"2000","NT 5.1":"XP","NT 5.2":"Server 2003","NT 6.0":"Vista","NT 6.1":"7","NT 6.2":"8","NT 6.3":"8.1","NT 10.0":"10"};o=f[o]||o,a=document.createElement("canvas"),a&&(gl=a.getContext("webgl2"),glVersion=gl?2:0,gl||(gl=a&&a.getContext("webgl"))&&(glVersion=1),gl&&(i=gl.getExtension("WEBGL_debug_renderer_info")&&gl.getParameter(37446)||gl.getParameter(7937)));var h="undefined"!=typeof SharedArrayBuffer,b="object"==typeof WebAssembly&&"function"==typeof WebAssembly.compile;return{width:screen.width,height:screen.height,userAgent:s.trim(),browser:t||"Unknown browser",browserVersion:r||"Unknown version",mobile:/Mobile|Android|iP(ad|hone)/.test(navigator.appVersion),os:n||"Unknown OS",osVersion:o||"Unknown OS Version",gpu:i||"Unknown GPU",language:navigator.userLanguage||navigator.language,hasWebGL:glVersion,hasCursorLock:!!document.body.requestPointerLock,hasFullscreen:!!document.body.requestFullscreen||!!document.body.webkitRequestFullscreen,hasThreads:h,hasWasm:b,hasWasmThreads:!1}}(),f.abortHandler=function(e){return i(e,"",0),!0},Error.stackTraceLimit=Math.max(Error.stackTraceLimit||0,50),f.fetchWithProgress=function(){function e(e,t){if(!t)return 0;var r=e.headers.get("Content-Encoding"),n=parseInt(e.headers.get("Content-Length"));switch(r){case"br":return Math.round(5*n);case"gzip":return Math.round(4*n);default:return n}}function t(t,r){var n=function(){};return r&&r.onProgress&&(n=r.onProgress),fetch(t,r).then(function(t){function r(){return"undefined"==typeof a?t.arrayBuffer().then(function(e){return n({type:"progress",total:e.length,loaded:0,lengthComputable:i}),new Uint8Array(e)}):a.read().then(function(e){return e.done?o():(u+e.value.length<=l.length?(l.set(e.value,u),c=u+e.value.length):d.push(e.value),u+=e.value.length,n({type:"progress",total:Math.max(s,u),loaded:u,lengthComputable:i}),r())})}function o(){if(u===s)return l;if(u<s)return l.slice(0,u);var e=new Uint8Array(u);e.set(l,0);for(var t=c,r=0;r<d.length;++r)e.set(d[r],t),t+=d[r].length;return e}var a="undefined"!=typeof t.body?t.body.getReader():void 0,i="undefined"!=typeof t.headers.get("Content-Length"),s=e(t,i),l=new Uint8Array(s),d=[],u=0,c=0;return i||console.warn("[UnityCache] Response is served without Content-Length header. Please reconfigure server to include valid Content-Length for better download performance."),r().then(function(e){return n({type:"load",total:e.length,loaded:e.length,lengthComputable:i}),t.parsedBody=e,t})})}return t}(),f.UnityCache=function(){function e(){function e(e){var t=e.target.result;if(t.objectStoreNames.contains(n.name)||t.createObjectStore(n.name),!t.objectStoreNames.contains(r.name)){var o=t.createObjectStore(r.name,{keyPath:"url"});["version","company","product","updated","revalidated","accessed"].forEach(function(e){o.createIndex(e,e)})}}var a=this;a.isConnected=new Promise(function(r,n){function i(){a.openDBTimeout&&(clearTimeout(a.openDBTimeout),a.openDBTimeout=null)}try{a.openDBTimeout=setTimeout(function(){"undefined"==typeof a.database&&n(new Error("Could not connect to database: Timeout."))},2e3);var s=o.open(t.name,t.version);s.onupgradeneeded=function(t){e(t)},s.onsuccess=function(e){i(),a.database=e.target.result,r()},s.onerror=function(e){i(),a.database=null,n(new Error("Could not connect to database."))}}catch(e){i(),a.database=null,n(new Error("Could not connect to database."))}})}var t={name:"UnityCache",version:3},r={name:"RequestStore",version:1},n={name:"WebAssembly",version:1},o=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB;e.UnityCacheDatabase=t,e.RequestStore=r,e.WebAssemblyStore=n;var a=null;return e.getInstance=function(){return a||(a=new e),a},e.destroyInstance=function(){return a?a.close().then(function(){a=null}):Promise.resolve()},e.clearCache=function(){return e.destroyInstance().then(function(){return new Promise(function(e,r){var n=o.deleteDatabase(t.name);n.onsuccess=function(){e()},n.onerror=function(){r(new Error("Could not delete database."))},n.onblocked=function(){r(new Error("Database blocked."))}})})},e.prototype.execute=function(e,t,r){return this.isConnected.then(function(){return new Promise(function(n,o){try{if(null===this.database)return void o(new Error("indexedDB access denied"));var a=["put","delete","clear"].indexOf(t)!=-1?"readwrite":"readonly",i=this.database.transaction([e],a),s=i.objectStore(e);"openKeyCursor"==t&&(s=s.index(r[0]),r=r.slice(1));var l=s[t].apply(s,r);l.onsuccess=function(e){n(e.target.result)},l.onerror=function(e){o(e)}}catch(e){o(e)}}.bind(this))}.bind(this))},e.prototype.loadRequest=function(e){return this.execute(r.name,"get",[e])},e.prototype.storeRequest=function(e){return this.execute(r.name,"put",[e])},e.prototype.close=function(){return this.isConnected.then(function(){this.database&&(this.database.close(),this.database=null)}.bind(this))},e}(),f.cachedFetch=function(){function e(e){console.log("[UnityCache] "+e)}function t(e){return t.link=t.link||document.createElement("a"),t.link.href=e,t.link.href}function r(e){var t=window.location.href.match(/^[a-z]+:\/\/[^\/]+/);return!t||e.lastIndexOf(t[0],0)}function n(e){e=e||{},this.headers=new Headers,Object.keys(e.headers).forEach(function(t){this.headers.set(t,e.headers[t])}.bind(this)),this.redirected=e.redirected,this.status=e.status,this.statusText=e.statusText,this.type=e.type,this.url=e.url,this.parsedBody=e.parsedBody,Object.defineProperty(this,"ok",{get:function(){return this.status>=200&&this.status<=299}.bind(this)})}function o(e,t,r,n,o){var a={url:e,version:l.version,company:t,product:r,updated:n,revalidated:n,accessed:n,response:{headers:{}}};return o&&(o.headers.forEach(function(e,t){a.response.headers[t]=e}),["redirected","status","statusText","type","url"].forEach(function(e){a.response[e]=o[e]}),a.response.parsedBody=o.parsedBody),a}function a(e,t){return(!t||!t.method||"GET"===t.method)&&((!t||["must-revalidate","immutable"].indexOf(t.control)!=-1)&&!!e.match("^https?://"))}function i(i,u){function c(t,r){return d(t,r).then(function(t){return!m.enabled||m.revalidated?t:304===t.status?(m.result.revalidated=m.result.accessed,m.revalidated=!0,h.storeRequest(m.result).then(function(){e("'"+m.result.url+"' successfully revalidated and served from the indexedDB cache")}).catch(function(t){e("'"+m.result.url+"' successfully revalidated but not stored in the indexedDB cache due to the error: "+t)}),new n(m.result.response)):(200==t.status?(m.result=o(t.url,m.company,m.product,m.accessed,t),m.revalidated=!0,h.storeRequest(m.result).then(function(){e("'"+m.result.url+"' successfully downloaded and stored in the indexedDB cache")}).catch(function(t){e("'"+m.result.url+"' successfully downloaded but not stored in the indexedDB cache due to the error: "+t)})):e("'"+m.result.url+"' request failed with status: "+t.status+" "+t.statusText),t)})}function f(e){u&&u.onProgress&&(u.onProgress({type:"progress",total:e.parsedBody.length,loaded:e.parsedBody.length,lengthComputable:!0}),u.onProgress({type:"load",total:e.parsedBody.length,loaded:e.parsedBody.length,lengthComputable:!0}))}var h=s.getInstance(),b=t("string"==typeof i?i:i.url),m={enabled:a(b,u)};return u&&(m.control=u.control,m.company=u.company,m.product=u.product),m.result=o(b,m.company,m.product,Date.now()),m.revalidated=!1,m.enabled?h.loadRequest(m.result.url).then(function(t){if(!t||t.version!==l.version)return c(i,u);m.result=t,m.result.accessed=Date.now();var o=new n(m.result.response);if("immutable"==m.control)return m.revalidated=!0,h.storeRequest(m.result),e("'"+m.result.url+"' served from the indexedDB cache without revalidation"),f(o),o;if(r(m.result.url)&&(o.headers.get("Last-Modified")||o.headers.get("ETag")))return fetch(m.result.url,{method:"HEAD"}).then(function(t){return m.revalidated=["Last-Modified","ETag"].every(function(e){return!o.headers.get(e)||o.headers.get(e)==t.headers.get(e)}),m.revalidated?(m.result.revalidated=m.result.accessed,h.storeRequest(m.result),e("'"+m.result.url+"' successfully revalidated and served from the indexedDB cache"),f(o),o):c(i,u)});u=u||{};var a=u.headers||{};return u.headers=a,o.headers.get("Last-Modified")?(a["If-Modified-Since"]=o.headers.get("Last-Modified"),a["Cache-Control"]="no-cache"):o.headers.get("ETag")&&(a["If-None-Match"]=o.headers.get("ETag"),a["Cache-Control"]="no-cache"),c(i,u)}).catch(function(t){return e("Failed to load '"+m.result.url+"' from indexedDB cache due to the error: "+t),d(i,u)}):d(i,u)}var s=f.UnityCache,l=s.RequestStore,d=f.fetchWithProgress;return n.prototype.arrayBuffer=function(){return Promise.resolve(this.parsedBody.buffer)},n.prototype.blob=function(){return this.arrayBuffer().then(function(e){return new Blob([e])})},n.prototype.json=function(){return this.text().then(function(e){return JSON.parse(e)})},n.prototype.text=function(){var e=new TextDecoder;return Promise.resolve(e.decode(this.parsedBody))},i}();var w={gzip:{require:function(e){var t={"inflate.js":function(e,t,r){"use strict";function n(e){if(!(this instanceof n))return new n(e);this.options=s.assign({chunkSize:16384,windowBits:0,to:""},e||{});var t=this.options;t.raw&&t.windowBits>=0&&t.windowBits<16&&(t.windowBits=-t.windowBits,0===t.windowBits&&(t.windowBits=-15)),!(t.windowBits>=0&&t.windowBits<16)||e&&e.windowBits||(t.windowBits+=32),t.windowBits>15&&t.windowBits<48&&0===(15&t.windowBits)&&(t.windowBits|=15),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new c,this.strm.avail_out=0;var r=i.inflateInit2(this.strm,t.windowBits);if(r!==d.Z_OK)throw new Error(u[r]);this.header=new f,i.inflateGetHeader(this.strm,this.header)}function o(e,t){var r=new n(t);if(r.push(e,!0),r.err)throw r.msg||u[r.err];return r.result}function a(e,t){return t=t||{},t.raw=!0,o(e,t)}var i=e("./zlib/inflate"),s=e("./utils/common"),l=e("./utils/strings"),d=e("./zlib/constants"),u=e("./zlib/messages"),c=e("./zlib/zstream"),f=e("./zlib/gzheader"),h=Object.prototype.toString;n.prototype.push=function(e,t){var r,n,o,a,u,c,f=this.strm,b=this.options.chunkSize,m=this.options.dictionary,g=!1;if(this.ended)return!1;n=t===~~t?t:t===!0?d.Z_FINISH:d.Z_NO_FLUSH,"string"==typeof e?f.input=l.binstring2buf(e):"[object ArrayBuffer]"===h.call(e)?f.input=new Uint8Array(e):f.input=e,f.next_in=0,f.avail_in=f.input.length;do{if(0===f.avail_out&&(f.output=new s.Buf8(b),f.next_out=0,f.avail_out=b),r=i.inflate(f,d.Z_NO_FLUSH),r===d.Z_NEED_DICT&&m&&(c="string"==typeof m?l.string2buf(m):"[object ArrayBuffer]"===h.call(m)?new Uint8Array(m):m,r=i.inflateSetDictionary(this.strm,c)),r===d.Z_BUF_ERROR&&g===!0&&(r=d.Z_OK,g=!1),r!==d.Z_STREAM_END&&r!==d.Z_OK)return this.onEnd(r),this.ended=!0,!1;f.next_out&&(0!==f.avail_out&&r!==d.Z_STREAM_END&&(0!==f.avail_in||n!==d.Z_FINISH&&n!==d.Z_SYNC_FLUSH)||("string"===this.options.to?(o=l.utf8border(f.output,f.next_out),a=f.next_out-o,u=l.buf2string(f.output,o),f.next_out=a,f.avail_out=b-a,a&&s.arraySet(f.output,f.output,o,a,0),this.onData(u)):this.onData(s.shrinkBuf(f.output,f.next_out)))),0===f.avail_in&&0===f.avail_out&&(g=!0)}while((f.avail_in>0||0===f.avail_out)&&r!==d.Z_STREAM_END);return r===d.Z_STREAM_END&&(n=d.Z_FINISH),n===d.Z_FINISH?(r=i.inflateEnd(this.strm),this.onEnd(r),this.ended=!0,r===d.Z_OK):n!==d.Z_SYNC_FLUSH||(this.onEnd(d.Z_OK),f.avail_out=0,!0)},n.prototype.onData=function(e){this.chunks.push(e)},n.prototype.onEnd=function(e){e===d.Z_OK&&("string"===this.options.to?this.result=this.chunks.join(""):this.result=s.flattenChunks(this.chunks)),this.chunks=[],this.err=e,this.msg=this.strm.msg},r.Inflate=n,r.inflate=o,r.inflateRaw=a,r.ungzip=o},"utils/common.js":function(e,t,r){"use strict";var n="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Int32Array;r.assign=function(e){for(var t=Array.prototype.slice.call(arguments,1);t.length;){var r=t.shift();if(r){if("object"!=typeof r)throw new TypeError(r+"must be non-object");for(var n in r)r.hasOwnProperty(n)&&(e[n]=r[n])}}return e},r.shrinkBuf=function(e,t){return e.length===t?e:e.subarray?e.subarray(0,t):(e.length=t,e)};var o={arraySet:function(e,t,r,n,o){if(t.subarray&&e.subarray)return void e.set(t.subarray(r,r+n),o);for(var a=0;a<n;a++)e[o+a]=t[r+a]},flattenChunks:function(e){var t,r,n,o,a,i;for(n=0,t=0,r=e.length;t<r;t++)n+=e[t].length;for(i=new Uint8Array(n),o=0,t=0,r=e.length;t<r;t++)a=e[t],i.set(a,o),o+=a.length;return i}},a={arraySet:function(e,t,r,n,o){for(var a=0;a<n;a++)e[o+a]=t[r+a]},flattenChunks:function(e){return[].concat.apply([],e)}};r.setTyped=function(e){e?(r.Buf8=Uint8Array,r.Buf16=Uint16Array,r.Buf32=Int32Array,r.assign(r,o)):(r.Buf8=Array,r.Buf16=Array,r.Buf32=Array,r.assign(r,a))},r.setTyped(n)},"utils/strings.js":function(e,t,r){"use strict";function n(e,t){if(t<65537&&(e.subarray&&i||!e.subarray&&a))return String.fromCharCode.apply(null,o.shrinkBuf(e,t));for(var r="",n=0;n<t;n++)r+=String.fromCharCode(e[n]);return r}var o=e("./common"),a=!0,i=!0;try{String.fromCharCode.apply(null,[0])}catch(e){a=!1}try{String.fromCharCode.apply(null,new Uint8Array(1))}catch(e){i=!1}for(var s=new o.Buf8(256),l=0;l<256;l++)s[l]=l>=252?6:l>=248?5:l>=240?4:l>=224?3:l>=192?2:1;s[254]=s[254]=1,r.string2buf=function(e){var t,r,n,a,i,s=e.length,l=0;for(a=0;a<s;a++)r=e.charCodeAt(a),55296===(64512&r)&&a+1<s&&(n=e.charCodeAt(a+1),56320===(64512&n)&&(r=65536+(r-55296<<10)+(n-56320),a++)),l+=r<128?1:r<2048?2:r<65536?3:4;for(t=new o.Buf8(l),i=0,a=0;i<l;a++)r=e.charCodeAt(a),55296===(64512&r)&&a+1<s&&(n=e.charCodeAt(a+1),56320===(64512&n)&&(r=65536+(r-55296<<10)+(n-56320),a++)),r<128?t[i++]=r:r<2048?(t[i++]=192|r>>>6,t[i++]=128|63&r):r<65536?(t[i++]=224|r>>>12,t[i++]=128|r>>>6&63,t[i++]=128|63&r):(t[i++]=240|r>>>18,t[i++]=128|r>>>12&63,t[i++]=128|r>>>6&63,t[i++]=128|63&r);return t},r.buf2binstring=function(e){return n(e,e.length)},r.binstring2buf=function(e){for(var t=new o.Buf8(e.length),r=0,n=t.length;r<n;r++)t[r]=e.charCodeAt(r);return t},r.buf2string=function(e,t){var r,o,a,i,l=t||e.length,d=new Array(2*l);for(o=0,r=0;r<l;)if(a=e[r++],a<128)d[o++]=a;else if(i=s[a],i>4)d[o++]=65533,r+=i-1;else{for(a&=2===i?31:3===i?15:7;i>1&&r<l;)a=a<<6|63&e[r++],i--;i>1?d[o++]=65533:a<65536?d[o++]=a:(a-=65536,d[o++]=55296|a>>10&1023,d[o++]=56320|1023&a)}return n(d,o)},r.utf8border=function(e,t){var r;for(t=t||e.length,t>e.length&&(t=e.length),r=t-1;r>=0&&128===(192&e[r]);)r--;return r<0?t:0===r?t:r+s[e[r]]>t?r:t}},"zlib/inflate.js":function(e,t,r){"use strict";function n(e){return(e>>>24&255)+(e>>>8&65280)+((65280&e)<<8)+((255&e)<<24)}function o(){this.mode=0,this.last=!1,this.wrap=0,this.havedict=!1,this.flags=0,this.dmax=0,this.check=0,this.total=0,this.head=null,this.wbits=0,this.wsize=0,this.whave=0,this.wnext=0,this.window=null,this.hold=0,this.bits=0,this.length=0,this.offset=0,this.extra=0,this.lencode=null,this.distcode=null,this.lenbits=0,this.distbits=0,this.ncode=0,this.nlen=0,this.ndist=0,this.have=0,this.next=null,this.lens=new w.Buf16(320),this.work=new w.Buf16(288),this.lendyn=null,this.distdyn=null,this.sane=0,this.back=0,this.was=0}function a(e){var t;return e&&e.state?(t=e.state,e.total_in=e.total_out=t.total=0,e.msg="",t.wrap&&(e.adler=1&t.wrap),t.mode=z,t.last=0,t.havedict=0,t.dmax=32768,t.head=null,t.hold=0,t.bits=0,t.lencode=t.lendyn=new w.Buf32(me),t.distcode=t.distdyn=new w.Buf32(ge),t.sane=1,t.back=-1,T):O}function i(e){var t;return e&&e.state?(t=e.state,t.wsize=0,t.whave=0,t.wnext=0,a(e)):O}function s(e,t){var r,n;return e&&e.state?(n=e.state,t<0?(r=0,t=-t):(r=(t>>4)+1,t<48&&(t&=15)),t&&(t<8||t>15)?O:(null!==n.window&&n.wbits!==t&&(n.window=null),n.wrap=r,n.wbits=t,i(e))):O}function l(e,t){var r,n;return e?(n=new o,e.state=n,n.window=null,r=s(e,t),r!==T&&(e.state=null),r):O}function d(e){return l(e,we)}function u(e){if(ve){var t;for(g=new w.Buf32(512),p=new w.Buf32(32),t=0;t<144;)e.lens[t++]=8;for(;t<256;)e.lens[t++]=9;for(;t<280;)e.lens[t++]=7;for(;t<288;)e.lens[t++]=8;for(x(S,e.lens,0,288,g,0,e.work,{bits:9}),t=0;t<32;)e.lens[t++]=5;x(E,e.lens,0,32,p,0,e.work,{bits:5}),ve=!1}e.lencode=g,e.lenbits=9,e.distcode=p,e.distbits=5}function c(e,t,r,n){var o,a=e.state;return null===a.window&&(a.wsize=1<<a.wbits,a.wnext=0,a.whave=0,a.window=new w.Buf8(a.wsize)),n>=a.wsize?(w.arraySet(a.window,t,r-a.wsize,a.wsize,0),a.wnext=0,a.whave=a.wsize):(o=a.wsize-a.wnext,o>n&&(o=n),w.arraySet(a.window,t,r-n,o,a.wnext),n-=o,n?(w.arraySet(a.window,t,r-n,n,0),a.wnext=n,a.whave=a.wsize):(a.wnext+=o,a.wnext===a.wsize&&(a.wnext=0),a.whave<a.wsize&&(a.whave+=o))),0}function f(e,t){var r,o,a,i,s,l,d,f,h,b,m,g,p,me,ge,pe,we,ve,ye,ke,xe,_e,Se,Ee,Ce=0,Be=new w.Buf8(4),Ue=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15];if(!e||!e.state||!e.output||!e.input&&0!==e.avail_in)return O;r=e.state,r.mode===V&&(r.mode=Y),s=e.next_out,a=e.output,d=e.avail_out,i=e.next_in,o=e.input,l=e.avail_in,f=r.hold,h=r.bits,b=l,m=d,_e=T;e:for(;;)switch(r.mode){case z:if(0===r.wrap){r.mode=Y;break}for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(2&r.wrap&&35615===f){r.check=0,Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0),f=0,h=0,r.mode=N;break}if(r.flags=0,r.head&&(r.head.done=!1),!(1&r.wrap)||(((255&f)<<8)+(f>>8))%31){e.msg="incorrect header check",r.mode=fe;break}if((15&f)!==D){e.msg="unknown compression method",r.mode=fe;break}if(f>>>=4,h-=4,xe=(15&f)+8,0===r.wbits)r.wbits=xe;else if(xe>r.wbits){e.msg="invalid window size",r.mode=fe;break}r.dmax=1<<xe,e.adler=r.check=1,r.mode=512&f?q:V,f=0,h=0;break;case N:for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(r.flags=f,(255&r.flags)!==D){e.msg="unknown compression method",r.mode=fe;break}if(57344&r.flags){e.msg="unknown header flags set",r.mode=fe;break}r.head&&(r.head.text=f>>8&1),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0,r.mode=F;case F:for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.head&&(r.head.time=f),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,Be[2]=f>>>16&255,Be[3]=f>>>24&255,r.check=y(r.check,Be,4,0)),f=0,h=0,r.mode=Z;case Z:for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.head&&(r.head.xflags=255&f,r.head.os=f>>8),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0,r.mode=j;case j:if(1024&r.flags){for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.length=f,r.head&&(r.head.extra_len=f),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0}else r.head&&(r.head.extra=null);r.mode=H;case H:if(1024&r.flags&&(g=r.length,g>l&&(g=l),g&&(r.head&&(xe=r.head.extra_len-r.length,r.head.extra||(r.head.extra=new Array(r.head.extra_len)),w.arraySet(r.head.extra,o,i,g,xe)),512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,r.length-=g),r.length))break e;r.length=0,r.mode=M;case M:if(2048&r.flags){if(0===l)break e;g=0;do xe=o[i+g++],r.head&&xe&&r.length<65536&&(r.head.name+=String.fromCharCode(xe));while(xe&&g<l);if(512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,xe)break e}else r.head&&(r.head.name=null);r.length=0,r.mode=W;case W:if(4096&r.flags){if(0===l)break e;g=0;do xe=o[i+g++],r.head&&xe&&r.length<65536&&(r.head.comment+=String.fromCharCode(xe));while(xe&&g<l);if(512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,xe)break e}else r.head&&(r.head.comment=null);r.mode=G;case G:if(512&r.flags){for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f!==(65535&r.check)){e.msg="header crc mismatch",r.mode=fe;break}f=0,h=0}r.head&&(r.head.hcrc=r.flags>>9&1,r.head.done=!0),e.adler=r.check=0,r.mode=V;break;case q:for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}e.adler=r.check=n(f),f=0,h=0,r.mode=K;case K:if(0===r.havedict)return e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,L;e.adler=r.check=1,r.mode=V;case V:if(t===B||t===U)break e;case Y:if(r.last){f>>>=7&h,h-=7&h,r.mode=de;break}for(;h<3;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}switch(r.last=1&f,f>>>=1,h-=1,3&f){case 0:r.mode=Q;break;case 1:if(u(r),r.mode=re,t===U){f>>>=2,h-=2;break e}break;case 2:r.mode=$;break;case 3:e.msg="invalid block type",r.mode=fe}f>>>=2,h-=2;break;case Q:for(f>>>=7&h,h-=7&h;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if((65535&f)!==(f>>>16^65535)){e.msg="invalid stored block lengths",r.mode=fe;break}if(r.length=65535&f,f=0,h=0,r.mode=X,t===U)break e;case X:r.mode=J;case J:if(g=r.length){if(g>l&&(g=l),g>d&&(g=d),0===g)break e;w.arraySet(a,o,i,g,s),l-=g,i+=g,d-=g,s+=g,r.length-=g;break}r.mode=V;break;case $:for(;h<14;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(r.nlen=(31&f)+257,f>>>=5,h-=5,r.ndist=(31&f)+1,f>>>=5,h-=5,r.ncode=(15&f)+4,f>>>=4,h-=4,r.nlen>286||r.ndist>30){e.msg="too many length or distance symbols",r.mode=fe;break}r.have=0,r.mode=ee;case ee:for(;r.have<r.ncode;){for(;h<3;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.lens[Ue[r.have++]]=7&f,f>>>=3,h-=3}for(;r.have<19;)r.lens[Ue[r.have++]]=0;if(r.lencode=r.lendyn,r.lenbits=7,Se={bits:r.lenbits},_e=x(_,r.lens,0,19,r.lencode,0,r.work,Se),r.lenbits=Se.bits,_e){e.msg="invalid code lengths set",r.mode=fe;break}r.have=0,r.mode=te;case te:for(;r.have<r.nlen+r.ndist;){for(;Ce=r.lencode[f&(1<<r.lenbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(we<16)f>>>=ge,h-=ge,r.lens[r.have++]=we;else{if(16===we){for(Ee=ge+2;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f>>>=ge,h-=ge,0===r.have){e.msg="invalid bit length repeat",r.mode=fe;
+break}xe=r.lens[r.have-1],g=3+(3&f),f>>>=2,h-=2}else if(17===we){for(Ee=ge+3;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ge,h-=ge,xe=0,g=3+(7&f),f>>>=3,h-=3}else{for(Ee=ge+7;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ge,h-=ge,xe=0,g=11+(127&f),f>>>=7,h-=7}if(r.have+g>r.nlen+r.ndist){e.msg="invalid bit length repeat",r.mode=fe;break}for(;g--;)r.lens[r.have++]=xe}}if(r.mode===fe)break;if(0===r.lens[256]){e.msg="invalid code -- missing end-of-block",r.mode=fe;break}if(r.lenbits=9,Se={bits:r.lenbits},_e=x(S,r.lens,0,r.nlen,r.lencode,0,r.work,Se),r.lenbits=Se.bits,_e){e.msg="invalid literal/lengths set",r.mode=fe;break}if(r.distbits=6,r.distcode=r.distdyn,Se={bits:r.distbits},_e=x(E,r.lens,r.nlen,r.ndist,r.distcode,0,r.work,Se),r.distbits=Se.bits,_e){e.msg="invalid distances set",r.mode=fe;break}if(r.mode=re,t===U)break e;case re:r.mode=ne;case ne:if(l>=6&&d>=258){e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,k(e,m),s=e.next_out,a=e.output,d=e.avail_out,i=e.next_in,o=e.input,l=e.avail_in,f=r.hold,h=r.bits,r.mode===V&&(r.back=-1);break}for(r.back=0;Ce=r.lencode[f&(1<<r.lenbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(pe&&0===(240&pe)){for(ve=ge,ye=pe,ke=we;Ce=r.lencode[ke+((f&(1<<ve+ye)-1)>>ve)],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ve+ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ve,h-=ve,r.back+=ve}if(f>>>=ge,h-=ge,r.back+=ge,r.length=we,0===pe){r.mode=le;break}if(32&pe){r.back=-1,r.mode=V;break}if(64&pe){e.msg="invalid literal/length code",r.mode=fe;break}r.extra=15&pe,r.mode=oe;case oe:if(r.extra){for(Ee=r.extra;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.length+=f&(1<<r.extra)-1,f>>>=r.extra,h-=r.extra,r.back+=r.extra}r.was=r.length,r.mode=ae;case ae:for(;Ce=r.distcode[f&(1<<r.distbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(0===(240&pe)){for(ve=ge,ye=pe,ke=we;Ce=r.distcode[ke+((f&(1<<ve+ye)-1)>>ve)],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ve+ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ve,h-=ve,r.back+=ve}if(f>>>=ge,h-=ge,r.back+=ge,64&pe){e.msg="invalid distance code",r.mode=fe;break}r.offset=we,r.extra=15&pe,r.mode=ie;case ie:if(r.extra){for(Ee=r.extra;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.offset+=f&(1<<r.extra)-1,f>>>=r.extra,h-=r.extra,r.back+=r.extra}if(r.offset>r.dmax){e.msg="invalid distance too far back",r.mode=fe;break}r.mode=se;case se:if(0===d)break e;if(g=m-d,r.offset>g){if(g=r.offset-g,g>r.whave&&r.sane){e.msg="invalid distance too far back",r.mode=fe;break}g>r.wnext?(g-=r.wnext,p=r.wsize-g):p=r.wnext-g,g>r.length&&(g=r.length),me=r.window}else me=a,p=s-r.offset,g=r.length;g>d&&(g=d),d-=g,r.length-=g;do a[s++]=me[p++];while(--g);0===r.length&&(r.mode=ne);break;case le:if(0===d)break e;a[s++]=r.length,d--,r.mode=ne;break;case de:if(r.wrap){for(;h<32;){if(0===l)break e;l--,f|=o[i++]<<h,h+=8}if(m-=d,e.total_out+=m,r.total+=m,m&&(e.adler=r.check=r.flags?y(r.check,a,m,s-m):v(r.check,a,m,s-m)),m=d,(r.flags?f:n(f))!==r.check){e.msg="incorrect data check",r.mode=fe;break}f=0,h=0}r.mode=ue;case ue:if(r.wrap&&r.flags){for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f!==(4294967295&r.total)){e.msg="incorrect length check",r.mode=fe;break}f=0,h=0}r.mode=ce;case ce:_e=R;break e;case fe:_e=I;break e;case he:return A;case be:default:return O}return e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,(r.wsize||m!==e.avail_out&&r.mode<fe&&(r.mode<de||t!==C))&&c(e,e.output,e.next_out,m-e.avail_out)?(r.mode=he,A):(b-=e.avail_in,m-=e.avail_out,e.total_in+=b,e.total_out+=m,r.total+=m,r.wrap&&m&&(e.adler=r.check=r.flags?y(r.check,a,m,e.next_out-m):v(r.check,a,m,e.next_out-m)),e.data_type=r.bits+(r.last?64:0)+(r.mode===V?128:0)+(r.mode===re||r.mode===X?256:0),(0===b&&0===m||t===C)&&_e===T&&(_e=P),_e)}function h(e){if(!e||!e.state)return O;var t=e.state;return t.window&&(t.window=null),e.state=null,T}function b(e,t){var r;return e&&e.state?(r=e.state,0===(2&r.wrap)?O:(r.head=t,t.done=!1,T)):O}function m(e,t){var r,n,o,a=t.length;return e&&e.state?(r=e.state,0!==r.wrap&&r.mode!==K?O:r.mode===K&&(n=1,n=v(n,t,a,0),n!==r.check)?I:(o=c(e,t,a,a))?(r.mode=he,A):(r.havedict=1,T)):O}var g,p,w=e("../utils/common"),v=e("./adler32"),y=e("./crc32"),k=e("./inffast"),x=e("./inftrees"),_=0,S=1,E=2,C=4,B=5,U=6,T=0,R=1,L=2,O=-2,I=-3,A=-4,P=-5,D=8,z=1,N=2,F=3,Z=4,j=5,H=6,M=7,W=8,G=9,q=10,K=11,V=12,Y=13,Q=14,X=15,J=16,$=17,ee=18,te=19,re=20,ne=21,oe=22,ae=23,ie=24,se=25,le=26,de=27,ue=28,ce=29,fe=30,he=31,be=32,me=852,ge=592,pe=15,we=pe,ve=!0;r.inflateReset=i,r.inflateReset2=s,r.inflateResetKeep=a,r.inflateInit=d,r.inflateInit2=l,r.inflate=f,r.inflateEnd=h,r.inflateGetHeader=b,r.inflateSetDictionary=m,r.inflateInfo="pako inflate (from Nodeca project)"},"zlib/constants.js":function(e,t,r){"use strict";t.exports={Z_NO_FLUSH:0,Z_PARTIAL_FLUSH:1,Z_SYNC_FLUSH:2,Z_FULL_FLUSH:3,Z_FINISH:4,Z_BLOCK:5,Z_TREES:6,Z_OK:0,Z_STREAM_END:1,Z_NEED_DICT:2,Z_ERRNO:-1,Z_STREAM_ERROR:-2,Z_DATA_ERROR:-3,Z_BUF_ERROR:-5,Z_NO_COMPRESSION:0,Z_BEST_SPEED:1,Z_BEST_COMPRESSION:9,Z_DEFAULT_COMPRESSION:-1,Z_FILTERED:1,Z_HUFFMAN_ONLY:2,Z_RLE:3,Z_FIXED:4,Z_DEFAULT_STRATEGY:0,Z_BINARY:0,Z_TEXT:1,Z_UNKNOWN:2,Z_DEFLATED:8}},"zlib/messages.js":function(e,t,r){"use strict";t.exports={2:"need dictionary",1:"stream end",0:"","-1":"file error","-2":"stream error","-3":"data error","-4":"insufficient memory","-5":"buffer error","-6":"incompatible version"}},"zlib/zstream.js":function(e,t,r){"use strict";function n(){this.input=null,this.next_in=0,this.avail_in=0,this.total_in=0,this.output=null,this.next_out=0,this.avail_out=0,this.total_out=0,this.msg="",this.state=null,this.data_type=2,this.adler=0}t.exports=n},"zlib/gzheader.js":function(e,t,r){"use strict";function n(){this.text=0,this.time=0,this.xflags=0,this.os=0,this.extra=null,this.extra_len=0,this.name="",this.comment="",this.hcrc=0,this.done=!1}t.exports=n},"zlib/adler32.js":function(e,t,r){"use strict";function n(e,t,r,n){for(var o=65535&e|0,a=e>>>16&65535|0,i=0;0!==r;){i=r>2e3?2e3:r,r-=i;do o=o+t[n++]|0,a=a+o|0;while(--i);o%=65521,a%=65521}return o|a<<16|0}t.exports=n},"zlib/crc32.js":function(e,t,r){"use strict";function n(){for(var e,t=[],r=0;r<256;r++){e=r;for(var n=0;n<8;n++)e=1&e?3988292384^e>>>1:e>>>1;t[r]=e}return t}function o(e,t,r,n){var o=a,i=n+r;e^=-1;for(var s=n;s<i;s++)e=e>>>8^o[255&(e^t[s])];return e^-1}var a=n();t.exports=o},"zlib/inffast.js":function(e,t,r){"use strict";var n=30,o=12;t.exports=function(e,t){var r,a,i,s,l,d,u,c,f,h,b,m,g,p,w,v,y,k,x,_,S,E,C,B,U;r=e.state,a=e.next_in,B=e.input,i=a+(e.avail_in-5),s=e.next_out,U=e.output,l=s-(t-e.avail_out),d=s+(e.avail_out-257),u=r.dmax,c=r.wsize,f=r.whave,h=r.wnext,b=r.window,m=r.hold,g=r.bits,p=r.lencode,w=r.distcode,v=(1<<r.lenbits)-1,y=(1<<r.distbits)-1;e:do{g<15&&(m+=B[a++]<<g,g+=8,m+=B[a++]<<g,g+=8),k=p[m&v];t:for(;;){if(x=k>>>24,m>>>=x,g-=x,x=k>>>16&255,0===x)U[s++]=65535&k;else{if(!(16&x)){if(0===(64&x)){k=p[(65535&k)+(m&(1<<x)-1)];continue t}if(32&x){r.mode=o;break e}e.msg="invalid literal/length code",r.mode=n;break e}_=65535&k,x&=15,x&&(g<x&&(m+=B[a++]<<g,g+=8),_+=m&(1<<x)-1,m>>>=x,g-=x),g<15&&(m+=B[a++]<<g,g+=8,m+=B[a++]<<g,g+=8),k=w[m&y];r:for(;;){if(x=k>>>24,m>>>=x,g-=x,x=k>>>16&255,!(16&x)){if(0===(64&x)){k=w[(65535&k)+(m&(1<<x)-1)];continue r}e.msg="invalid distance code",r.mode=n;break e}if(S=65535&k,x&=15,g<x&&(m+=B[a++]<<g,g+=8,g<x&&(m+=B[a++]<<g,g+=8)),S+=m&(1<<x)-1,S>u){e.msg="invalid distance too far back",r.mode=n;break e}if(m>>>=x,g-=x,x=s-l,S>x){if(x=S-x,x>f&&r.sane){e.msg="invalid distance too far back",r.mode=n;break e}if(E=0,C=b,0===h){if(E+=c-x,x<_){_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}}else if(h<x){if(E+=c+h-x,x-=h,x<_){_-=x;do U[s++]=b[E++];while(--x);if(E=0,h<_){x=h,_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}}}else if(E+=h-x,x<_){_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}for(;_>2;)U[s++]=C[E++],U[s++]=C[E++],U[s++]=C[E++],_-=3;_&&(U[s++]=C[E++],_>1&&(U[s++]=C[E++]))}else{E=s-S;do U[s++]=U[E++],U[s++]=U[E++],U[s++]=U[E++],_-=3;while(_>2);_&&(U[s++]=U[E++],_>1&&(U[s++]=U[E++]))}break}}break}}while(a<i&&s<d);_=g>>3,a-=_,g-=_<<3,m&=(1<<g)-1,e.next_in=a,e.next_out=s,e.avail_in=a<i?5+(i-a):5-(a-i),e.avail_out=s<d?257+(d-s):257-(s-d),r.hold=m,r.bits=g}},"zlib/inftrees.js":function(e,t,r){"use strict";var n=e("../utils/common"),o=15,a=852,i=592,s=0,l=1,d=2,u=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],c=[16,16,16,16,16,16,16,16,17,17,17,17,18,18,18,18,19,19,19,19,20,20,20,20,21,21,21,21,16,72,78],f=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,0,0],h=[16,16,16,16,17,17,18,18,19,19,20,20,21,21,22,22,23,23,24,24,25,25,26,26,27,27,28,28,29,29,64,64];t.exports=function(e,t,r,b,m,g,p,w){var v,y,k,x,_,S,E,C,B,U=w.bits,T=0,R=0,L=0,O=0,I=0,A=0,P=0,D=0,z=0,N=0,F=null,Z=0,j=new n.Buf16(o+1),H=new n.Buf16(o+1),M=null,W=0;for(T=0;T<=o;T++)j[T]=0;for(R=0;R<b;R++)j[t[r+R]]++;for(I=U,O=o;O>=1&&0===j[O];O--);if(I>O&&(I=O),0===O)return m[g++]=20971520,m[g++]=20971520,w.bits=1,0;for(L=1;L<O&&0===j[L];L++);for(I<L&&(I=L),D=1,T=1;T<=o;T++)if(D<<=1,D-=j[T],D<0)return-1;if(D>0&&(e===s||1!==O))return-1;for(H[1]=0,T=1;T<o;T++)H[T+1]=H[T]+j[T];for(R=0;R<b;R++)0!==t[r+R]&&(p[H[t[r+R]]++]=R);if(e===s?(F=M=p,S=19):e===l?(F=u,Z-=257,M=c,W-=257,S=256):(F=f,M=h,S=-1),N=0,R=0,T=L,_=g,A=I,P=0,k=-1,z=1<<I,x=z-1,e===l&&z>a||e===d&&z>i)return 1;for(;;){E=T-P,p[R]<S?(C=0,B=p[R]):p[R]>S?(C=M[W+p[R]],B=F[Z+p[R]]):(C=96,B=0),v=1<<T-P,y=1<<A,L=y;do y-=v,m[_+(N>>P)+y]=E<<24|C<<16|B|0;while(0!==y);for(v=1<<T-1;N&v;)v>>=1;if(0!==v?(N&=v-1,N+=v):N=0,R++,0===--j[T]){if(T===O)break;T=t[r+p[R]]}if(T>I&&(N&x)!==k){for(0===P&&(P=I),_+=L,A=T-P,D=1<<A;A+P<O&&(D-=j[A+P],!(D<=0));)A++,D<<=1;if(z+=1<<A,e===l&&z>a||e===d&&z>i)return 1;k=N&x,m[k]=I<<24|A<<16|_-g|0}}return 0!==N&&(m[_+N]=T-P<<24|64<<16|0),w.bits=I,0}}};for(var r in t)t[r].folder=r.substring(0,r.lastIndexOf("/")+1);var n=function(e){var r=[];return e=e.split("/").every(function(e){return".."==e?r.pop():"."==e||""==e||r.push(e)})?r.join("/"):null,e?t[e]||t[e+".js"]||t[e+"/index.js"]:null},o=function(e,t){return e?n(e.folder+"node_modules/"+t)||o(e.parent,t):null},a=function(e,t){var r=t.match(/^\//)?null:e?t.match(/^\.\.?\//)?n(e.folder+t):o(e,t):n(t);if(!r)throw"module not found: "+t;return r.exports||(r.parent=e,r(a.bind(null,r),r,r.exports={})),r.exports};return a(null,e)},decompress:function(e){this.exports||(this.exports=this.require("inflate.js"));try{return this.exports.inflate(e)}catch(e){}},hasUnityMarker:function(e){var t=10,r="UnityWeb Compressed Content (gzip)";if(t>e.length||31!=e[0]||139!=e[1])return!1;var n=e[3];if(4&n){if(t+2>e.length)return!1;if(t+=2+e[t]+(e[t+1]<<8),t>e.length)return!1}if(8&n){for(;t<e.length&&e[t];)t++;if(t+1>e.length)return!1;t++}return 16&n&&String.fromCharCode.apply(null,e.subarray(t,t+r.length+1))==r+"\0"}}};return new Promise(function(e,t){f.SystemInfo.hasWebGL?f.SystemInfo.hasWasm?(1==f.SystemInfo.hasWebGL&&f.print('Warning: Your browser does not support "WebGL 2" Graphics API, switching to "WebGL 1"'),f.startupErrorHandler=t,r(0),f.postRun.push(function(){r(1),delete f.startupErrorHandler,e(p)}),c()):t("Your browser does not support WebAssembly."):t("Your browser does not support WebGL.")})}
\ No newline at end of file
diff --git a/public/VideoWeb(1)/Build/VideoWeb.wasm.unityweb b/public/VideoWeb(1)/Build/VideoWeb.wasm.unityweb
new file mode 100644
index 00000000..747f14b6
Binary files /dev/null and b/public/VideoWeb(1)/Build/VideoWeb.wasm.unityweb differ
diff --git a/public/VideoWeb(1)/StreamingAssets/UnityServicesProjectConfiguration.json b/public/VideoWeb(1)/StreamingAssets/UnityServicesProjectConfiguration.json
new file mode 100644
index 00000000..2f550eef
--- /dev/null
+++ b/public/VideoWeb(1)/StreamingAssets/UnityServicesProjectConfiguration.json
@@ -0,0 +1 @@
+{"Keys":["com.unity.services.core.version"],"Values":[{"m_Value":"1.3.1","m_IsReadOnly":true}]}
\ No newline at end of file
diff --git a/public/VideoWeb(1)/TemplateData/favicon.ico b/public/VideoWeb(1)/TemplateData/favicon.ico
new file mode 100644
index 00000000..07db3938
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/favicon.ico differ
diff --git a/public/VideoWeb(1)/TemplateData/fullscreen-button.png b/public/VideoWeb(1)/TemplateData/fullscreen-button.png
new file mode 100644
index 00000000..e7b6496f
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/fullscreen-button.png differ
diff --git a/public/VideoWeb(1)/TemplateData/progress-bar-empty-dark.png b/public/VideoWeb(1)/TemplateData/progress-bar-empty-dark.png
new file mode 100644
index 00000000..d01612f7
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/progress-bar-empty-dark.png differ
diff --git a/public/VideoWeb(1)/TemplateData/progress-bar-empty-light.png b/public/VideoWeb(1)/TemplateData/progress-bar-empty-light.png
new file mode 100644
index 00000000..593a3290
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/progress-bar-empty-light.png differ
diff --git a/public/VideoWeb(1)/TemplateData/progress-bar-full-dark.png b/public/VideoWeb(1)/TemplateData/progress-bar-full-dark.png
new file mode 100644
index 00000000..c432c866
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/progress-bar-full-dark.png differ
diff --git a/public/VideoWeb(1)/TemplateData/progress-bar-full-light.png b/public/VideoWeb(1)/TemplateData/progress-bar-full-light.png
new file mode 100644
index 00000000..e683131a
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/progress-bar-full-light.png differ
diff --git a/public/VideoWeb(1)/TemplateData/style.css b/public/VideoWeb(1)/TemplateData/style.css
new file mode 100644
index 00000000..4d402f40
--- /dev/null
+++ b/public/VideoWeb(1)/TemplateData/style.css
@@ -0,0 +1,16 @@
+body { padding: 0; margin: 0 }
+#unity-container { position: absolute }
+#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
+#unity-container.unity-mobile { width: 100%; height: 100% }
+#unity-canvas { background: #231F20 }
+.unity-mobile #unity-canvas { width: 100%; height: 100% }
+#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
+#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
+#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
+#unity-footer { position: relative }
+.unity-mobile #unity-footer { display: none }
+#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
+#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
+#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
+#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
diff --git a/public/VideoWeb(1)/TemplateData/unity-logo-dark.png b/public/VideoWeb(1)/TemplateData/unity-logo-dark.png
new file mode 100644
index 00000000..2c332384
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/unity-logo-dark.png differ
diff --git a/public/VideoWeb(1)/TemplateData/unity-logo-light.png b/public/VideoWeb(1)/TemplateData/unity-logo-light.png
new file mode 100644
index 00000000..9f0ab84b
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/unity-logo-light.png differ
diff --git a/public/VideoWeb(1)/TemplateData/webgl-logo.png b/public/VideoWeb(1)/TemplateData/webgl-logo.png
new file mode 100644
index 00000000..338b1ae1
Binary files /dev/null and b/public/VideoWeb(1)/TemplateData/webgl-logo.png differ
diff --git a/public/VideoWeb(1)/index.html b/public/VideoWeb(1)/index.html
new file mode 100644
index 00000000..60bf428f
--- /dev/null
+++ b/public/VideoWeb(1)/index.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Unity WebGL Player | Painter</title>
+    <link rel="shortcut icon" href="TemplateData/favicon.ico">
+    <link rel="stylesheet" href="TemplateData/style.css">
+  </head>
+  <body>
+    <div id="unity-container" class="unity-desktop">
+      <canvas id="unity-canvas" width=960 height=600></canvas>
+      <div id="unity-loading-bar">
+        <div id="unity-logo"></div>
+        <div id="unity-progress-bar-empty">
+          <div id="unity-progress-bar-full"></div>
+        </div>
+      </div>
+      <div id="unity-warning"> </div>
+      <div id="unity-footer">
+        <div id="unity-webgl-logo"></div>
+        <div id="unity-fullscreen-button"></div>
+        <div id="unity-build-title">Painter</div>
+      </div>
+    </div>
+    <script>
+      var container = document.querySelector("#unity-container");
+      var canvas = document.querySelector("#unity-canvas");
+      var loadingBar = document.querySelector("#unity-loading-bar");
+      var progressBarFull = document.querySelector("#unity-progress-bar-full");
+      var fullscreenButton = document.querySelector("#unity-fullscreen-button");
+      var warningBanner = document.querySelector("#unity-warning");
+
+      // Shows a temporary message banner/ribbon for a few seconds, or
+      // a permanent error message on top of the canvas if type=='error'.
+      // If type=='warning', a yellow highlight color is used.
+      // Modify or remove this function to customize the visually presented
+      // way that non-critical warnings and error messages are presented to the
+      // user.
+      function unityShowBanner(msg, type) {
+        function updateBannerVisibility() {
+          warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
+        }
+        var div = document.createElement('div');
+        div.innerHTML = msg;
+        warningBanner.appendChild(div);
+        if (type == 'error') div.style = 'background: red; padding: 10px;';
+        else {
+          if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
+          setTimeout(function() {
+            warningBanner.removeChild(div);
+            updateBannerVisibility();
+          }, 5000);
+        }
+        updateBannerVisibility();
+      }
+
+      var buildUrl = "Build";
+      var loaderUrl = buildUrl + "/VideoWeb.loader.js";
+      var config = {
+        dataUrl: buildUrl + "/VideoWeb.data.unityweb",
+        frameworkUrl: buildUrl + "/VideoWeb.framework.js.unityweb",
+        codeUrl: buildUrl + "/VideoWeb.wasm.unityweb",
+        streamingAssetsUrl: "StreamingAssets",
+        companyName: "DefaultCompany",
+        productName: "Painter",
+        productVersion: "0.1",
+        showBanner: unityShowBanner,
+      };
+
+      // By default Unity keeps WebGL canvas render target size matched with
+      // the DOM size of the canvas element (scaled by window.devicePixelRatio)
+      // Set this to false if you want to decouple this synchronization from
+      // happening inside the engine, and you would instead like to size up
+      // the canvas DOM size and WebGL render target sizes yourself.
+      // config.matchWebGLToCanvasSize = false;
+
+      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+        // Mobile device style: fill the whole browser client area with the game canvas:
+
+        var meta = document.createElement('meta');
+        meta.name = 'viewport';
+        meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
+        document.getElementsByTagName('head')[0].appendChild(meta);
+        container.className = "unity-mobile";
+
+        // To lower canvas resolution on mobile devices to gain some
+        // performance, uncomment the following line:
+        // config.devicePixelRatio = 1;
+
+        canvas.style.width = window.innerWidth + 'px';
+        canvas.style.height = window.innerHeight + 'px';
+
+        unityShowBanner('WebGL builds are not supported on mobile devices.');
+      } else {
+        // Desktop style: Render the game canvas in a window that can be maximized to fullscreen:
+
+        canvas.style.width = "960px";
+        canvas.style.height = "600px";
+      }
+
+      loadingBar.style.display = "block";
+
+      var script = document.createElement("script");
+      script.src = loaderUrl;
+      script.onload = () => {
+        createUnityInstance(canvas, config, (progress) => {
+          progressBarFull.style.width = 100 * progress + "%";
+        }).then((unityInstance) => {
+          loadingBar.style.display = "none";
+          fullscreenButton.onclick = () => {
+            unityInstance.SetFullscreen(1);
+          };
+        }).catch((message) => {
+          alert(message);
+        });
+      };
+      document.body.appendChild(script);
+    </script>
+  </body>
+</html>
diff --git a/public/VideoWeb/Build/APP.data.unityweb b/public/VideoWeb/Build/APP.data.unityweb
new file mode 100644
index 00000000..d05a63a8
Binary files /dev/null and b/public/VideoWeb/Build/APP.data.unityweb differ
diff --git a/public/VideoWeb/Build/APP.framework.js.unityweb b/public/VideoWeb/Build/APP.framework.js.unityweb
new file mode 100644
index 00000000..ca577333
Binary files /dev/null and b/public/VideoWeb/Build/APP.framework.js.unityweb differ
diff --git a/public/VideoWeb/Build/APP.loader.js b/public/VideoWeb/Build/APP.loader.js
new file mode 100644
index 00000000..7205575e
--- /dev/null
+++ b/public/VideoWeb/Build/APP.loader.js
@@ -0,0 +1,2 @@
+function createUnityInstance(e,t,r){function n(e,r){if(!n.aborted&&t.showBanner)return"error"==r&&(n.aborted=!0),t.showBanner(e,r);switch(r){case"error":console.error(e);break;case"warning":console.warn(e);break;default:console.log(e)}}function o(e){var t=e.reason||e.error,r=t?t.toString():e.message||e.reason||"",n=t&&t.stack?t.stack.toString():"";if(n.startsWith(r)&&(n=n.substring(r.length)),r+="\n"+n.trim(),r&&f.stackTraceRegExp&&f.stackTraceRegExp.test(r)){var o=e.filename||t&&(t.fileName||t.sourceURL)||"",a=e.lineno||t&&(t.lineNumber||t.line)||0;i(r,o,a)}}function a(e){e.preventDefault()}function i(e,t,r){if(e.indexOf("fullscreen error")==-1){if(f.startupErrorHandler)return void f.startupErrorHandler(e,t,r);if(!(f.errorHandler&&f.errorHandler(e,t,r)||(console.log("Invoking error handler due to\n"+e),"function"==typeof dump&&dump("Invoking error handler due to\n"+e),i.didShowErrorMessage))){var e="An error occurred running the Unity content on this page. See your browser JavaScript console for more info. The error was:\n"+e;e.indexOf("DISABLE_EXCEPTION_CATCHING")!=-1?e="An exception has occurred, but exception handling has been disabled in this build. If you are the developer of this content, enable exceptions in your project WebGL player settings to be able to catch the exception or see the stack trace.":e.indexOf("Cannot enlarge memory arrays")!=-1?e="Out of memory. If you are the developer of this content, try allocating more memory to your WebGL build in the WebGL player settings.":e.indexOf("Invalid array buffer length")==-1&&e.indexOf("Invalid typed array length")==-1&&e.indexOf("out of memory")==-1&&e.indexOf("could not allocate memory")==-1||(e="The browser could not allocate enough memory for the WebGL content. If you are the developer of this content, try allocating less memory to your WebGL build in the WebGL player settings."),alert(e),i.didShowErrorMessage=!0}}}function s(e,t){if("symbolsUrl"!=e){var n=f.downloadProgress[e];n||(n=f.downloadProgress[e]={started:!1,finished:!1,lengthComputable:!1,total:0,loaded:0}),"object"!=typeof t||"progress"!=t.type&&"load"!=t.type||(n.started||(n.started=!0,n.lengthComputable=t.lengthComputable),n.total=t.total,n.loaded=t.loaded,"load"==t.type&&(n.finished=!0));var o=0,a=0,i=0,s=0,l=0;for(var e in f.downloadProgress){var n=f.downloadProgress[e];if(!n.started)return 0;i++,n.lengthComputable?(o+=n.loaded,a+=n.total,s++):n.finished||l++}var d=i?(i-l-(a?s*(a-o)/a:0))/i:0;r(.9*d)}}function l(e,t){return new Promise(function(r,n){try{for(var o in w)if(w[o].hasUnityMarker(e)){t&&console.log('You can reduce startup time if you configure your web server to add "Content-Encoding: '+o+'" response header when serving "'+t+'" file.');var a=w[o];if(!a.worker){var i=URL.createObjectURL(new Blob(["this.require = ",a.require.toString(),"; this.decompress = ",a.decompress.toString(),"; this.onmessage = ",function(e){var t={id:e.data.id,decompressed:this.decompress(e.data.compressed)};postMessage(t,t.decompressed?[t.decompressed.buffer]:[])}.toString(),"; postMessage({ ready: true });"],{type:"application/javascript"}));a.worker=new Worker(i),a.worker.onmessage=function(e){return e.data.ready?void URL.revokeObjectURL(i):(this.callbacks[e.data.id](e.data.decompressed),void delete this.callbacks[e.data.id])},a.worker.callbacks={},a.worker.nextCallbackId=0}var s=a.worker.nextCallbackId++;return a.worker.callbacks[s]=r,void a.worker.postMessage({id:s,compressed:e},[e.buffer])}r(e)}catch(e){n(e)}})}function d(e){s(e);var t=f.cacheControl(f[e]),r=f.companyName&&f.productName?f.cachedFetch:f.fetchWithProgress,o=f[e],a=/file:\/\//.exec(o)?"same-origin":void 0,i=r(f[e],{method:"GET",companyName:f.companyName,productName:f.productName,control:t,mode:a,onProgress:function(t){s(e,t)}});return i.then(function(t){return l(t.parsedBody,f[e])}).catch(function(t){var r="Failed to download file "+f[e];"file:"==location.protocol?n(r+". Loading web pages via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host Unity content, or use the Unity Build and Run option.","error"):console.error(r)})}function u(){return d("frameworkUrl").then(function(e){var t=URL.createObjectURL(new Blob([e],{type:"application/javascript"}));return new Promise(function(e,r){var o=document.createElement("script");o.src=t,o.onload=function(){if("undefined"==typeof unityFramework||!unityFramework){var r=[["br","br"],["gz","gzip"]];for(var a in r){var i=r[a];if(f.frameworkUrl.endsWith("."+i[0])){var s="Unable to parse "+f.frameworkUrl+"!";if("file:"==location.protocol)return void n(s+" Loading pre-compressed (brotli or gzip) content via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host compressed Unity content, or use the Unity Build and Run option.","error");if(s+=' This can happen if build compression was enabled but web server hosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding: '+i[1]+'" present. Check browser Console and Devtools Network tab to debug.',"br"==i[0]&&"http:"==location.protocol){var l=["localhost","127.0.0.1"].indexOf(location.hostname)!=-1?"":"Migrate your server to use HTTPS.";s=/Firefox/.test(navigator.userAgent)?"Unable to parse "+f.frameworkUrl+'!<br>If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported in Firefox over HTTP connections. '+l+' See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1670675">https://bugzilla.mozilla.org/show_bug.cgi?id=1670675</a> for more information.':"Unable to parse "+f.frameworkUrl+'!<br>If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.'}return void n(s,"error")}}n("Unable to parse "+f.frameworkUrl+"! The file is corrupt, or compression was misconfigured? (check Content-Encoding HTTP Response Header on web server)","error")}var d=unityFramework;unityFramework=null,o.onload=null,URL.revokeObjectURL(t),e(d)},o.onerror=function(e){n("Unable to load file "+f.frameworkUrl+"! Check that the file exists on the remote server. (also check browser Console and Devtools Network tab to debug)","error")},document.body.appendChild(o),f.deinitializers.push(function(){document.body.removeChild(o)})})})}function c(){Promise.all([u(),d("codeUrl")]).then(function(e){f.wasmBinary=e[1],e[0](f)});var e=d("dataUrl");f.preRun.push(function(){f.addRunDependency("dataUrl"),e.then(function(e){var t=new DataView(e.buffer,e.byteOffset,e.byteLength),r=0,n="UnityWebData1.0\0";if(!String.fromCharCode.apply(null,e.subarray(r,r+n.length))==n)throw"unknown data format";r+=n.length;var o=t.getUint32(r,!0);for(r+=4;r<o;){var a=t.getUint32(r,!0);r+=4;var i=t.getUint32(r,!0);r+=4;var s=t.getUint32(r,!0);r+=4;var l=String.fromCharCode.apply(null,e.subarray(r,r+s));r+=s;for(var d=0,u=l.indexOf("/",d)+1;u>0;d=u,u=l.indexOf("/",d)+1)f.FS_createPath(l.substring(0,d),l.substring(d,u-1),!0,!0);f.FS_createDataFile(l,null,e.subarray(a,a+i),!0,!0,!0)}f.removeRunDependency("dataUrl")})})}r=r||function(){};var f={canvas:e,webglContextAttributes:{preserveDrawingBuffer:!1},cacheControl:function(e){return e==f.dataUrl?"must-revalidate":"no-store"},streamingAssetsUrl:"StreamingAssets",downloadProgress:{},deinitializers:[],intervals:{},setInterval:function(e,t){var r=window.setInterval(e,t);return this.intervals[r]=!0,r},clearInterval:function(e){delete this.intervals[e],window.clearInterval(e)},preRun:[],postRun:[],print:function(e){console.log(e)},printErr:function(e){console.error(e),"string"==typeof e&&e.indexOf("wasm streaming compile failed")!=-1&&(e.toLowerCase().indexOf("mime")!=-1?n('HTTP Response Header "Content-Type" configured incorrectly on the server for file '+f.codeUrl+' , should be "application/wasm". Startup time performance will suffer.',"warning"):n('WebAssembly streaming compilation failed! This can happen for example if "Content-Encoding" HTTP header is incorrectly enabled on the server for file '+f.codeUrl+", but the file is not pre-compressed on disk (or vice versa). Check the Network tab in browser Devtools to debug server header configuration.","warning"))},locateFile:function(e){return e},disabledCanvasEvents:["contextmenu","dragstart"]};for(var h in t)f[h]=t[h];f.streamingAssetsUrl=new URL(f.streamingAssetsUrl,document.URL).href;var b=f.disabledCanvasEvents.slice();b.forEach(function(t){e.addEventListener(t,a)}),window.addEventListener("error",o),window.addEventListener("unhandledrejection",o),f.deinitializers.push(function(){f.disableAccessToMediaDevices(),b.forEach(function(t){e.removeEventListener(t,a)}),window.removeEventListener("error",o),window.removeEventListener("unhandledrejection",o);for(var t in f.intervals)window.clearInterval(t);f.intervals={}}),f.QuitCleanup=function(){for(var e=0;e<f.deinitializers.length;e++)f.deinitializers[e]();f.deinitializers=[],"function"==typeof f.onQuit&&f.onQuit()};var m="",g="";document.addEventListener("webkitfullscreenchange",function(t){var r=document.webkitCurrentFullScreenElement;r===e?e.style.width&&(m=e.style.width,g=e.style.height,e.style.width="100%",e.style.height="100%"):m&&(e.style.width=m,e.style.height=g,m="",g="")});var p={Module:f,SetFullscreen:function(){return f.SetFullscreen?f.SetFullscreen.apply(f,arguments):void f.print("Failed to set Fullscreen mode: Player not loaded yet.")},SendMessage:function(){return f.SendMessage?f.SendMessage.apply(f,arguments):void f.print("Failed to execute SendMessage: Player not loaded yet.")},Quit:function(){return new Promise(function(e,t){f.shouldQuit=!0,f.onQuit=e})}};f.SystemInfo=function(){function e(e,t,r){return e=RegExp(e,"i").exec(t),e&&e[r]}for(var t,r,n,o,a,i,s=navigator.userAgent+" ",l=[["Firefox","Firefox"],["OPR","Opera"],["Edg","Edge"],["SamsungBrowser","Samsung Browser"],["Trident","Internet Explorer"],["MSIE","Internet Explorer"],["Chrome","Chrome"],["CriOS","Chrome on iOS Safari"],["FxiOS","Firefox on iOS Safari"],["Safari","Safari"]],d=0;d<l.length;++d)if(r=e(l[d][0]+"[/ ](.*?)[ \\)]",s,1)){t=l[d][1];break}"Safari"==t&&(r=e("Version/(.*?) ",s,1)),"Internet Explorer"==t&&(r=e("rv:(.*?)\\)? ",s,1)||r);for(var u=[["Windows (.*?)[;)]","Windows"],["Android ([0-9_.]+)","Android"],["iPhone OS ([0-9_.]+)","iPhoneOS"],["iPad.*? OS ([0-9_.]+)","iPadOS"],["FreeBSD( )","FreeBSD"],["OpenBSD( )","OpenBSD"],["Linux|X11()","Linux"],["Mac OS X ([0-9_.]+)","MacOS"],["bot|google|baidu|bing|msn|teoma|slurp|yandex","Search Bot"]],c=0;c<u.length;++c)if(o=e(u[c][0],s,1)){n=u[c][1],o=o.replace(/_/g,".");break}var f={"NT 5.0":"2000","NT 5.1":"XP","NT 5.2":"Server 2003","NT 6.0":"Vista","NT 6.1":"7","NT 6.2":"8","NT 6.3":"8.1","NT 10.0":"10"};o=f[o]||o,a=document.createElement("canvas"),a&&(gl=a.getContext("webgl2"),glVersion=gl?2:0,gl||(gl=a&&a.getContext("webgl"))&&(glVersion=1),gl&&(i=gl.getExtension("WEBGL_debug_renderer_info")&&gl.getParameter(37446)||gl.getParameter(7937)));var h="undefined"!=typeof SharedArrayBuffer,b="object"==typeof WebAssembly&&"function"==typeof WebAssembly.compile;return{width:screen.width,height:screen.height,userAgent:s.trim(),browser:t||"Unknown browser",browserVersion:r||"Unknown version",mobile:/Mobile|Android|iP(ad|hone)/.test(navigator.appVersion),os:n||"Unknown OS",osVersion:o||"Unknown OS Version",gpu:i||"Unknown GPU",language:navigator.userLanguage||navigator.language,hasWebGL:glVersion,hasCursorLock:!!document.body.requestPointerLock,hasFullscreen:!!document.body.requestFullscreen||!!document.body.webkitRequestFullscreen,hasThreads:h,hasWasm:b,hasWasmThreads:!1}}(),f.abortHandler=function(e){return i(e,"",0),!0},Error.stackTraceLimit=Math.max(Error.stackTraceLimit||0,50),f.fetchWithProgress=function(){function e(e,t){if(!t)return 0;var r=e.headers.get("Content-Encoding"),n=parseInt(e.headers.get("Content-Length"));switch(r){case"br":return Math.round(5*n);case"gzip":return Math.round(4*n);default:return n}}function t(t,r){var n=function(){};return r&&r.onProgress&&(n=r.onProgress),fetch(t,r).then(function(t){function r(){return"undefined"==typeof a?t.arrayBuffer().then(function(e){return n({type:"progress",total:e.length,loaded:0,lengthComputable:i}),new Uint8Array(e)}):a.read().then(function(e){return e.done?o():(u+e.value.length<=l.length?(l.set(e.value,u),c=u+e.value.length):d.push(e.value),u+=e.value.length,n({type:"progress",total:Math.max(s,u),loaded:u,lengthComputable:i}),r())})}function o(){if(u===s)return l;if(u<s)return l.slice(0,u);var e=new Uint8Array(u);e.set(l,0);for(var t=c,r=0;r<d.length;++r)e.set(d[r],t),t+=d[r].length;return e}var a="undefined"!=typeof t.body?t.body.getReader():void 0,i="undefined"!=typeof t.headers.get("Content-Length"),s=e(t,i),l=new Uint8Array(s),d=[],u=0,c=0;return i||console.warn("[UnityCache] Response is served without Content-Length header. Please reconfigure server to include valid Content-Length for better download performance."),r().then(function(e){return n({type:"load",total:e.length,loaded:e.length,lengthComputable:i}),t.parsedBody=e,t})})}return t}(),f.UnityCache=function(){function e(){function e(e){var t=e.target.result;if(t.objectStoreNames.contains(n.name)||t.createObjectStore(n.name),!t.objectStoreNames.contains(r.name)){var o=t.createObjectStore(r.name,{keyPath:"url"});["version","company","product","updated","revalidated","accessed"].forEach(function(e){o.createIndex(e,e)})}}var a=this;a.isConnected=new Promise(function(r,n){function i(){a.openDBTimeout&&(clearTimeout(a.openDBTimeout),a.openDBTimeout=null)}try{a.openDBTimeout=setTimeout(function(){"undefined"==typeof a.database&&n(new Error("Could not connect to database: Timeout."))},2e3);var s=o.open(t.name,t.version);s.onupgradeneeded=function(t){e(t)},s.onsuccess=function(e){i(),a.database=e.target.result,r()},s.onerror=function(e){i(),a.database=null,n(new Error("Could not connect to database."))}}catch(e){i(),a.database=null,n(new Error("Could not connect to database."))}})}var t={name:"UnityCache",version:3},r={name:"RequestStore",version:1},n={name:"WebAssembly",version:1},o=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB;e.UnityCacheDatabase=t,e.RequestStore=r,e.WebAssemblyStore=n;var a=null;return e.getInstance=function(){return a||(a=new e),a},e.destroyInstance=function(){return a?a.close().then(function(){a=null}):Promise.resolve()},e.clearCache=function(){return e.destroyInstance().then(function(){return new Promise(function(e,r){var n=o.deleteDatabase(t.name);n.onsuccess=function(){e()},n.onerror=function(){r(new Error("Could not delete database."))},n.onblocked=function(){r(new Error("Database blocked."))}})})},e.prototype.execute=function(e,t,r){return this.isConnected.then(function(){return new Promise(function(n,o){try{if(null===this.database)return void o(new Error("indexedDB access denied"));var a=["put","delete","clear"].indexOf(t)!=-1?"readwrite":"readonly",i=this.database.transaction([e],a),s=i.objectStore(e);"openKeyCursor"==t&&(s=s.index(r[0]),r=r.slice(1));var l=s[t].apply(s,r);l.onsuccess=function(e){n(e.target.result)},l.onerror=function(e){o(e)}}catch(e){o(e)}}.bind(this))}.bind(this))},e.prototype.loadRequest=function(e){return this.execute(r.name,"get",[e])},e.prototype.storeRequest=function(e){return this.execute(r.name,"put",[e])},e.prototype.close=function(){return this.isConnected.then(function(){this.database&&(this.database.close(),this.database=null)}.bind(this))},e}(),f.cachedFetch=function(){function e(e){console.log("[UnityCache] "+e)}function t(e){return t.link=t.link||document.createElement("a"),t.link.href=e,t.link.href}function r(e){var t=window.location.href.match(/^[a-z]+:\/\/[^\/]+/);return!t||e.lastIndexOf(t[0],0)}function n(e){e=e||{},this.headers=new Headers,Object.keys(e.headers).forEach(function(t){this.headers.set(t,e.headers[t])}.bind(this)),this.redirected=e.redirected,this.status=e.status,this.statusText=e.statusText,this.type=e.type,this.url=e.url,this.parsedBody=e.parsedBody,Object.defineProperty(this,"ok",{get:function(){return this.status>=200&&this.status<=299}.bind(this)})}function o(e,t,r,n,o){var a={url:e,version:l.version,company:t,product:r,updated:n,revalidated:n,accessed:n,response:{headers:{}}};return o&&(o.headers.forEach(function(e,t){a.response.headers[t]=e}),["redirected","status","statusText","type","url"].forEach(function(e){a.response[e]=o[e]}),a.response.parsedBody=o.parsedBody),a}function a(e,t){return(!t||!t.method||"GET"===t.method)&&((!t||["must-revalidate","immutable"].indexOf(t.control)!=-1)&&!!e.match("^https?://"))}function i(i,u){function c(t,r){return d(t,r).then(function(t){return!m.enabled||m.revalidated?t:304===t.status?(m.result.revalidated=m.result.accessed,m.revalidated=!0,h.storeRequest(m.result).then(function(){e("'"+m.result.url+"' successfully revalidated and served from the indexedDB cache")}).catch(function(t){e("'"+m.result.url+"' successfully revalidated but not stored in the indexedDB cache due to the error: "+t)}),new n(m.result.response)):(200==t.status?(m.result=o(t.url,m.company,m.product,m.accessed,t),m.revalidated=!0,h.storeRequest(m.result).then(function(){e("'"+m.result.url+"' successfully downloaded and stored in the indexedDB cache")}).catch(function(t){e("'"+m.result.url+"' successfully downloaded but not stored in the indexedDB cache due to the error: "+t)})):e("'"+m.result.url+"' request failed with status: "+t.status+" "+t.statusText),t)})}function f(e){u&&u.onProgress&&(u.onProgress({type:"progress",total:e.parsedBody.length,loaded:e.parsedBody.length,lengthComputable:!0}),u.onProgress({type:"load",total:e.parsedBody.length,loaded:e.parsedBody.length,lengthComputable:!0}))}var h=s.getInstance(),b=t("string"==typeof i?i:i.url),m={enabled:a(b,u)};return u&&(m.control=u.control,m.company=u.company,m.product=u.product),m.result=o(b,m.company,m.product,Date.now()),m.revalidated=!1,m.enabled?h.loadRequest(m.result.url).then(function(t){if(!t||t.version!==l.version)return c(i,u);m.result=t,m.result.accessed=Date.now();var o=new n(m.result.response);if("immutable"==m.control)return m.revalidated=!0,h.storeRequest(m.result),e("'"+m.result.url+"' served from the indexedDB cache without revalidation"),f(o),o;if(r(m.result.url)&&(o.headers.get("Last-Modified")||o.headers.get("ETag")))return fetch(m.result.url,{method:"HEAD"}).then(function(t){return m.revalidated=["Last-Modified","ETag"].every(function(e){return!o.headers.get(e)||o.headers.get(e)==t.headers.get(e)}),m.revalidated?(m.result.revalidated=m.result.accessed,h.storeRequest(m.result),e("'"+m.result.url+"' successfully revalidated and served from the indexedDB cache"),f(o),o):c(i,u)});u=u||{};var a=u.headers||{};return u.headers=a,o.headers.get("Last-Modified")?(a["If-Modified-Since"]=o.headers.get("Last-Modified"),a["Cache-Control"]="no-cache"):o.headers.get("ETag")&&(a["If-None-Match"]=o.headers.get("ETag"),a["Cache-Control"]="no-cache"),c(i,u)}).catch(function(t){return e("Failed to load '"+m.result.url+"' from indexedDB cache due to the error: "+t),d(i,u)}):d(i,u)}var s=f.UnityCache,l=s.RequestStore,d=f.fetchWithProgress;return n.prototype.arrayBuffer=function(){return Promise.resolve(this.parsedBody.buffer)},n.prototype.blob=function(){return this.arrayBuffer().then(function(e){return new Blob([e])})},n.prototype.json=function(){return this.text().then(function(e){return JSON.parse(e)})},n.prototype.text=function(){var e=new TextDecoder;return Promise.resolve(e.decode(this.parsedBody))},i}();var w={gzip:{require:function(e){var t={"inflate.js":function(e,t,r){"use strict";function n(e){if(!(this instanceof n))return new n(e);this.options=s.assign({chunkSize:16384,windowBits:0,to:""},e||{});var t=this.options;t.raw&&t.windowBits>=0&&t.windowBits<16&&(t.windowBits=-t.windowBits,0===t.windowBits&&(t.windowBits=-15)),!(t.windowBits>=0&&t.windowBits<16)||e&&e.windowBits||(t.windowBits+=32),t.windowBits>15&&t.windowBits<48&&0===(15&t.windowBits)&&(t.windowBits|=15),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new c,this.strm.avail_out=0;var r=i.inflateInit2(this.strm,t.windowBits);if(r!==d.Z_OK)throw new Error(u[r]);this.header=new f,i.inflateGetHeader(this.strm,this.header)}function o(e,t){var r=new n(t);if(r.push(e,!0),r.err)throw r.msg||u[r.err];return r.result}function a(e,t){return t=t||{},t.raw=!0,o(e,t)}var i=e("./zlib/inflate"),s=e("./utils/common"),l=e("./utils/strings"),d=e("./zlib/constants"),u=e("./zlib/messages"),c=e("./zlib/zstream"),f=e("./zlib/gzheader"),h=Object.prototype.toString;n.prototype.push=function(e,t){var r,n,o,a,u,c,f=this.strm,b=this.options.chunkSize,m=this.options.dictionary,g=!1;if(this.ended)return!1;n=t===~~t?t:t===!0?d.Z_FINISH:d.Z_NO_FLUSH,"string"==typeof e?f.input=l.binstring2buf(e):"[object ArrayBuffer]"===h.call(e)?f.input=new Uint8Array(e):f.input=e,f.next_in=0,f.avail_in=f.input.length;do{if(0===f.avail_out&&(f.output=new s.Buf8(b),f.next_out=0,f.avail_out=b),r=i.inflate(f,d.Z_NO_FLUSH),r===d.Z_NEED_DICT&&m&&(c="string"==typeof m?l.string2buf(m):"[object ArrayBuffer]"===h.call(m)?new Uint8Array(m):m,r=i.inflateSetDictionary(this.strm,c)),r===d.Z_BUF_ERROR&&g===!0&&(r=d.Z_OK,g=!1),r!==d.Z_STREAM_END&&r!==d.Z_OK)return this.onEnd(r),this.ended=!0,!1;f.next_out&&(0!==f.avail_out&&r!==d.Z_STREAM_END&&(0!==f.avail_in||n!==d.Z_FINISH&&n!==d.Z_SYNC_FLUSH)||("string"===this.options.to?(o=l.utf8border(f.output,f.next_out),a=f.next_out-o,u=l.buf2string(f.output,o),f.next_out=a,f.avail_out=b-a,a&&s.arraySet(f.output,f.output,o,a,0),this.onData(u)):this.onData(s.shrinkBuf(f.output,f.next_out)))),0===f.avail_in&&0===f.avail_out&&(g=!0)}while((f.avail_in>0||0===f.avail_out)&&r!==d.Z_STREAM_END);return r===d.Z_STREAM_END&&(n=d.Z_FINISH),n===d.Z_FINISH?(r=i.inflateEnd(this.strm),this.onEnd(r),this.ended=!0,r===d.Z_OK):n!==d.Z_SYNC_FLUSH||(this.onEnd(d.Z_OK),f.avail_out=0,!0)},n.prototype.onData=function(e){this.chunks.push(e)},n.prototype.onEnd=function(e){e===d.Z_OK&&("string"===this.options.to?this.result=this.chunks.join(""):this.result=s.flattenChunks(this.chunks)),this.chunks=[],this.err=e,this.msg=this.strm.msg},r.Inflate=n,r.inflate=o,r.inflateRaw=a,r.ungzip=o},"utils/common.js":function(e,t,r){"use strict";var n="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Int32Array;r.assign=function(e){for(var t=Array.prototype.slice.call(arguments,1);t.length;){var r=t.shift();if(r){if("object"!=typeof r)throw new TypeError(r+"must be non-object");for(var n in r)r.hasOwnProperty(n)&&(e[n]=r[n])}}return e},r.shrinkBuf=function(e,t){return e.length===t?e:e.subarray?e.subarray(0,t):(e.length=t,e)};var o={arraySet:function(e,t,r,n,o){if(t.subarray&&e.subarray)return void e.set(t.subarray(r,r+n),o);for(var a=0;a<n;a++)e[o+a]=t[r+a]},flattenChunks:function(e){var t,r,n,o,a,i;for(n=0,t=0,r=e.length;t<r;t++)n+=e[t].length;for(i=new Uint8Array(n),o=0,t=0,r=e.length;t<r;t++)a=e[t],i.set(a,o),o+=a.length;return i}},a={arraySet:function(e,t,r,n,o){for(var a=0;a<n;a++)e[o+a]=t[r+a]},flattenChunks:function(e){return[].concat.apply([],e)}};r.setTyped=function(e){e?(r.Buf8=Uint8Array,r.Buf16=Uint16Array,r.Buf32=Int32Array,r.assign(r,o)):(r.Buf8=Array,r.Buf16=Array,r.Buf32=Array,r.assign(r,a))},r.setTyped(n)},"utils/strings.js":function(e,t,r){"use strict";function n(e,t){if(t<65537&&(e.subarray&&i||!e.subarray&&a))return String.fromCharCode.apply(null,o.shrinkBuf(e,t));for(var r="",n=0;n<t;n++)r+=String.fromCharCode(e[n]);return r}var o=e("./common"),a=!0,i=!0;try{String.fromCharCode.apply(null,[0])}catch(e){a=!1}try{String.fromCharCode.apply(null,new Uint8Array(1))}catch(e){i=!1}for(var s=new o.Buf8(256),l=0;l<256;l++)s[l]=l>=252?6:l>=248?5:l>=240?4:l>=224?3:l>=192?2:1;s[254]=s[254]=1,r.string2buf=function(e){var t,r,n,a,i,s=e.length,l=0;for(a=0;a<s;a++)r=e.charCodeAt(a),55296===(64512&r)&&a+1<s&&(n=e.charCodeAt(a+1),56320===(64512&n)&&(r=65536+(r-55296<<10)+(n-56320),a++)),l+=r<128?1:r<2048?2:r<65536?3:4;for(t=new o.Buf8(l),i=0,a=0;i<l;a++)r=e.charCodeAt(a),55296===(64512&r)&&a+1<s&&(n=e.charCodeAt(a+1),56320===(64512&n)&&(r=65536+(r-55296<<10)+(n-56320),a++)),r<128?t[i++]=r:r<2048?(t[i++]=192|r>>>6,t[i++]=128|63&r):r<65536?(t[i++]=224|r>>>12,t[i++]=128|r>>>6&63,t[i++]=128|63&r):(t[i++]=240|r>>>18,t[i++]=128|r>>>12&63,t[i++]=128|r>>>6&63,t[i++]=128|63&r);return t},r.buf2binstring=function(e){return n(e,e.length)},r.binstring2buf=function(e){for(var t=new o.Buf8(e.length),r=0,n=t.length;r<n;r++)t[r]=e.charCodeAt(r);return t},r.buf2string=function(e,t){var r,o,a,i,l=t||e.length,d=new Array(2*l);for(o=0,r=0;r<l;)if(a=e[r++],a<128)d[o++]=a;else if(i=s[a],i>4)d[o++]=65533,r+=i-1;else{for(a&=2===i?31:3===i?15:7;i>1&&r<l;)a=a<<6|63&e[r++],i--;i>1?d[o++]=65533:a<65536?d[o++]=a:(a-=65536,d[o++]=55296|a>>10&1023,d[o++]=56320|1023&a)}return n(d,o)},r.utf8border=function(e,t){var r;for(t=t||e.length,t>e.length&&(t=e.length),r=t-1;r>=0&&128===(192&e[r]);)r--;return r<0?t:0===r?t:r+s[e[r]]>t?r:t}},"zlib/inflate.js":function(e,t,r){"use strict";function n(e){return(e>>>24&255)+(e>>>8&65280)+((65280&e)<<8)+((255&e)<<24)}function o(){this.mode=0,this.last=!1,this.wrap=0,this.havedict=!1,this.flags=0,this.dmax=0,this.check=0,this.total=0,this.head=null,this.wbits=0,this.wsize=0,this.whave=0,this.wnext=0,this.window=null,this.hold=0,this.bits=0,this.length=0,this.offset=0,this.extra=0,this.lencode=null,this.distcode=null,this.lenbits=0,this.distbits=0,this.ncode=0,this.nlen=0,this.ndist=0,this.have=0,this.next=null,this.lens=new w.Buf16(320),this.work=new w.Buf16(288),this.lendyn=null,this.distdyn=null,this.sane=0,this.back=0,this.was=0}function a(e){var t;return e&&e.state?(t=e.state,e.total_in=e.total_out=t.total=0,e.msg="",t.wrap&&(e.adler=1&t.wrap),t.mode=z,t.last=0,t.havedict=0,t.dmax=32768,t.head=null,t.hold=0,t.bits=0,t.lencode=t.lendyn=new w.Buf32(me),t.distcode=t.distdyn=new w.Buf32(ge),t.sane=1,t.back=-1,T):O}function i(e){var t;return e&&e.state?(t=e.state,t.wsize=0,t.whave=0,t.wnext=0,a(e)):O}function s(e,t){var r,n;return e&&e.state?(n=e.state,t<0?(r=0,t=-t):(r=(t>>4)+1,t<48&&(t&=15)),t&&(t<8||t>15)?O:(null!==n.window&&n.wbits!==t&&(n.window=null),n.wrap=r,n.wbits=t,i(e))):O}function l(e,t){var r,n;return e?(n=new o,e.state=n,n.window=null,r=s(e,t),r!==T&&(e.state=null),r):O}function d(e){return l(e,we)}function u(e){if(ve){var t;for(g=new w.Buf32(512),p=new w.Buf32(32),t=0;t<144;)e.lens[t++]=8;for(;t<256;)e.lens[t++]=9;for(;t<280;)e.lens[t++]=7;for(;t<288;)e.lens[t++]=8;for(x(S,e.lens,0,288,g,0,e.work,{bits:9}),t=0;t<32;)e.lens[t++]=5;x(E,e.lens,0,32,p,0,e.work,{bits:5}),ve=!1}e.lencode=g,e.lenbits=9,e.distcode=p,e.distbits=5}function c(e,t,r,n){var o,a=e.state;return null===a.window&&(a.wsize=1<<a.wbits,a.wnext=0,a.whave=0,a.window=new w.Buf8(a.wsize)),n>=a.wsize?(w.arraySet(a.window,t,r-a.wsize,a.wsize,0),a.wnext=0,a.whave=a.wsize):(o=a.wsize-a.wnext,o>n&&(o=n),w.arraySet(a.window,t,r-n,o,a.wnext),n-=o,n?(w.arraySet(a.window,t,r-n,n,0),a.wnext=n,a.whave=a.wsize):(a.wnext+=o,a.wnext===a.wsize&&(a.wnext=0),a.whave<a.wsize&&(a.whave+=o))),0}function f(e,t){var r,o,a,i,s,l,d,f,h,b,m,g,p,me,ge,pe,we,ve,ye,ke,xe,_e,Se,Ee,Ce=0,Be=new w.Buf8(4),Ue=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15];if(!e||!e.state||!e.output||!e.input&&0!==e.avail_in)return O;r=e.state,r.mode===V&&(r.mode=Y),s=e.next_out,a=e.output,d=e.avail_out,i=e.next_in,o=e.input,l=e.avail_in,f=r.hold,h=r.bits,b=l,m=d,_e=T;e:for(;;)switch(r.mode){case z:if(0===r.wrap){r.mode=Y;break}for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(2&r.wrap&&35615===f){r.check=0,Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0),f=0,h=0,r.mode=N;break}if(r.flags=0,r.head&&(r.head.done=!1),!(1&r.wrap)||(((255&f)<<8)+(f>>8))%31){e.msg="incorrect header check",r.mode=fe;break}if((15&f)!==D){e.msg="unknown compression method",r.mode=fe;break}if(f>>>=4,h-=4,xe=(15&f)+8,0===r.wbits)r.wbits=xe;else if(xe>r.wbits){e.msg="invalid window size",r.mode=fe;break}r.dmax=1<<xe,e.adler=r.check=1,r.mode=512&f?q:V,f=0,h=0;break;case N:for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(r.flags=f,(255&r.flags)!==D){e.msg="unknown compression method",r.mode=fe;break}if(57344&r.flags){e.msg="unknown header flags set",r.mode=fe;break}r.head&&(r.head.text=f>>8&1),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0,r.mode=F;case F:for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.head&&(r.head.time=f),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,Be[2]=f>>>16&255,Be[3]=f>>>24&255,r.check=y(r.check,Be,4,0)),f=0,h=0,r.mode=Z;case Z:for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.head&&(r.head.xflags=255&f,r.head.os=f>>8),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0,r.mode=j;case j:if(1024&r.flags){for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.length=f,r.head&&(r.head.extra_len=f),512&r.flags&&(Be[0]=255&f,Be[1]=f>>>8&255,r.check=y(r.check,Be,2,0)),f=0,h=0}else r.head&&(r.head.extra=null);r.mode=H;case H:if(1024&r.flags&&(g=r.length,g>l&&(g=l),g&&(r.head&&(xe=r.head.extra_len-r.length,r.head.extra||(r.head.extra=new Array(r.head.extra_len)),w.arraySet(r.head.extra,o,i,g,xe)),512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,r.length-=g),r.length))break e;r.length=0,r.mode=M;case M:if(2048&r.flags){if(0===l)break e;g=0;do xe=o[i+g++],r.head&&xe&&r.length<65536&&(r.head.name+=String.fromCharCode(xe));while(xe&&g<l);if(512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,xe)break e}else r.head&&(r.head.name=null);r.length=0,r.mode=W;case W:if(4096&r.flags){if(0===l)break e;g=0;do xe=o[i+g++],r.head&&xe&&r.length<65536&&(r.head.comment+=String.fromCharCode(xe));while(xe&&g<l);if(512&r.flags&&(r.check=y(r.check,o,g,i)),l-=g,i+=g,xe)break e}else r.head&&(r.head.comment=null);r.mode=G;case G:if(512&r.flags){for(;h<16;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f!==(65535&r.check)){e.msg="header crc mismatch",r.mode=fe;break}f=0,h=0}r.head&&(r.head.hcrc=r.flags>>9&1,r.head.done=!0),e.adler=r.check=0,r.mode=V;break;case q:for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}e.adler=r.check=n(f),f=0,h=0,r.mode=K;case K:if(0===r.havedict)return e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,L;e.adler=r.check=1,r.mode=V;case V:if(t===B||t===U)break e;case Y:if(r.last){f>>>=7&h,h-=7&h,r.mode=de;break}for(;h<3;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}switch(r.last=1&f,f>>>=1,h-=1,3&f){case 0:r.mode=Q;break;case 1:if(u(r),r.mode=re,t===U){f>>>=2,h-=2;break e}break;case 2:r.mode=$;break;case 3:e.msg="invalid block type",r.mode=fe}f>>>=2,h-=2;break;case Q:for(f>>>=7&h,h-=7&h;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if((65535&f)!==(f>>>16^65535)){e.msg="invalid stored block lengths",r.mode=fe;break}if(r.length=65535&f,f=0,h=0,r.mode=X,t===U)break e;case X:r.mode=J;case J:if(g=r.length){if(g>l&&(g=l),g>d&&(g=d),0===g)break e;w.arraySet(a,o,i,g,s),l-=g,i+=g,d-=g,s+=g,r.length-=g;break}r.mode=V;break;case $:for(;h<14;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(r.nlen=(31&f)+257,f>>>=5,h-=5,r.ndist=(31&f)+1,f>>>=5,h-=5,r.ncode=(15&f)+4,f>>>=4,h-=4,r.nlen>286||r.ndist>30){e.msg="too many length or distance symbols",r.mode=fe;break}r.have=0,r.mode=ee;case ee:for(;r.have<r.ncode;){for(;h<3;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.lens[Ue[r.have++]]=7&f,f>>>=3,h-=3}for(;r.have<19;)r.lens[Ue[r.have++]]=0;if(r.lencode=r.lendyn,r.lenbits=7,Se={bits:r.lenbits},_e=x(_,r.lens,0,19,r.lencode,0,r.work,Se),r.lenbits=Se.bits,_e){e.msg="invalid code lengths set",r.mode=fe;break}r.have=0,r.mode=te;case te:for(;r.have<r.nlen+r.ndist;){for(;Ce=r.lencode[f&(1<<r.lenbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(we<16)f>>>=ge,h-=ge,r.lens[r.have++]=we;else{if(16===we){for(Ee=ge+2;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f>>>=ge,h-=ge,0===r.have){e.msg="invalid bit length repeat",r.mode=fe;
+break}xe=r.lens[r.have-1],g=3+(3&f),f>>>=2,h-=2}else if(17===we){for(Ee=ge+3;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ge,h-=ge,xe=0,g=3+(7&f),f>>>=3,h-=3}else{for(Ee=ge+7;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ge,h-=ge,xe=0,g=11+(127&f),f>>>=7,h-=7}if(r.have+g>r.nlen+r.ndist){e.msg="invalid bit length repeat",r.mode=fe;break}for(;g--;)r.lens[r.have++]=xe}}if(r.mode===fe)break;if(0===r.lens[256]){e.msg="invalid code -- missing end-of-block",r.mode=fe;break}if(r.lenbits=9,Se={bits:r.lenbits},_e=x(S,r.lens,0,r.nlen,r.lencode,0,r.work,Se),r.lenbits=Se.bits,_e){e.msg="invalid literal/lengths set",r.mode=fe;break}if(r.distbits=6,r.distcode=r.distdyn,Se={bits:r.distbits},_e=x(E,r.lens,r.nlen,r.ndist,r.distcode,0,r.work,Se),r.distbits=Se.bits,_e){e.msg="invalid distances set",r.mode=fe;break}if(r.mode=re,t===U)break e;case re:r.mode=ne;case ne:if(l>=6&&d>=258){e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,k(e,m),s=e.next_out,a=e.output,d=e.avail_out,i=e.next_in,o=e.input,l=e.avail_in,f=r.hold,h=r.bits,r.mode===V&&(r.back=-1);break}for(r.back=0;Ce=r.lencode[f&(1<<r.lenbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(pe&&0===(240&pe)){for(ve=ge,ye=pe,ke=we;Ce=r.lencode[ke+((f&(1<<ve+ye)-1)>>ve)],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ve+ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ve,h-=ve,r.back+=ve}if(f>>>=ge,h-=ge,r.back+=ge,r.length=we,0===pe){r.mode=le;break}if(32&pe){r.back=-1,r.mode=V;break}if(64&pe){e.msg="invalid literal/length code",r.mode=fe;break}r.extra=15&pe,r.mode=oe;case oe:if(r.extra){for(Ee=r.extra;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.length+=f&(1<<r.extra)-1,f>>>=r.extra,h-=r.extra,r.back+=r.extra}r.was=r.length,r.mode=ae;case ae:for(;Ce=r.distcode[f&(1<<r.distbits)-1],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(0===(240&pe)){for(ve=ge,ye=pe,ke=we;Ce=r.distcode[ke+((f&(1<<ve+ye)-1)>>ve)],ge=Ce>>>24,pe=Ce>>>16&255,we=65535&Ce,!(ve+ge<=h);){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}f>>>=ve,h-=ve,r.back+=ve}if(f>>>=ge,h-=ge,r.back+=ge,64&pe){e.msg="invalid distance code",r.mode=fe;break}r.offset=we,r.extra=15&pe,r.mode=ie;case ie:if(r.extra){for(Ee=r.extra;h<Ee;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}r.offset+=f&(1<<r.extra)-1,f>>>=r.extra,h-=r.extra,r.back+=r.extra}if(r.offset>r.dmax){e.msg="invalid distance too far back",r.mode=fe;break}r.mode=se;case se:if(0===d)break e;if(g=m-d,r.offset>g){if(g=r.offset-g,g>r.whave&&r.sane){e.msg="invalid distance too far back",r.mode=fe;break}g>r.wnext?(g-=r.wnext,p=r.wsize-g):p=r.wnext-g,g>r.length&&(g=r.length),me=r.window}else me=a,p=s-r.offset,g=r.length;g>d&&(g=d),d-=g,r.length-=g;do a[s++]=me[p++];while(--g);0===r.length&&(r.mode=ne);break;case le:if(0===d)break e;a[s++]=r.length,d--,r.mode=ne;break;case de:if(r.wrap){for(;h<32;){if(0===l)break e;l--,f|=o[i++]<<h,h+=8}if(m-=d,e.total_out+=m,r.total+=m,m&&(e.adler=r.check=r.flags?y(r.check,a,m,s-m):v(r.check,a,m,s-m)),m=d,(r.flags?f:n(f))!==r.check){e.msg="incorrect data check",r.mode=fe;break}f=0,h=0}r.mode=ue;case ue:if(r.wrap&&r.flags){for(;h<32;){if(0===l)break e;l--,f+=o[i++]<<h,h+=8}if(f!==(4294967295&r.total)){e.msg="incorrect length check",r.mode=fe;break}f=0,h=0}r.mode=ce;case ce:_e=R;break e;case fe:_e=I;break e;case he:return A;case be:default:return O}return e.next_out=s,e.avail_out=d,e.next_in=i,e.avail_in=l,r.hold=f,r.bits=h,(r.wsize||m!==e.avail_out&&r.mode<fe&&(r.mode<de||t!==C))&&c(e,e.output,e.next_out,m-e.avail_out)?(r.mode=he,A):(b-=e.avail_in,m-=e.avail_out,e.total_in+=b,e.total_out+=m,r.total+=m,r.wrap&&m&&(e.adler=r.check=r.flags?y(r.check,a,m,e.next_out-m):v(r.check,a,m,e.next_out-m)),e.data_type=r.bits+(r.last?64:0)+(r.mode===V?128:0)+(r.mode===re||r.mode===X?256:0),(0===b&&0===m||t===C)&&_e===T&&(_e=P),_e)}function h(e){if(!e||!e.state)return O;var t=e.state;return t.window&&(t.window=null),e.state=null,T}function b(e,t){var r;return e&&e.state?(r=e.state,0===(2&r.wrap)?O:(r.head=t,t.done=!1,T)):O}function m(e,t){var r,n,o,a=t.length;return e&&e.state?(r=e.state,0!==r.wrap&&r.mode!==K?O:r.mode===K&&(n=1,n=v(n,t,a,0),n!==r.check)?I:(o=c(e,t,a,a))?(r.mode=he,A):(r.havedict=1,T)):O}var g,p,w=e("../utils/common"),v=e("./adler32"),y=e("./crc32"),k=e("./inffast"),x=e("./inftrees"),_=0,S=1,E=2,C=4,B=5,U=6,T=0,R=1,L=2,O=-2,I=-3,A=-4,P=-5,D=8,z=1,N=2,F=3,Z=4,j=5,H=6,M=7,W=8,G=9,q=10,K=11,V=12,Y=13,Q=14,X=15,J=16,$=17,ee=18,te=19,re=20,ne=21,oe=22,ae=23,ie=24,se=25,le=26,de=27,ue=28,ce=29,fe=30,he=31,be=32,me=852,ge=592,pe=15,we=pe,ve=!0;r.inflateReset=i,r.inflateReset2=s,r.inflateResetKeep=a,r.inflateInit=d,r.inflateInit2=l,r.inflate=f,r.inflateEnd=h,r.inflateGetHeader=b,r.inflateSetDictionary=m,r.inflateInfo="pako inflate (from Nodeca project)"},"zlib/constants.js":function(e,t,r){"use strict";t.exports={Z_NO_FLUSH:0,Z_PARTIAL_FLUSH:1,Z_SYNC_FLUSH:2,Z_FULL_FLUSH:3,Z_FINISH:4,Z_BLOCK:5,Z_TREES:6,Z_OK:0,Z_STREAM_END:1,Z_NEED_DICT:2,Z_ERRNO:-1,Z_STREAM_ERROR:-2,Z_DATA_ERROR:-3,Z_BUF_ERROR:-5,Z_NO_COMPRESSION:0,Z_BEST_SPEED:1,Z_BEST_COMPRESSION:9,Z_DEFAULT_COMPRESSION:-1,Z_FILTERED:1,Z_HUFFMAN_ONLY:2,Z_RLE:3,Z_FIXED:4,Z_DEFAULT_STRATEGY:0,Z_BINARY:0,Z_TEXT:1,Z_UNKNOWN:2,Z_DEFLATED:8}},"zlib/messages.js":function(e,t,r){"use strict";t.exports={2:"need dictionary",1:"stream end",0:"","-1":"file error","-2":"stream error","-3":"data error","-4":"insufficient memory","-5":"buffer error","-6":"incompatible version"}},"zlib/zstream.js":function(e,t,r){"use strict";function n(){this.input=null,this.next_in=0,this.avail_in=0,this.total_in=0,this.output=null,this.next_out=0,this.avail_out=0,this.total_out=0,this.msg="",this.state=null,this.data_type=2,this.adler=0}t.exports=n},"zlib/gzheader.js":function(e,t,r){"use strict";function n(){this.text=0,this.time=0,this.xflags=0,this.os=0,this.extra=null,this.extra_len=0,this.name="",this.comment="",this.hcrc=0,this.done=!1}t.exports=n},"zlib/adler32.js":function(e,t,r){"use strict";function n(e,t,r,n){for(var o=65535&e|0,a=e>>>16&65535|0,i=0;0!==r;){i=r>2e3?2e3:r,r-=i;do o=o+t[n++]|0,a=a+o|0;while(--i);o%=65521,a%=65521}return o|a<<16|0}t.exports=n},"zlib/crc32.js":function(e,t,r){"use strict";function n(){for(var e,t=[],r=0;r<256;r++){e=r;for(var n=0;n<8;n++)e=1&e?3988292384^e>>>1:e>>>1;t[r]=e}return t}function o(e,t,r,n){var o=a,i=n+r;e^=-1;for(var s=n;s<i;s++)e=e>>>8^o[255&(e^t[s])];return e^-1}var a=n();t.exports=o},"zlib/inffast.js":function(e,t,r){"use strict";var n=30,o=12;t.exports=function(e,t){var r,a,i,s,l,d,u,c,f,h,b,m,g,p,w,v,y,k,x,_,S,E,C,B,U;r=e.state,a=e.next_in,B=e.input,i=a+(e.avail_in-5),s=e.next_out,U=e.output,l=s-(t-e.avail_out),d=s+(e.avail_out-257),u=r.dmax,c=r.wsize,f=r.whave,h=r.wnext,b=r.window,m=r.hold,g=r.bits,p=r.lencode,w=r.distcode,v=(1<<r.lenbits)-1,y=(1<<r.distbits)-1;e:do{g<15&&(m+=B[a++]<<g,g+=8,m+=B[a++]<<g,g+=8),k=p[m&v];t:for(;;){if(x=k>>>24,m>>>=x,g-=x,x=k>>>16&255,0===x)U[s++]=65535&k;else{if(!(16&x)){if(0===(64&x)){k=p[(65535&k)+(m&(1<<x)-1)];continue t}if(32&x){r.mode=o;break e}e.msg="invalid literal/length code",r.mode=n;break e}_=65535&k,x&=15,x&&(g<x&&(m+=B[a++]<<g,g+=8),_+=m&(1<<x)-1,m>>>=x,g-=x),g<15&&(m+=B[a++]<<g,g+=8,m+=B[a++]<<g,g+=8),k=w[m&y];r:for(;;){if(x=k>>>24,m>>>=x,g-=x,x=k>>>16&255,!(16&x)){if(0===(64&x)){k=w[(65535&k)+(m&(1<<x)-1)];continue r}e.msg="invalid distance code",r.mode=n;break e}if(S=65535&k,x&=15,g<x&&(m+=B[a++]<<g,g+=8,g<x&&(m+=B[a++]<<g,g+=8)),S+=m&(1<<x)-1,S>u){e.msg="invalid distance too far back",r.mode=n;break e}if(m>>>=x,g-=x,x=s-l,S>x){if(x=S-x,x>f&&r.sane){e.msg="invalid distance too far back",r.mode=n;break e}if(E=0,C=b,0===h){if(E+=c-x,x<_){_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}}else if(h<x){if(E+=c+h-x,x-=h,x<_){_-=x;do U[s++]=b[E++];while(--x);if(E=0,h<_){x=h,_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}}}else if(E+=h-x,x<_){_-=x;do U[s++]=b[E++];while(--x);E=s-S,C=U}for(;_>2;)U[s++]=C[E++],U[s++]=C[E++],U[s++]=C[E++],_-=3;_&&(U[s++]=C[E++],_>1&&(U[s++]=C[E++]))}else{E=s-S;do U[s++]=U[E++],U[s++]=U[E++],U[s++]=U[E++],_-=3;while(_>2);_&&(U[s++]=U[E++],_>1&&(U[s++]=U[E++]))}break}}break}}while(a<i&&s<d);_=g>>3,a-=_,g-=_<<3,m&=(1<<g)-1,e.next_in=a,e.next_out=s,e.avail_in=a<i?5+(i-a):5-(a-i),e.avail_out=s<d?257+(d-s):257-(s-d),r.hold=m,r.bits=g}},"zlib/inftrees.js":function(e,t,r){"use strict";var n=e("../utils/common"),o=15,a=852,i=592,s=0,l=1,d=2,u=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],c=[16,16,16,16,16,16,16,16,17,17,17,17,18,18,18,18,19,19,19,19,20,20,20,20,21,21,21,21,16,72,78],f=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,0,0],h=[16,16,16,16,17,17,18,18,19,19,20,20,21,21,22,22,23,23,24,24,25,25,26,26,27,27,28,28,29,29,64,64];t.exports=function(e,t,r,b,m,g,p,w){var v,y,k,x,_,S,E,C,B,U=w.bits,T=0,R=0,L=0,O=0,I=0,A=0,P=0,D=0,z=0,N=0,F=null,Z=0,j=new n.Buf16(o+1),H=new n.Buf16(o+1),M=null,W=0;for(T=0;T<=o;T++)j[T]=0;for(R=0;R<b;R++)j[t[r+R]]++;for(I=U,O=o;O>=1&&0===j[O];O--);if(I>O&&(I=O),0===O)return m[g++]=20971520,m[g++]=20971520,w.bits=1,0;for(L=1;L<O&&0===j[L];L++);for(I<L&&(I=L),D=1,T=1;T<=o;T++)if(D<<=1,D-=j[T],D<0)return-1;if(D>0&&(e===s||1!==O))return-1;for(H[1]=0,T=1;T<o;T++)H[T+1]=H[T]+j[T];for(R=0;R<b;R++)0!==t[r+R]&&(p[H[t[r+R]]++]=R);if(e===s?(F=M=p,S=19):e===l?(F=u,Z-=257,M=c,W-=257,S=256):(F=f,M=h,S=-1),N=0,R=0,T=L,_=g,A=I,P=0,k=-1,z=1<<I,x=z-1,e===l&&z>a||e===d&&z>i)return 1;for(;;){E=T-P,p[R]<S?(C=0,B=p[R]):p[R]>S?(C=M[W+p[R]],B=F[Z+p[R]]):(C=96,B=0),v=1<<T-P,y=1<<A,L=y;do y-=v,m[_+(N>>P)+y]=E<<24|C<<16|B|0;while(0!==y);for(v=1<<T-1;N&v;)v>>=1;if(0!==v?(N&=v-1,N+=v):N=0,R++,0===--j[T]){if(T===O)break;T=t[r+p[R]]}if(T>I&&(N&x)!==k){for(0===P&&(P=I),_+=L,A=T-P,D=1<<A;A+P<O&&(D-=j[A+P],!(D<=0));)A++,D<<=1;if(z+=1<<A,e===l&&z>a||e===d&&z>i)return 1;k=N&x,m[k]=I<<24|A<<16|_-g|0}}return 0!==N&&(m[_+N]=T-P<<24|64<<16|0),w.bits=I,0}}};for(var r in t)t[r].folder=r.substring(0,r.lastIndexOf("/")+1);var n=function(e){var r=[];return e=e.split("/").every(function(e){return".."==e?r.pop():"."==e||""==e||r.push(e)})?r.join("/"):null,e?t[e]||t[e+".js"]||t[e+"/index.js"]:null},o=function(e,t){return e?n(e.folder+"node_modules/"+t)||o(e.parent,t):null},a=function(e,t){var r=t.match(/^\//)?null:e?t.match(/^\.\.?\//)?n(e.folder+t):o(e,t):n(t);if(!r)throw"module not found: "+t;return r.exports||(r.parent=e,r(a.bind(null,r),r,r.exports={})),r.exports};return a(null,e)},decompress:function(e){this.exports||(this.exports=this.require("inflate.js"));try{return this.exports.inflate(e)}catch(e){}},hasUnityMarker:function(e){var t=10,r="UnityWeb Compressed Content (gzip)";if(t>e.length||31!=e[0]||139!=e[1])return!1;var n=e[3];if(4&n){if(t+2>e.length)return!1;if(t+=2+e[t]+(e[t+1]<<8),t>e.length)return!1}if(8&n){for(;t<e.length&&e[t];)t++;if(t+1>e.length)return!1;t++}return 16&n&&String.fromCharCode.apply(null,e.subarray(t,t+r.length+1))==r+"\0"}}};return new Promise(function(e,t){f.SystemInfo.hasWebGL?f.SystemInfo.hasWasm?(1==f.SystemInfo.hasWebGL&&f.print('Warning: Your browser does not support "WebGL 2" Graphics API, switching to "WebGL 1"'),f.startupErrorHandler=t,r(0),f.postRun.push(function(){r(1),delete f.startupErrorHandler,e(p)}),c()):t("Your browser does not support WebAssembly."):t("Your browser does not support WebGL.")})}
\ No newline at end of file
diff --git a/public/VideoWeb/Build/APP.wasm.unityweb b/public/VideoWeb/Build/APP.wasm.unityweb
new file mode 100644
index 00000000..c9cae708
Binary files /dev/null and b/public/VideoWeb/Build/APP.wasm.unityweb differ
diff --git a/public/VideoWeb/index.html b/public/VideoWeb/index.html
index c890db2a..30c94dba 100644
--- a/public/VideoWeb/index.html
+++ b/public/VideoWeb/index.html
@@ -6,11 +6,10 @@
     <title>Unity WebGL Player | Painter</title>
     <link rel="shortcut icon" href="TemplateData/favicon.ico">
     <link rel="stylesheet" href="TemplateData/style.css">
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.2/mqttws31.js"></script>
   </head>
   <body>
     <div id="unity-container" class="unity-desktop">
-      <canvas id="unity-canvas" width=100% height=100%></canvas>
+      <canvas id="unity-canvas" width=960 height=600></canvas>
       <div id="unity-loading-bar">
         <div id="unity-logo"></div>
         <div id="unity-progress-bar-empty">
@@ -25,7 +24,6 @@
       </div>
     </div>
     <script>
-    	var myunityInstance;
       var container = document.querySelector("#unity-container");
       var canvas = document.querySelector("#unity-canvas");
       var loadingBar = document.querySelector("#unity-loading-bar");
@@ -58,11 +56,11 @@
       }
 
       var buildUrl = "Build";
-      var loaderUrl = buildUrl + "/VideoWeb.loader.js";
+      var loaderUrl = buildUrl + "/APP.loader.js";
       var config = {
-        dataUrl: buildUrl + "/VideoWeb.data.unityweb",
-        frameworkUrl: buildUrl + "/VideoWeb.framework.js.unityweb",
-        codeUrl: buildUrl + "/VideoWeb.wasm.unityweb",
+        dataUrl: buildUrl + "/APP.data.unityweb",
+        frameworkUrl: buildUrl + "/APP.framework.js.unityweb",
+        codeUrl: buildUrl + "/APP.wasm.unityweb",
         streamingAssetsUrl: "StreamingAssets",
         companyName: "DefaultCompany",
         productName: "Painter",
@@ -102,16 +100,15 @@
       }
 
       loadingBar.style.display = "block";
-
+      var unity;
       var script = document.createElement("script");
       script.src = loaderUrl;
       script.onload = () => {
         createUnityInstance(canvas, config, (progress) => {
           progressBarFull.style.width = 100 * progress + "%";
         }).then((unityInstance) => {
-        	myunityInstance=unityInstance;
+            unity = unityInstance
           loadingBar.style.display = "none";
-                      MQTTconnect();
           fullscreenButton.onclick = () => {
             unityInstance.SetFullscreen(1);
           };
@@ -119,141 +116,25 @@
           alert(message);
         });
       };
+       //获取图像
+       function getDestination(string){
+        if(unity!=null){
+        unity.SendMessage('AAA', 'SendImage', string);
+        }     
+        }
+    //获取数据
+    function getData(string){
+        if(unity!=null){
+            unity.SendMessage('AAA', 'SendStream', string);
+        }    
+    }
+    //获取图形数据
+    function getfigureData(string){
+        console.log("图形数据",string)
+    }
       document.body.appendChild(script);
 
-
-
-      var mqtt;
-// var host = '49.234.27.18';
-var host='172.16.1.168'
-var port = 10087;
-var subTopic_net="net_server"
-var pubTopic_net="net_client"
-
-function myClick(){
-
-    var jo={'type':'getNet'};
-    var raw_message = JSON.stringify(jo);
-    message = new Paho.MQTT.Message(raw_message);
-    message.destinationName = pubTopic_net;
-    console.log('sending message: ' + raw_message );
-    mqtt.send(message);
-}
-
-function myClick2()
-{
-    //  var jo={'type':'netplanSet','ethName': 'eth0', 'dhcp4':true, 'addresses':[],'gateway4':'','nameservers':[],'routes':[]};
-    var jo={'type': 'netplanSet','ethName': 'eth0','dhcp4':false,'addresses':[],'gateway4':'','nameservers':[],'routes':[]};
-    var addrs=['172.16.1.168/24'];
-    var dns=['172.16.1.1'];
-  //  var routes=['172.16.0.0/24,172.16.1.1,100','172.16.10.0/24,172.16.1.10,100'];
-    jo.addresses=addrs;
-    jo.nameservers=dns;
-    //jo.routes=routes;
-
-    var raw_message = JSON.stringify(jo);
-    message = new Paho.MQTT.Message(raw_message);
-    message.destinationName = pubTopic_net;
-    console.log('sending message: ' + raw_message );
-    mqtt.send(message);
-}
-
-// onConnect 事件
-function onConnect() {
-    console.log('connected.');
-    // 订阅 download topic
-    var subOptions = {
-        qos: 0,
-        onSuccess: onSubscribe
-    };
-    mqtt.subscribe(subTopic_net, subOptions);
-    mqtt.subscribe('img0', subOptions);
-    mqtt.subscribe('stream0', subOptions);
-    // mqtt.subscribe('img1', subOptions);
-    // mqtt.subscribe('stream1', subOptions);
-    // mqtt.subscribe('img2', subOptions);
-    // mqtt.subscribe('stream2', subOptions);
-    // mqtt.subscribe('img3', subOptions);
-    // mqtt.subscribe('stream3', subOptions);
-    // mqtt.subscribe('img4', subOptions);
-    // mqtt.subscribe('stream4', subOptions);
-    // mqtt.subscribe('img5', subOptions);
-    // mqtt.subscribe('stream5', subOptions);
-    // mqtt.subscribe('img6', subOptions);
-    // mqtt.subscribe('stream6', subOptions);
-}
- 
-// 订阅主题成功事件
-function onSubscribe(context) {
-    console.log('subscribe success');
-    console.log(context);
-}
- 
-// 连接失败事件
-function onFailure(message) {
-    console.log('connect failed.');
-}
- 
-// onMessageArrived 事件
-function onMessageArrived(message) {
-    // console.log('new message arrived...');
-    console.log(message.payloadString);
-    var jo=JSON.parse(message.payloadString);
-    if(message.destinationName==subTopic_net)
-    {
-        //网络
-        var type=jo['type'];
-        if(type=='getNet')
-        {
-            var str1=jo['netstates'];
-            var str2=jo['netaddres'];
-            var jo1=JSON.parse(str1);
-            var jo2=JSON.parse(str2);
-        }
-    }
-    else if(message.destinationName=='img0')
-    {
-        //图片
-      //  var pic=formatByte2Img(jo['pic']);
-       // img.src=pic;
-       if(myunityInstance!=null)
-       {
-       myunityInstance.SendMessage('Canvas', 'Recv', message.payloadString);
-   }
-    }
-    else if(message.destinationName=='stream0')
-    {
-        //原始数据
-        
-    }
-}
- 
-// 字节流转图片
-function formatByte2Img(data) {
- let blobUrl = ''
- const bytes = new Uint8Array(data)
- const blob = new Blob([bytes], { type: 'image/png' })
- blobUrl = (window.URL || window.webkitURL).createObjectURL(blob)
- return blobUrl
-}
-
- 
-// 建立 MQTT websocket 连接
-function MQTTconnect() {
-    console.log('connecting to ' + host + ':' + port);
-    mqtt = new Paho.MQTT.Client(host, port, 'clientidxxx');
-    var options = {
-        timeout: 3,
-        onSuccess: onConnect,
-        onFailure: onFailure,
-        userName: 'admin',
-        password: '123456',
-        // mqttVersion: 4
-    };
-    mqtt.onMessageArrived = onMessageArrived;
-    mqtt.connect(options);
-}
-
+     
     </script>
   </body>
 </html>
diff --git a/src/api/index.js b/src/api/index.js
index e9d4911c..fac9e679 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -34,5 +34,6 @@ export const getDeleteShipjk = (params) => {
         params
     })
 };
+//视频分析预览
 
 
diff --git a/src/components/common/Whole.vue b/src/components/common/Whole.vue
index 15dd42e0..8cb893e8 100644
--- a/src/components/common/Whole.vue
+++ b/src/components/common/Whole.vue
@@ -265,10 +265,11 @@ export default {
   
 }
 .header {
-    position: absolute;
+    /* position: absolute; */
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    width: 87%;
+    /* width: 87%; */
+    width: 100%;
     height: 70px;
     right: 0px;
     font-size: 22px;
diff --git a/src/views/bounced/analysisConfiguration.vue b/src/views/bounced/analysisConfiguration.vue
index cb8f2d53..5f72198a 100644
--- a/src/views/bounced/analysisConfiguration.vue
+++ b/src/views/bounced/analysisConfiguration.vue
@@ -38,26 +38,28 @@
       <div class="section">
         <p class="board-title">坐标转换</p>
          <el-form ref="form" :model="coordinateForm" label-width="140px">
-         <el-form-item label="自动保存：">
+         <el-form-item label="坐标转换开关：">
             <el-switch v-model="coordinateForm.coordinateClose"></el-switch>
                 </el-form-item>
-                <el-form-item label="模型：" >
+                <el-form-item label="模型：" v-if="coordinateForm.coordinateClose==true">
                   <el-radio-group v-model="coordinateForm.model">
                     <el-radio label="Georeferencing"></el-radio>
                     <el-radio label="其他"></el-radio>
                   </el-radio-group>
                 </el-form-item>
-                <el-form-item label="坐标转换：">
+                <el-form-item label="坐标转换：" v-if="coordinateForm.coordinateClose==true">
                   <el-radio-group v-model="coordinateForm.coordinateTransformation">
                     <el-radio label="84坐标系"></el-radio>
                     <el-radio label="其他"></el-radio>
                   </el-radio-group>
                 </el-form-item>
-                <div style="width:100%;height:300px">
-                     <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;"></iframe>
+                <div style="width:100%;height:300px"  >
+                     <iframe id="mapModuleTop"  @load="load" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;" ></iframe>
+                      <!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" 
+          ref="iframe"></iframe> -->
                 </div>
-               <el-table border :data="coordinateTableData">
-  <el-table-column prop="name" label="点名称" align="center">
+               <el-table border :data="coordinateTableData" v-if="coordinateForm.coordinateClose==true">
+  <el-table-column prop="name" label="点名称" align="center" >
     <template slot-scope="scope">
       <el-input
         v-if="scope.$index === 0"
@@ -120,7 +122,7 @@
   </el-table-column>
 </el-table>
 <div style="margin-top:15px">
-<el-button type="primary" @click="handleagain()" size="small" style="width:150px">保存</el-button>
+<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="coordinateForm.coordinateClose==true">保存</el-button>
 </div>
 
 </el-form>
@@ -133,19 +135,21 @@
           <div class="warning">
         <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>在视频/动图上设置进口出口道
       </div>
-         <el-form ref="form" :model="sizeForm" label-width="350px">          
+         <el-form ref="form" :model="laneform" label-width="350px">          
                 <!-- <p>车道识别配置</p> -->
-              
-                <div style="width:100%;height:300px">
+            <el-form-item label="车道识别配置开关：" label-width="150px">
+            <el-switch v-model="laneform.laneClose"></el-switch>
+                </el-form-item>  
+                <!-- <div style="width:100%;height:300px" v-if="laneform.laneClose==true">
                      <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: calc(100% - 50px)"></iframe>
-                </div>
-                <el-form-item label="各车道中心线（区域检测器）："   style="width:300px">
-                    <el-switch v-model="sizeForm.user"></el-switch>
+                </div> -->
+                <el-form-item label="各车道中心线（区域检测器）："   style="width:300px" v-if="laneform.laneClose==true">
+                    <el-switch v-model="laneform.areaDetector"></el-switch>
                 </el-form-item>
-              <el-form-item label="自动识别各车道中心点坐标（断面检测器）："  style="width:300px">
-                    <el-switch v-model="sizeForm.user"></el-switch>
+              <el-form-item label="自动识别各车道中心点坐标（断面检测器）："  style="width:300px" v-if="laneform.laneClose==true">
+                    <el-switch v-model="laneform.sectionDetector"></el-switch>
                 </el-form-item>
-                <el-button type="primary" @click="handleagain()" size="small" style="width:150px">保存</el-button>
+                <el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="laneform.laneClose==true">保存</el-button>
                 
                 
             </el-form>
@@ -158,16 +162,16 @@
          <div class="warning">
                     <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
                 </div>
-         <el-form ref="form" :model="sizeForm" label-width="140px">          
+         <el-form ref="form" :model="identificationAreaform" label-width="140px">          
                 <!-- <p>车道识别配置</p> -->
                
                  <el-form-item label="识别区域开关"  style="width:250px">
-                    <el-switch v-model="sizeForm.user"></el-switch>
+                    <el-switch v-model="identificationAreaform.identificationAreaClose"></el-switch>
                 </el-form-item>
-                <div style="width:100%;height:300px">
+                <!-- <div style="width:100%;height:300px" v-if="identificationAreaform.identificationAreaClose==true">
                      <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: calc(100% - 50px)"></iframe>
-                </div>
-                 <el-button type="primary" @click="handleagain()" size="small" style="width:150px">保存</el-button>
+                </div> -->
+                 <el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="identificationAreaform.identificationAreaClose==true">保存</el-button>
                 
             </el-form>
       </div>
@@ -179,11 +183,14 @@
          <div class="warning">
                     <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。
                 </div>
-         <el-form ref="form" :model="sizeForm" label-width="140px">          
-                 <el-form-item label="预测滤波时间"  style="width:250px">
-                <el-input-number v-model="sizeForm.user" @change="handleChange" :min="2000" :max="3000" label="预测滤波时间"></el-input-number>
+         <el-form ref="form" :model="trajectorySmoothingform" label-width="140px">  
+            <el-form-item label="轨迹平滑开关"  style="width:250px">
+                    <el-switch v-model="trajectorySmoothingform.trajectorySmoothingClose"></el-switch>
+                </el-form-item>        
+                 <el-form-item label="预测滤波时间"  style="width:250px" v-if="trajectorySmoothingform.trajectorySmoothingClose==true">
+                <el-input-number v-model="trajectorySmoothingform.time" @change="handleChange" :min="2000" :max="3000" label="预测滤波时间"></el-input-number>
                 </el-form-item>
-                
+                 <el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="trajectorySmoothingform.trajectorySmoothingClose==true">保存</el-button>
             </el-form>
       </div>
      
@@ -194,12 +201,14 @@
           <div class="warning">
                     <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
                 </div>
-         <el-form ref="form" :model="sizeForm" label-width="140px">          
-               
-                <div style="width:100%;height:300px">
+         <el-form ref="form" :model="licensePlateform" label-width="140px">          
+               <el-form-item label="车牌识别开关"  style="width:250px">
+                    <el-switch v-model="licensePlateform.licensePlateClose"></el-switch>
+                </el-form-item>    
+                <!-- <div style="width:100%;height:300px" v-if="licensePlateform.licensePlateClose==true">
                      <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: calc(100% - 50px)"></iframe>
-                </div>
-                  <el-table border :data="licensePlateTableData">
+                </div> -->
+                  <el-table border :data="licensePlateTableData" v-if="licensePlateform.licensePlateClose==true">
   <el-table-column prop="sectionPlate" label="断面号牌" align="center">
     <template slot-scope="scope">
       <el-input
@@ -263,7 +272,7 @@
   </el-table-column>
 </el-table>
 <div style="margin-top:15px">
-<el-button type="primary" @click="handleagain()" size="small" style="width:150px">保存</el-button>
+<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="licensePlateform.licensePlateClose==true">保存</el-button>
 </div>
 
                 
@@ -277,15 +286,15 @@
          <div class="warning">
                     <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>更新频率：更新频率可以根据链路带宽进行设置。
                 </div>
-          <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="140px">
+          <el-form :inline="true" :model="stopStateform" class="demo-form-inline" label-width="140px">
   <el-form-item label="位移：" >
-   <el-input-number v-model="formInline.user" @change="handleChange" :min="2000" :max="3000" label="位移"></el-input-number>
+   <el-input-number v-model="stopStateform.displacement" @change="handleChange" :min="2000" :max="3000" label="位移"></el-input-number>
   </el-form-item>
   <el-form-item label="速度："  >
-    <el-input-number v-model="formInline.user" @change="handleChange" :min="2000" :max="3000" label="速度"></el-input-number>
+    <el-input-number v-model="stopStateform.speed" @change="handleChange" :min="2000" :max="3000" label="速度"></el-input-number>
 </el-form-item>
   <el-form-item label="加速度：">
-      <el-input-number v-model="formInline.user" @change="handleChange" :min="2000" :max="3000" label="加速度"></el-input-number>
+      <el-input-number v-model="stopStateform.acceleration" @change="handleChange" :min="2000" :max="3000" label="加速度"></el-input-number>
   </el-form-item>
   
 </el-form>
@@ -299,40 +308,40 @@
      <div class="dataBoard">
       <div class="section">
         <p class="board-title">通信设置</p>
-           <el-form :model="formInline" class="demo-form-inline" label-width="200px">
+           <el-form :model="communicationform" class="demo-form-inline" label-width="200px">
   <el-form-item label="类型：" style="margin-bottom: 20px;">
-    <el-radio-group v-model="formInline.user" >
+    <el-radio-group v-model="communicationform.type" >
        <el-radio label="快速-用于高带宽连接"></el-radio>
        <el-radio label="平衡-适用于大多数连接"></el-radio>
        <el-radio label="慢速-用于低带宽连接"></el-radio>
        <el-radio label="自定义"></el-radio>
     </el-radio-group>
   </el-form-item>
-  <el-form-item label="请求轻型有效载荷：">
-    <el-input v-model="formInline.name" style="width:200px;margin-bottom: 20px;"></el-input>ms
+  <el-form-item label="请求轻型有效载荷：" v-if="communicationform.type=='自定义'">
+    <el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input>ms
   </el-form-item>
-   <el-form-item label="请求重型有效载荷：">
-    <el-input v-model="formInline.name" style="width:200px;margin-bottom: 20px;"></el-input>ms
+   <el-form-item label="请求重型有效载荷：" v-if="communicationform.type=='自定义'">
+    <el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input>ms
   </el-form-item>
-    <el-form-item label="FPS分配器：">
-    <el-input v-model="formInline.name" style="width:200px;margin-bottom: 20px;"></el-input>
+    <el-form-item label="FPS分配器：" v-if="communicationform.type=='自定义'">
+    <el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input>
   </el-form-item>
-   <el-form-item label="框架决议：">
-     <el-select v-model="formInline.region" placeholder="框架决议" style="margin-bottom: 20px;">
+   <el-form-item label="框架决议：" v-if="communicationform.type=='自定义'">
+     <el-select v-model="communicationform.region" placeholder="框架决议" style="margin-bottom: 20px;">
       <el-option label="自动" value="shanghai"></el-option>
       <el-option label="区域二" value="beijing"></el-option>
     </el-select>
   </el-form-item>
-   <el-form-item label="压缩格式：">
-     <el-select v-model="formInline.region" placeholder="压缩格式" style="margin-bottom: 20px;">
+   <el-form-item label="压缩格式：" v-if="communicationform.type=='自定义'">
+     <el-select v-model="communicationform.region" placeholder="压缩格式" style="margin-bottom: 20px;">
       <el-option label="JPG" value="shanghai"></el-option>
       <el-option label="区域二" value="beijing"></el-option>
     </el-select>
   </el-form-item>
-    <el-form-item label="压缩率：">
-    <el-input v-model="formInline.name" style="width:200px"></el-input>
+    <el-form-item label="压缩率：" v-if="communicationform.type=='自定义'">
+    <el-input v-model="communicationform.name" style="width:200px"></el-input>
   </el-form-item>
-  <el-button type="primary" @click="handleagain()" size="small" style="width:150px">保存</el-button>
+  <el-button type="primary" @click="handleagain()" size="small" style="width:150px" >保存</el-button>
 </el-form>
       </div>
      
@@ -343,6 +352,7 @@
 </template>
   
   <script>
+  import mqtt from "mqtt"; // mqtt协议
 export default {
     data() {
         return {
@@ -390,19 +400,22 @@ export default {
         ],
         //车道识别配置
         laneform: {
-
+            laneClose:false,
+            areaDetector:false,
+            sectionDetector:false,
         },
         //识别区域
         identificationAreaform: {
-
+            identificationAreaClose:false
         },
         //轨迹平滑
         trajectorySmoothingform: {
-
+            trajectorySmoothingClose:false,
+            time:''
         },
         // 车牌识别
         licensePlateform: {
-
+            licensePlateClose:false,
         },
         licensePlateTableData:[
              {
@@ -424,10 +437,13 @@ export default {
         ],
         //停车状态
         stopStateform: {
-
+            displacement:'2000',
+            speed:'2000',
+            acceleration:'2000',
         },
         //通信设置
         communicationform: {
+            type:'快速-用于高带宽连接',
 
         },
             form: {
@@ -459,7 +475,40 @@ export default {
             fileList: []
         };
     },
+      created() {
+//    this.getDataByMqtt()
+//  this.testMqtt()
+//  var iframe = document.getElementById("mapModule");
+    // iframe.onload = function () {
+    //     setTimeout(() => {
+    //         this.testMqtt()
+    //     }, 5000);
+    // };
+//     iframe.onload = () => {
+// setTimeout(() => {
+//             this.load()
+//         }, 5000);// 这样每次都会触发
+// }
+
+  },
     methods: {
+        
+       load(){
+       console.log("1111")
+        var iframe = document.getElementById("mapModuleTop");
+        console.log("iframe",iframe)
+        iframe.onload = () => {
+            // setTimeout(() => {
+            this.testMqtt()
+        // }, 5000);
+       }
+       },
+         testMqtt() {
+             console.log("222")
+      this.getDataByMqtt()
+
+    },
+    handleChange(){},
         handleagain() {
             this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {
                 confirmButtonText: '确定',
@@ -610,6 +659,224 @@ export default {
 	        })
 	      }
 	    },
+          // mqtt订阅（独立）
+    getDataByMqtt(url, topic, cIdNum) {
+    //     var that = this
+    // that.$refs.iframe.contentWindow.getDestination(1)
+    // console.log("1111",document.getElementById("mapModule"))
+    //  document.getElementById("mapModule").contentWindow.getDestination(1)
+      const clientId = "test_id_" + String(new Date().getTime()); // 用户名
+      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt
+      const host = 'ws://172.16.1.168:10087/';
+
+      const options = {
+        // 配置
+        // 测试：订阅本机IP
+        // host: host,
+        // port: port,
+        // host:"172.16.1.168:10086",
+        keepalive: 60, // 心跳时间，默认60s，设置为0禁用
+        username: 'admin',  // 用户名（可选）
+        password: '123456',  // 密码（可选）
+        clientId: clientId, // 客户端ID，默认随机生成
+        protocolId: "MQTT",
+        protocolVersion: 4,
+        clean: true, // false在离线时接收QoS1和2的消息
+        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒
+        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间
+        will: {
+          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）
+          topic: "img1", // 要发布的主题
+          payload: "[MQTT-TEST] 遗嘱消息：连接异常断开！", // 要发布的消息
+          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次
+          retain: false, // 保留标志
+        },
+      };
+      if (this.mqttClient == undefined) {
+        this.mqttClient = mqtt.connect(host, options); // 连接
+        // const client = mqtt.connect(host, options); // 连接
+        // const client = mqtt.connect(host)  // 连接
+        // 错误回调
+        // console.log("this.mqttClient", this.mqttClient)
+        this.mqttClient.on("error", (err) => {
+          console.log("[MQTT-TEST] 连接错误：", err);
+          this.mqttClient.end();
+        });
+        // 重连回调
+        this.mqttClient.on("reconnect", (reconnect) => {
+        //   console.log("[MQTT-TEST] 重连中……", reconnect);
+        });
+        // 连接回调
+        this.mqttClient.on("connect", (connect) => {
+        //   console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
+          // 订阅
+          this.mqttClient.subscribe('img0', { qos: 0 });
+          this.mqttClient.subscribe('img1', { qos: 0 });
+          this.mqttClient.subscribe('img2', { qos: 0 });
+          this.mqttClient.subscribe('img3', { qos: 0 });
+          this.mqttClient.subscribe('img4', { qos: 0 });
+          this.mqttClient.subscribe('img5', { qos: 0 });
+          this.mqttClient.subscribe('stream0', { qos: 0 });
+          this.mqttClient.subscribe('stream1', { qos: 0 });
+          this.mqttClient.subscribe('stream2', { qos: 0 });
+          this.mqttClient.subscribe('stream3', { qos: 0 });
+          this.mqttClient.subscribe('stream4', { qos: 0 });
+          this.mqttClient.subscribe('stream5', { qos: 0 });
+
+        });
+        // 接收回调
+        this.mqttClient.on("message", (topic, message, packet) => {
+            
+          if (topic.indexOf("img0") != -1) {
+            // try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+            //   debugger
+            //   console.log("msg", msg)   //msg为转换后的JSON数据
+            //   console.log("msg.pic", msg.pic) 
+            //   debugger
+            // var that = this
+         
+            //    document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
+                // window.parent.getDestination(JSON.stringify(msg));
+            //    debugger
+                // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));
+            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;
+            //   console.log("imageUrl", imageUrl)
+           
+            // } 
+            // catch {
+            //   let imageType = 'arraybuffer';
+            //   const blob = new Blob([message], { type: imageType })
+            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+            // //   console.log("imageUrl", imageUrl)
+            // }
+          } else if (topic.indexOf("img1") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
+              console.log("imageUrl", imageUrl)
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          } else if (topic.indexOf("img2") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;
+              console.log("imageUrl", imageUrl)
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          } else if (topic.indexOf("img3") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;
+              console.log("imageUrl", imageUrl)
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          } else if (topic.indexOf("img4") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;
+              console.log("imageUrl", imageUrl)
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          } else if (topic.indexOf("img5") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;
+              console.log("imageUrl", imageUrl)
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          } else if (topic.indexOf("stream0") != -1) {
+            // console.log(
+            //   `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+            //   new Date(),
+            //   new Date().getMilliseconds()
+            // );
+          } else if (topic.indexOf("stream0") != -1) {
+            // console.log(
+            //   `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+            //   new Date(),
+            //   new Date().getMilliseconds()
+            // );
+          } else if (topic.indexOf("stream1") != -1) {
+            console.log(
+              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+              new Date(),
+              new Date().getMilliseconds()
+            );
+          } else if (topic.indexOf("stream2") != -1) {
+            console.log(
+              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+              new Date(),
+              new Date().getMilliseconds()
+            );
+          } else if (topic.indexOf("stream3") != -1) {
+            console.log(
+              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+              new Date(),
+              new Date().getMilliseconds()
+            );
+          } else if (topic.indexOf("stream4") != -1) {
+            console.log(
+              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+              new Date(),
+              new Date().getMilliseconds()
+            );
+          } else if (topic.indexOf("stream5") != -1) {
+            console.log(
+              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
+              new Date(),
+              new Date().getMilliseconds()
+            );
+          }
+
+        });
+      }
+
+
+    },
 
     }
 };
@@ -639,7 +906,8 @@ export default {
 .dataBoard .region,
 .dataBoard .section {
   width: 80%;
-  border: 1px solid gray;
+//   border: 1px solid gray;
+  border: 1px solid #E4E7ED;
   box-sizing: border-box;
   padding: 15px;
   margin-bottom: 3%;
diff --git a/src/views/bounced/dataBoard.vue b/src/views/bounced/dataBoard.vue
index dc730b4d..86c77662 100644
--- a/src/views/bounced/dataBoard.vue
+++ b/src/views/bounced/dataBoard.vue
@@ -1,7 +1,7 @@
 <template>
 
   <div>
-    <p class="title" style="margin-bottom: 20px;font-size: 20px;font-weight: 400;">数据看板</p>
+    <!-- <p class="title" style="margin-bottom: 20px;font-size: 20px;font-weight: 400;">数据看板</p> -->
     <div class="dataBoard">
       <div class="section">
         <p class="board-title">{{ title1 }}</p>
diff --git a/src/views/index.vue b/src/views/index.vue
index ed71bfe2..62e7f78d 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,14 +1,30 @@
 <template>
   <div class="content-box">
 
-    <div class="container">
-      <!-- <nav>
-      <router-link :to="a.url" :key="index" v-for="(a,index) in Data">{{a.title}}</router-link>
-       <el-button type="primary" @click="dialogFormVisible = true">断面组件</el-button>
-    </nav> -->
+    <!-- <div class="container"> -->
+    <div >
       <el-tabs type="border-card">
         <el-tab-pane label="xx路口">
-          <div style="width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px">
+            <div style="width:75%;height:900px;display:inline-block;border:1px soild #eee;">
+                     <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;"></iframe>
+                      <!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" 
+          ref="iframe"></iframe> -->
+                </div>
+                 <div style="width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;">
+
+            <el-button type="primary" @click="dialogFormVisible = true">断面组件</el-button>
+            <el-button type="primary" @click="areaComponent = true">区域组件</el-button>
+            <el-button type="primary" @click="trajectory=true">轨迹组件</el-button>
+            <el-button type="primary" @click="speed = true">速度组件</el-button>
+            <el-button type="primary" @click="flow = true">流量组件</el-button>
+            <el-button type="primary" @click="indexModule = true">车头时距</el-button>
+            <el-button type="primary" @click="indexModule = true">排队数</el-button>
+            <el-button type="primary" @click="indexModule = true">检测数</el-button>
+            <el-button type="primary" @click="indexModule = true">延误</el-button>
+            <el-button type="primary" @click="indexModule = true">拥堵</el-button>
+
+          </div>
+          <!-- <div style="width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px">
             <img :src='imgUrl' width="100%" height="100%" />
           </div>
           <div style="width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;">
@@ -26,7 +42,7 @@
 
           </div>
           <div style="width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px">
-          </div>
+          </div> -->
         </el-tab-pane>
         <el-tab-pane label="数据看板">
           <dataBoard></dataBoard>
@@ -96,52 +112,53 @@
           </el-form-item>
         </el-form>
       </el-dialog>
+      <el-dialog title="轨迹组件配置" width="40%" :visible.sync="trajectory">
+        <el-form ref="form" :model="trackForm" label-width="80px">
+          <el-form-item label="轨迹名称：">
+            <el-input v-model="trackForm.name"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">确认</el-button>
+            <el-button @click="dialogFormVisible = false">取消</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
       <el-dialog title="速度组件配置" width="40%" :visible.sync="speed">
         <el-form ref="form" :model="speedForm" label-width="80px">
-          <el-form-item label="速度组件名称">
+          <el-form-item label="速度组件名称：">
             <el-input v-model="speedForm.name"></el-input>
           </el-form-item>
-          <el-form-item label="数值筛选">
-            <el-input v-model="speedForm.name"></el-input>
+          <el-form-item label="数值筛选：">
+            <el-input v-model="speedForm.num"></el-input>
           </el-form-item>
-          <el-form-item label="时间模式">
-            <el-select v-model="speedForm.region" placeholder="请选择时间模式">
-              <el-option label="触发" value="car"></el-option>
-              <el-option label="周期时刻" value="bus"></el-option>
-              <el-option label="周期统计" value="kache"></el-option>
+          <el-form-item label="时间模式：">
+            <el-select v-model="speedForm.timeModel" placeholder="请选择时间模式">
+              <el-option label="触发" value="touch"></el-option>
+              <el-option label="周期时刻" value="timeing"></el-option>
+              <el-option label="周期统计" value="date"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="展现形式">
-            <el-checkbox-group v-model="speedForm.region">
-              <el-checkbox label="数值" name="type"></el-checkbox>
-              <el-checkbox label="表格" name="type"></el-checkbox>
-              <el-checkbox label="时间曲线图" name="type"></el-checkbox>
-              <el-checkbox label="均值图" name="type"></el-checkbox>
-            </el-checkbox-group>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="onSubmit">确认</el-button>
-            <el-button @click="dialogFormVisible = false">取消</el-button>
-          </el-form-item>
-        </el-form>
-      </el-dialog>
-      <el-dialog title="轨迹" width="40%" :visible.sync="trajectory">
-        <el-form ref="form" :model="speedForm" label-width="80px">
-          <el-form-item label="轨迹">
-            <el-input v-model="speedForm.name"></el-input>
-          </el-form-item>
-          <el-form-item label="数值筛选">
-            <el-input v-model="speedForm.name"></el-input>
-          </el-form-item>
-          <el-form-item label="时间模式">
-            <el-select v-model="speedForm.region" placeholder="请选择时间模式">
-              <el-option label="触发" value="car"></el-option>
-              <el-option label="周期时刻" value="bus"></el-option>
-              <el-option label="周期统计" value="kache"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="展现形式">
-            <el-checkbox-group v-model="speedForm.region">
+          <el-form-item label="触发类型：" v-if="speedForm.timeModel=='touch'">
+          <el-radio-group v-model="speedForm.touchType" >
+            <el-radio label="实时（触发）"></el-radio>
+            <el-radio label="间隔"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="时刻：" v-if="speedForm.timeModel=='timeing'">
+          <el-slider v-model="speedForm.time" show-input>
+            </el-slider>
+        </el-form-item>
+        <el-form-item label="时间：" v-if="speedForm.timeModel=='date'">
+           <el-date-picker
+       v-model="speedForm.date"
+      type="datetimerange"
+      range-separator="至"
+      start-placeholder="开始日期"
+      end-placeholder="结束日期">
+    </el-date-picker>
+        </el-form-item>
+          <el-form-item label="展现形式：">
+            <el-checkbox-group v-model="speedForm.type">
               <el-checkbox label="数值" name="type"></el-checkbox>
               <el-checkbox label="表格" name="type"></el-checkbox>
               <el-checkbox label="时间曲线图" name="type"></el-checkbox>
@@ -154,6 +171,7 @@
           </el-form-item>
         </el-form>
       </el-dialog>
+      
     </div>
   </div>
 </template>
@@ -202,13 +220,15 @@ export default {
       },
       speedForm: {
         name: '',
-        region: '',
-        date1: '',
-        date2: '',
-        delivery: false,
+        timeModel:'touch',
+        touchType:'实时（触发）',
+        num:'',
+        time:'',
+        date: '',
         type: [],
-        resource: '实时（触发）',
-        desc: ''
+      },
+      trackForm:{
+        name:""
       },
       //   dateTime: this.$moment(new Date()).format("LL"),
       nowTime: "",
@@ -364,8 +384,10 @@ export default {
     loadingShow(data) {
       this.loadingShow1 = data
     },
+
     // mqtt订阅（独立）
     getDataByMqtt(url, topic, cIdNum) {
+       
       const clientId = "test_id_" + String(new Date().getTime()); // 用户名
       //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt
       const host = 'ws://172.16.1.168:10087/';
@@ -398,20 +420,23 @@ export default {
         // const client = mqtt.connect(host, options); // 连接
         // const client = mqtt.connect(host)  // 连接
         // 错误回调
-        console.log("this.mqttClient", this.mqttClient)
+        // console.log("this.mqttClient", this.mqttClient)
         this.mqttClient.on("error", (err) => {
           console.log("[MQTT-TEST] 连接错误：", err);
           this.mqttClient.end();
         });
         // 重连回调
         this.mqttClient.on("reconnect", (reconnect) => {
-          console.log("[MQTT-TEST] 重连中……", reconnect);
+        //   console.log("[MQTT-TEST] 重连中……", reconnect);
         });
         // 连接回调
         this.mqttClient.on("connect", (connect) => {
-          console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
+        //   console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
           // 订阅
           this.mqttClient.subscribe('img0', { qos: 0 });
+        //    this.client.connect('aaa', '111')
+          this.mqttClient.publish('aaa', '111');
+        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });
           this.mqttClient.subscribe('img1', { qos: 0 });
           this.mqttClient.subscribe('img2', { qos: 0 });
           this.mqttClient.subscribe('img3', { qos: 0 });
@@ -423,48 +448,30 @@ export default {
           this.mqttClient.subscribe('stream3', { qos: 0 });
           this.mqttClient.subscribe('stream4', { qos: 0 });
           this.mqttClient.subscribe('stream5', { qos: 0 });
-
+          
         });
+         
         // 接收回调
         this.mqttClient.on("message", (topic, message, packet) => {
-          console.log("[MQTT-TEST] 已连接的客户端ID: ", message);
-
-          console.log(
-            `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-            new Date(),
-            new Date().getMilliseconds()
-          );
-          // 解析后端数据
-          //   let dataReceived = JSON.parse(message.toString());
-          //     console.log("[MQTT-TEST] 已连接的客户端ID: ",dataReceived);
-          //      try{
-          //         const utf8decoder = new TextDecoder()
-          //         const u8arr = new Uint8Array(message)
-          //         const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
-          //         const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
-          //         console.log("msg",msg)   //msg为转换后的JSON数据
-          //         this.imgUrl='data:image/png;base64,' + msg.pic;
-          //         console.log("imageUrl",imageUrl)
-          //     }catch{
-          //         let imageType = 'arraybuffer';
-          //         const blob = new Blob([message], { type: imageType })
-          //         const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
-          //         console.log("imageUrl",imageUrl)
-          //     }
+            
           if (topic.indexOf("img0") != -1) {
             try {
               const utf8decoder = new TextDecoder()
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
-              console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+            //   debugger
+            //   console.log("msg", msg)   //msg为转换后的JSON数据
+            // console.log("1111",document.getElementById("mapModule"))
+                document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
+            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;
+            //   console.log("imageUrl", imageUrl)
+             
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
               const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
-              console.log("imageUrl", imageUrl)
+            //   console.log("imageUrl", imageUrl)
             }
           } else if (topic.indexOf("img1") != -1) {
             try {
@@ -472,7 +479,7 @@ export default {
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
-              console.log("msg", msg)   //msg为转换后的JSON数据
+            //   console.log("msg", msg)   //msg为转换后的JSON数据
               this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
               console.log("imageUrl", imageUrl)
             } catch {
@@ -542,17 +549,11 @@ export default {
               console.log("imageUrl", imageUrl)
             }
           } else if (topic.indexOf("stream0") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
-          } else if (topic.indexOf("stream0") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)
+                document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream1") != -1) {
             console.log(
               `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,