diff --git a/node_modules/.cache/babel-loader/028b248418ccf5df4d4eed55795b8c5c.json b/node_modules/.cache/babel-loader/028b248418ccf5df4d4eed55795b8c5c.json
index 9b49ba28..7efad4ea 100644
--- a/node_modules/.cache/babel-loader/028b248418ccf5df4d4eed55795b8c5c.json
+++ b/node_modules/.cache/babel-loader/028b248418ccf5df4d4eed55795b8c5c.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1677026201583},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n data: function data() {\n return {\n form: {\n name: 55570,\n delivery: true,\n bytes: 4096\n }\n };\n }\n};",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,QAAA,EAAA,IAFA;AAGA,QAAA,KAAA,EAAA;AAHA;AADA,KAAA;AAOA;AATA,CAAA","sourcesContent":["<template>\r\n <div class=\"content-box\">\r\n <div class=\"container\">\r\n <p class=\"title\">UPD服务设置</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=\"180px\">\r\n <el-form-item label=\"upd服务器端口：\">\r\n <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"启用有效载荷：\">\r\n <el-switch v-model=\"form.delivery\"></el-switch>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"最大数据包大小：\">\r\n <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n bytes\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 form: {\r\n name: 55570,\r\n delivery: true,\r\n bytes: 4096\r\n }\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>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1677376577618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { getUpdInfoApi } from \"../../api/aboutMachine\";\nexport default {\n data: function data() {\n return {\n form: {\n name: 55570,\n delivery: true,\n bytes: 4096\n }\n };\n },\n methods: {\n getUpd: function getUpd() {\n var _this = this;\n\n getUpdInfoApi().then(function (res) {\n console.log(res.data.data);\n }).catch(function (err) {\n _this.$message.error(res.data.msg);\n });\n }\n },\n mounted: function mounted() {\n this.getUpd();\n }\n};",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAA,aAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,QAAA,EAAA,IAFA;AAGA,QAAA,KAAA,EAAA;AAHA;AADA,KAAA;AAOA,GATA;AAUA,EAAA,OAAA,EAAA;AACA,IAAA,MADA,oBACA;AAAA;;AACA,MAAA,aAAA,GACA,IADA,CACA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA;AACA,OANA;AAOA;AATA,GAVA;AAqBA,EAAA,OArBA,qBAqBA;AACA,SAAA,MAAA;AACA;AAvBA,CAAA","sourcesContent":["<template>\r\n <div class=\"content-box\">\r\n <div class=\"container\">\r\n <p class=\"title\">UPD服务设置</p>\r\n <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\r\n <el-form-item label=\"upd服务器端口：\">\r\n <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"启用有效载荷：\">\r\n <el-switch v-model=\"form.delivery\"></el-switch>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"最大数据包大小：\">\r\n <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n bytes\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getUpdInfoApi } from '../../api/aboutMachine';\r\nexport default {\r\n data() {\r\n return {\r\n form: {\r\n name: 55570,\r\n delivery: true,\r\n bytes: 4096\r\n }\r\n };\r\n },\r\n methods: {\r\n getUpd() {\r\n getUpdInfoApi()\r\n .then(res => {\r\n console.log(res.data.data);\r\n })\r\n .catch(err => {\r\n this.$message.error(res.data.msg);\r\n });\r\n }\r\n },\r\n mounted() {\r\n this.getUpd();\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"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/0a9a6e42027ba3575cac91989cfa8a8c.json b/node_modules/.cache/babel-loader/0a9a6e42027ba3575cac91989cfa8a8c.json
index edeca1a8..4b444526 100644
--- a/node_modules/.cache/babel-loader/0a9a6e42027ba3575cac91989cfa8a8c.json
+++ b/node_modules/.cache/babel-loader/0a9a6e42027ba3575cac91989cfa8a8c.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\config\\apiurl.js","mtime":1677226893383},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\nvar ipUurl = window.location.host.split(':')[0];\nexport default {\n // dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\n // getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\n // postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\n // //新增图形接口\n // addFigure: \"http://172.16.1.22:8080/api/AddJianktx\",\n // //编辑图形名称\n // editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\n dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',\n getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',\n postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',\n saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',\n saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',\n //编辑保存组件弹窗传参\n editComponent: 'http://172.16.1.22:8080/api/SetMonqjkzjcs',\n //保存主机名称\n editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',\n //新增图形接口\n addFigure: 'http://172.16.1.168:5000/api/AddJianktx',\n //编辑图形名称\n editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',\n //编辑保存组件弹窗传参\n setHostName: 'http://172.16.1.168:5000/api/SetHostName',\n setHostTime: 'http://172.16.1.168:5000/api/SetHostTime' // `http://${ipUurl}:5000/api/AddShipjk`\n // dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,\n // getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,\n // postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,\n // //新增图形接口\n // addFigure: `http://${ipUurl}:5000/api/AddJianktx`,\n // //编辑图形名称\n // editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,\n // //编辑保存组件弹窗传参\n // editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,\n\n};",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/config/apiurl.js"],"names":["ipUurl","window","location","host","split","dataUrl","getSpareElementOrder","postSetQuanjsz","saveRoleApi","saveSetFtppz","editComponent","editRoleApi","addFigure","editFigure","setHostName","setHostTime"],"mappings":";AAAA,IAAIA,MAAM,GAAGC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2B,GAA3B,EAAgC,CAAhC,CAAb;AACA,eAAe;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,EAAAA,OAAO,EAAE,wCARE;AASXC,EAAAA,oBAAoB,EAAE,qCATX;AAUXC,EAAAA,cAAc,EAAE,yCAVL;AAWXC,EAAAA,WAAW,EAAE,wCAXF;AAYXC,EAAAA,YAAY,EAAE,uCAZH;AAaX;AACAC,EAAAA,aAAa,EAAE,2CAdJ;AAeX;AACAC,EAAAA,WAAW,EAAE,yCAhBF;AAiBX;AACAC,EAAAA,SAAS,EAAE,yCAlBA;AAmBX;AACAC,EAAAA,UAAU,EAAE,wCApBD;AAqBX;AACAC,EAAAA,WAAW,EAAE,0CAtBF;AAuBXC,EAAAA,WAAW,EAAE,0CAvBF,CAyBX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAlCW,CAAf","sourcesContent":["var ipUurl = window.location.host.split(':')[0];\r\nexport default {\r\n // dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\r\n // getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\r\n // postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\r\n // //新增图形接口\r\n // addFigure: \"http://172.16.1.22:8080/api/AddJianktx\",\r\n // //编辑图形名称\r\n // editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\r\n dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',\r\n getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',\r\n postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',\r\n saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',\r\n saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',\r\n //编辑保存组件弹窗传参\r\n editComponent: 'http://172.16.1.22:8080/api/SetMonqjkzjcs',\r\n //保存主机名称\r\n editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',\r\n //新增图形接口\r\n addFigure: 'http://172.16.1.168:5000/api/AddJianktx',\r\n //编辑图形名称\r\n editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',\r\n //编辑保存组件弹窗传参\r\n setHostName: 'http://172.16.1.168:5000/api/SetHostName',\r\n setHostTime: 'http://172.16.1.168:5000/api/SetHostTime'\r\n\r\n // `http://${ipUurl}:5000/api/AddShipjk`\r\n // dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,\r\n // getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,\r\n // postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,\r\n // //新增图形接口\r\n // addFigure: `http://${ipUurl}:5000/api/AddJianktx`,\r\n // //编辑图形名称\r\n // editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,\r\n // //编辑保存组件弹窗传参\r\n // editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,\r\n};\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\config\\apiurl.js","mtime":1677376577618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\nvar ipUurl = window.location.host.split(':')[0];\nexport default {\n // dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\n // getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\n // postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\n // //新增图形接口\n // addFigure: \"http://172.16.1.22:8080/api/AddJianktx\",\n // //编辑图形名称\n // editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\n dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',\n getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',\n postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',\n saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',\n saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',\n //编辑保存组件弹窗传参\n editComponent: 'http://172.16.1.168:5000/api/SetMonqjkzjcs',\n //保存主机名称\n editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',\n //新增图形接口\n addFigure: 'http://172.16.1.168:5000/api/AddJianktx',\n //编辑图形名称\n editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',\n //编辑保存组件弹窗传参\n setHostName: 'http://172.16.1.168:5000/api/SetHostName',\n setHostTime: 'http://172.16.1.168:5000/api/SetHostTime' // `http://${ipUurl}:5000/api/AddShipjk`\n // dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,\n // getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,\n // postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,\n // //新增图形接口\n // addFigure: `http://${ipUurl}:5000/api/AddJianktx`,\n // //编辑图形名称\n // editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,\n // //编辑保存组件弹窗传参\n // editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,\n\n};",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/config/apiurl.js"],"names":["ipUurl","window","location","host","split","dataUrl","getSpareElementOrder","postSetQuanjsz","saveRoleApi","saveSetFtppz","editComponent","editRoleApi","addFigure","editFigure","setHostName","setHostTime"],"mappings":";AAAA,IAAIA,MAAM,GAAGC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2B,GAA3B,EAAgC,CAAhC,CAAb;AACA,eAAe;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AAEAC,EAAAA,OAAO,EAAE,wCATE;AAUXC,EAAAA,oBAAoB,EAAE,qCAVX;AAWXC,EAAAA,cAAc,EAAE,yCAXL;AAYXC,EAAAA,WAAW,EAAE,wCAZF;AAaXC,EAAAA,YAAY,EAAE,uCAbH;AAcX;AACAC,EAAAA,aAAa,EAAE,4CAfJ;AAgBX;AACAC,EAAAA,WAAW,EAAE,yCAjBF;AAkBX;AACAC,EAAAA,SAAS,EAAE,yCAnBA;AAoBX;AACAC,EAAAA,UAAU,EAAE,wCArBD;AAsBX;AACAC,EAAAA,WAAW,EAAE,0CAvBF;AAwBXC,EAAAA,WAAW,EAAE,0CAxBF,CA0BX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAnCW,CAAf","sourcesContent":["var ipUurl = window.location.host.split(':')[0];\r\nexport default {\r\n // dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\r\n // getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\r\n // postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\r\n // //新增图形接口\r\n // addFigure: \"http://172.16.1.22:8080/api/AddJianktx\",\r\n // //编辑图形名称\r\n // editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\r\n\r\n dataUrl: 'http://172.16.1.168:5000/api/AddShipjk',\r\n getSpareElementOrder: 'http://172.16.1.168:5000/api/Upload',\r\n postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',\r\n saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',\r\n saveSetFtppz: 'http://172.16.1.168:5000/api/SetFtppz',\r\n //编辑保存组件弹窗传参\r\n editComponent: 'http://172.16.1.168:5000/api/SetMonqjkzjcs',\r\n //保存主机名称\r\n editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',\r\n //新增图形接口\r\n addFigure: 'http://172.16.1.168:5000/api/AddJianktx',\r\n //编辑图形名称\r\n editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',\r\n //编辑保存组件弹窗传参\r\n setHostName: 'http://172.16.1.168:5000/api/SetHostName',\r\n setHostTime: 'http://172.16.1.168:5000/api/SetHostTime'\r\n\r\n // `http://${ipUurl}:5000/api/AddShipjk`\r\n // dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,\r\n // getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,\r\n // postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,\r\n // //新增图形接口\r\n // addFigure: `http://${ipUurl}:5000/api/AddJianktx`,\r\n // //编辑图形名称\r\n // editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,\r\n // //编辑保存组件弹窗传参\r\n // editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,\r\n};\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json b/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
index e7c32039..8e13daec 100644
--- a/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
+++ b/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1677208560151},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n triggerType: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A'],\n options: [{\n value: '选项1',\n label: '黄金糕'\n }, {\n value: '选项2',\n label: '双皮奶'\n }, {\n value: '选项3',\n label: '蚵仔煎'\n }, {\n value: '选项4',\n label: '龙须面'\n }, {\n value: '选项5',\n label: '北京烤鸭'\n }],\n value: ''\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n },\n onSubmit: function onSubmit() {},\n handleClose: function handleClose() {}\n },\n mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,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,KADA;AAOA,IAAA,WAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></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 <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"triggerType == '触发'\">\r\n <!-- <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column> -->\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle'\">行人|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"triggerType == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item> -->\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n triggerType: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n/deep/ .el-table{\r\n height: 709px !important;\r\n overflow-y: scroll;\r\n \r\n}\r\n.el-table::-webkit-scrollbar { width: 0 !important }\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1677230376196},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n triggerType: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A'],\n options: [{\n value: '选项1',\n label: '黄金糕'\n }, {\n value: '选项2',\n label: '双皮奶'\n }, {\n value: '选项3',\n label: '蚵仔煎'\n }, {\n value: '选项4',\n label: '龙须面'\n }, {\n value: '选项5',\n label: '北京烤鸭'\n }],\n value: ''\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n },\n onSubmit: function onSubmit() {},\n handleClose: function handleClose() {}\n },\n mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,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,KADA;AAOA,IAAA,WAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></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 <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"triggerType == '触发'\">\r\n <!-- <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column> -->\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle'\">行人|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"triggerType == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item> -->\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n triggerType: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n/deep/ .el-table{\r\n height: 709px !important;\r\n overflow-y: scroll;\r\n \r\n}\r\n.el-table::-webkit-scrollbar { width: 0 !important }\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json b/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
index fe3dc7f7..7909c6b3 100644
--- a/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
+++ b/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1677225533436},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport avgChart from \"../chart/avgChart.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'typeChart',\n //类型组件\n props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n regionTable: regionTable,\n pieChart: pieChart,\n avgChart: avgChart\n },\n data: function data() {\n return {\n // 类型数值\n total: 0,\n // 速度数值\n speed: 0,\n // 流量数值\n flow: 0,\n isRefer: true,\n valueShow: {},\n //排队数\n queue: ''\n };\n },\n created: function created() {\n console.log(this.title);\n },\n methods: {\n // 计算类型数量的总和\n getTotal: function getTotal(dataArr) {\n return dataArr[0].type_data.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0); // return dataArr[0].type_data((pre, cur) => {\n // return pre + cur\n // }, 0) \n },\n // 计算类型的数值\n getNewQueue: function getNewQueue(dataArr) {// console.log(\"计算类型的数值\",dataArr)\n // if(dataArr[0].timeMode=='触发'){\n // this.queue = dataArr[0].n_queue\n // }else if(dataArr[0].timeMode=='周期统计'){\n // this.queue = dataArr[0].ave_queue\n // }else if(dataArr[0].timeMode=='周期时刻'){\n // }\n // if (dataArr[0].n_queue) {\n // this.queue = dataArr[0].n_queue\n // } else if (dataArr[0].ave_queue) {\n // this.queue = dataArr[0].ave_queue\n // } else if (dataArr[0].timeMode == '周期时刻') {\n // }\n }\n },\n computed: {// 获取类型的总数量\n },\n mounted: function mounted() {},\n watch: {\n // 监听触发数据\n dataArr: {\n handler: function handler(newVal) {// console.log('dataArr', newVal);\n // this.getNewQueue(newVal)\n },\n immediate: true\n } // cycleTimeData: {\n // handler(newVal) {\n // console.log(newVal);\n // }\n // }\n\n }\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,CAFA;AAGA,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,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA,QANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA;AACA,MAAA,KAAA,EAAA,CAFA;AAGA;AACA,MAAA,KAAA,EAAA,CAJA;AAKA;AACA,MAAA,IAAA,EAAA,CANA;AAOA,MAAA,OAAA,EAAA,IAPA;AASA,MAAA,SAAA,EAAA,EATA;AAUA;AACA,MAAA,KAAA,EAAA;AAXA,KAAA;AAaA,GA1BA;AA2BA,EAAA,OA3BA,qBA2BA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,KAAA,KAAA;AACA,GA7BA;AA8BA,EAAA,OAAA,EAAA;AACA;AAEA,IAAA,QAHA,oBAGA,OAHA,EAGA;AACA,aAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,UAAA,IAAA,EAAA,GAAA,EAAA;AACA,eAAA,GAAA,CAAA,QAAA,GAAA,IAAA;AACA,OAFA,EAEA,CAFA,CAAA,CADA,CAKA;AACA;AACA;AAEA,KAZA;AAaA;AACA,IAAA,WAdA,uBAcA,OAdA,EAcA,CACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AA9BA,GA9BA;AA+DA,EAAA,QAAA,EAAA,CACA;AADA,GA/DA;AAmEA,EAAA,OAnEA,qBAmEA,CAAA,CAnEA;AAoEA,EAAA,KAAA,EAAA;AACA;AACA,IAAA,OAAA,EAAA;AACA,MAAA,OADA,mBACA,MADA,EACA,CACA;AACA;AACA,OAJA;AAMA,MAAA,SAAA,EAAA;AANA,KAFA,CAUA;AACA;AACA;AACA;AACA;;AAdA;AApEA,CAAA","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <!-- 触发数据数值渲染 -->\r\n <div class=\"typeContent\">\r\n <div v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n <el-card v-for=\"(n, i) in dataArr[0].type_data\" :key=\"i\"\r\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div>\r\n <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">\r\n {{ getTotal(dataArr) }}\r\n </span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n <span style=\"font-size: 15px;\">速度</span><br />\r\n <!-- <span style=\"font-size: 30px; font-weight: bold\">{{ typeValue.speed }}</span> -->\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].speed }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n <span style=\"font-size: 15px;\">流量</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].flow }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n <span style=\"font-size: 15px;\">车头时距</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].headway }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n <span style=\"font-size: 15px;\">排队数</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ queue }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n <span style=\"font-size: 15px;\">检测数</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].n_stay }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '延误'\">\r\n <span style=\"font-size: 15px;\">延误</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].ave_delay }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div>\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div class=\"tableTitle\" v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div>\r\n <span\r\n style=\"width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;\"></span>\r\n <span style=\"font-size:18px;\">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' +\r\n triggerType }}</span>\r\n </div>\r\n <div class=\"tableTime\">\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n </div>\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :triggerType=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :triggerType=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"lineChartRef\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"pieChartRef\"/>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart ref=\"avgRefChart\" :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\"\r\n :list=\"dataArr\" :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"barChartRef\"/>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true,\r\n\r\n valueShow: { },\r\n //排队数\r\n queue: '',\r\n };\r\n },\r\n created() {\r\n console.log(this.title);\r\n },\r\n methods: {\r\n // 计算类型数量的总和\r\n\r\n getTotal(dataArr) {\r\n return dataArr[0].type_data.reduce(function(prev, cur) {\r\n return cur.quantity + prev\r\n }, 0)\r\n \r\n // return dataArr[0].type_data((pre, cur) => {\r\n // return pre + cur\r\n // }, 0) \r\n\r\n },\r\n // 计算类型的数值\r\n getNewQueue(dataArr) {\r\n // console.log(\"计算类型的数值\",dataArr)\r\n // if(dataArr[0].timeMode=='触发'){\r\n // this.queue = dataArr[0].n_queue\r\n // }else if(dataArr[0].timeMode=='周期统计'){\r\n // this.queue = dataArr[0].ave_queue\r\n // }else if(dataArr[0].timeMode=='周期时刻'){\r\n\r\n // }\r\n // if (dataArr[0].n_queue) {\r\n // this.queue = dataArr[0].n_queue\r\n // } else if (dataArr[0].ave_queue) {\r\n // this.queue = dataArr[0].ave_queue\r\n // } else if (dataArr[0].timeMode == '周期时刻') {\r\n\r\n // }\r\n }\r\n },\r\n\r\n computed: {\r\n // 获取类型的总数量\r\n\r\n },\r\n mounted() { },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n // console.log('dataArr', newVal);\r\n // this.getNewQueue(newVal)\r\n },\r\n\r\n immediate: true\r\n },\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableTitle {\r\n background: #f7f8fa;\r\n margin-bottom: 5px;\r\n padding: 8px;\r\n}\r\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1677376577617},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport avgChart from \"../chart/avgChart.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'typeChart',\n //类型组件\n props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n regionTable: regionTable,\n pieChart: pieChart,\n avgChart: avgChart\n },\n data: function data() {\n return {\n // 类型数值\n total: 0,\n // 速度数值\n speed: 0,\n // 流量数值\n flow: 0,\n isRefer: true,\n valueShow: {},\n //排队数\n queue: ''\n };\n },\n created: function created() {\n console.log(this.title);\n },\n methods: {\n // 计算类型数量的总和\n getTotal: function getTotal(dataArr) {\n return dataArr[0].type_data.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0); // return dataArr[0].type_data((pre, cur) => {\n // return pre + cur\n // }, 0)\n },\n // 计算类型的数值\n getNewQueue: function getNewQueue(dataArr) {\n // console.log(\"计算类型的数值\",dataArr)\n // if(dataArr[0].timeMode=='触发'){\n // this.queue = dataArr[0].n_queue\n // }else if(dataArr[0].timeMode=='周期统计'){\n // this.queue = dataArr[0].ave_queue\n // }else if(dataArr[0].timeMode=='周期时刻'){\n // }\n if (dataArr[0].timeMode == '触发') {\n this.queue = dataArr[0].n_queue;\n } else if (dataArr[0].timeMode == '周期统计') {\n this.queue = dataArr[0].ave_queue;\n } else if (dataArr[0].timeMode == '周期时刻') {}\n }\n },\n computed: {// 获取类型的总数量\n },\n mounted: function mounted() {},\n watch: {\n // 监听触发数据\n dataArr: {\n handler: function handler(newVal) {\n // console.log('dataArr', newVal);\n if (newVal != undefined && newVal.length != 0) {\n this.getNewQueue(newVal);\n }\n },\n immediate: true\n } // cycleTimeData: {\n // handler(newVal) {\n // console.log(newVal);\n // }\n // }\n\n }\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,CAFA;AAGA,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,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA,QANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA;AACA,MAAA,KAAA,EAAA,CAFA;AAGA;AACA,MAAA,KAAA,EAAA,CAJA;AAKA;AACA,MAAA,IAAA,EAAA,CANA;AAOA,MAAA,OAAA,EAAA,IAPA;AASA,MAAA,SAAA,EAAA,EATA;AAUA;AACA,MAAA,KAAA,EAAA;AAXA,KAAA;AAaA,GA1BA;AA2BA,EAAA,OA3BA,qBA2BA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,KAAA,KAAA;AACA,GA7BA;AA8BA,EAAA,OAAA,EAAA;AACA;AAEA,IAAA,QAHA,oBAGA,OAHA,EAGA;AACA,aAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,UAAA,IAAA,EAAA,GAAA,EAAA;AACA,eAAA,GAAA,CAAA,QAAA,GAAA,IAAA;AACA,OAFA,EAEA,CAFA,CAAA,CADA,CAKA;AACA;AACA;AACA,KAXA;AAYA;AACA,IAAA,WAbA,uBAaA,OAbA,EAaA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,UAAA,OAAA,CAAA,CAAA,CAAA,CAAA,QAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA,OAAA;AACA,OAFA,MAEA,IAAA,OAAA,CAAA,CAAA,CAAA,CAAA,QAAA,IAAA,MAAA,EAAA;AACA,aAAA,KAAA,GAAA,OAAA,CAAA,CAAA,CAAA,CAAA,SAAA;AACA,OAFA,MAEA,IAAA,OAAA,CAAA,CAAA,CAAA,CAAA,QAAA,IAAA,MAAA,EAAA,CACA;AACA;AA7BA,GA9BA;AA8DA,EAAA,QAAA,EAAA,CACA;AADA,GA9DA;AAiEA,EAAA,OAjEA,qBAiEA,CAAA,CAjEA;AAkEA,EAAA,KAAA,EAAA;AACA;AACA,IAAA,OAAA,EAAA;AACA,MAAA,OADA,mBACA,MADA,EACA;AACA;AACA,YAAA,MAAA,IAAA,SAAA,IAAA,MAAA,CAAA,MAAA,IAAA,CAAA,EAAA;AACA,eAAA,WAAA,CAAA,MAAA;AACA;AACA,OANA;AAQA,MAAA,SAAA,EAAA;AARA,KAFA,CAYA;AACA;AACA;AACA;AACA;;AAhBA;AAlEA,CAAA","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\">\r\n <!-- <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p> -->\r\n <!-- 触发数据数值渲染 -->\r\n <div class=\"typeContent\">\r\n <div v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n <el-card v-for=\"(n, i) in dataArr[0].type_data\" :key=\"i\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div>\r\n <span style=\"font-size: 15px;\">{{ n.name }}</span\r\n ><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">\r\n {{ getTotal(dataArr) }}\r\n </span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n <span style=\"font-size: 15px;\">速度</span><br />\r\n <!-- <span style=\"font-size: 30px; font-weight: bold\">{{ typeValue.speed }}</span> -->\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].speed }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n <span style=\"font-size: 15px;\">流量</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].flow }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n <span style=\"font-size: 15px;\">车头时距</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].headway }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n <span style=\"font-size: 15px;\">排队数</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ queue }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n <span style=\"font-size: 15px;\">检测数</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].n_stay }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '延误'\">\r\n <span style=\"font-size: 15px;\">延误</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[0].ave_delay }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div>\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div class=\"tableTitle\" v-if=\"dataArr && dataArr.length != 0 && dataArr != undefined\">\r\n <div>\r\n <span\r\n style=\"width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;\"\r\n ></span>\r\n <span style=\"font-size:18px;\">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' + triggerType }}</span>\r\n </div>\r\n <div class=\"tableTime\">\r\n {{ dataArr[0].time ? dataArr[0].time : '' }}\r\n </div>\r\n </div>\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :triggerType=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :triggerType=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart\r\n :componentName=\"componentName\"\r\n :chartName=\"chartName\"\r\n :pageType=\"pageType\"\r\n :list=\"dataArr\"\r\n :status=\"triggerType\"\r\n :title=\"title\"\r\n :typeValue=\"typeValue\"\r\n ref=\"lineChartRef\"\r\n />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart\r\n :componentName=\"componentName\"\r\n :chartName=\"chartName\"\r\n :pageType=\"pageType\"\r\n :list=\"dataArr\"\r\n :status=\"triggerType\"\r\n :title=\"title\"\r\n :typeValue=\"typeValue\"\r\n ref=\"pieChartRef\"\r\n />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart\r\n ref=\"avgRefChart\"\r\n :componentName=\"componentName\"\r\n :chartName=\"chartName\"\r\n :pageType=\"pageType\"\r\n :list=\"dataArr\"\r\n :status=\"triggerType\"\r\n :title=\"title\"\r\n :typeValue=\"typeValue\"\r\n />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart\r\n :componentName=\"componentName\"\r\n :chartName=\"chartName\"\r\n :pageType=\"pageType\"\r\n :list=\"dataArr\"\r\n :status=\"triggerType\"\r\n :title=\"title\"\r\n :typeValue=\"typeValue\"\r\n ref=\"barChartRef\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true,\r\n\r\n valueShow: {},\r\n //排队数\r\n queue: ''\r\n };\r\n },\r\n created() {\r\n console.log(this.title);\r\n },\r\n methods: {\r\n // 计算类型数量的总和\r\n\r\n getTotal(dataArr) {\r\n return dataArr[0].type_data.reduce(function(prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n\r\n // return dataArr[0].type_data((pre, cur) => {\r\n // return pre + cur\r\n // }, 0)\r\n },\r\n // 计算类型的数值\r\n getNewQueue(dataArr) {\r\n // console.log(\"计算类型的数值\",dataArr)\r\n // if(dataArr[0].timeMode=='触发'){\r\n // this.queue = dataArr[0].n_queue\r\n // }else if(dataArr[0].timeMode=='周期统计'){\r\n // this.queue = dataArr[0].ave_queue\r\n // }else if(dataArr[0].timeMode=='周期时刻'){\r\n\r\n // }\r\n\r\n if (dataArr[0].timeMode == '触发') {\r\n this.queue = dataArr[0].n_queue;\r\n } else if (dataArr[0].timeMode == '周期统计') {\r\n this.queue = dataArr[0].ave_queue;\r\n } else if (dataArr[0].timeMode == '周期时刻') {\r\n }\r\n }\r\n },\r\n\r\n computed: {\r\n // 获取类型的总数量\r\n },\r\n mounted() {},\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n // console.log('dataArr', newVal);\r\n if (newVal != undefined && newVal.length != 0) {\r\n this.getNewQueue(newVal);\r\n }\r\n },\r\n\r\n immediate: true\r\n }\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableTitle {\r\n background: #f7f8fa;\r\n margin-bottom: 5px;\r\n padding: 8px;\r\n}\r\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b84f2eff62cf6f6e1777fdc799b085d7.json b/node_modules/.cache/babel-loader/b84f2eff62cf6f6e1777fdc799b085d7.json
index fb2a67e4..9868c4eb 100644
--- a/node_modules/.cache/babel-loader/b84f2eff62cf6f6e1777fdc799b085d7.json
+++ b/node_modules/.cache/babel-loader/b84f2eff62cf6f6e1777fdc799b085d7.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","mtime":1677208560155},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\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// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from '@/views/bounced/maintenanceRemind';\nimport analysisConfiguration from '@/views/bounced/analysisConfiguration';\nimport dataBoard from '@/views/bounced/dataBoard';\nimport { getComponentData, getSectionalData, getVideoStatus, startTrafficAnalysis, startVideoAnalysis, getAnalysisData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from '@/utils/mqttConfig.js';\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // //判断\n\nexport default {\n data: function data() {\n return {\n max: '100',\n min: '1',\n receiveNews: '',\n topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\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 disabledTrafficAnalysis: true,\n disabledVideoAnalysis: false,\n //判断模拟区，画布区\n numberNew: 1,\n speed: false,\n component: false,\n sectionals: [],\n activeName: 'first',\n VideoId: '',\n title: '断面',\n componentTitle: '速度',\n form: {\n name: '',\n type: '',\n id: '',\n coordinate: '',\n Direction: '双向',\n StoppingSpeed: '5'\n },\n //初始图形名称\n startFigureName: '',\n areaComponentform: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '实时（触发）',\n desc: ''\n },\n timeSelect: [{\n label: '秒',\n value: '秒'\n }, {\n label: '分钟',\n value: '分钟'\n }, {\n label: '小时',\n value: '小时'\n }],\n titName: '',\n componentForm: {\n //单位\n company: '',\n componentName: '',\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\n //周期间隔\n cycleInterval: 1,\n startSectionIds: '',\n startSectionNames: '',\n endSectionIds: '',\n endSectionNames: '',\n endValue: '',\n //展现形式\n presentationForm: '',\n presentation: [],\n startValue: '',\n timeMode: '',\n type: [],\n startSection: [],\n endSection: [],\n componentType: '',\n typeFiltering: '',\n typeData: [],\n FlowType: '出流'\n },\n // typeData: ['小汽车', '公交车', '卡车', '非机动车', '行人'],\n typeData: ['机动车', '非机动车', '行人'],\n //展现形式\n presentation: ['数值', '表格', '时间曲线图', '均值图'],\n trackForm: {\n name: ''\n },\n nowTime: '',\n ins: 0,\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 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 number: '',\n componentId: '',\n analysisConfigurationdata: {},\n //触发数据\n triggerData: [],\n triggerListData: [],\n //周期时刻\n cycleTimeData: [],\n //周期统计\n cycleStatisticsData: [],\n //视频类型\n videoType: '',\n videoAnalysisShow: false,\n trafficAnalysisShow: false,\n //控制unity展示\n videoUnityShow: true,\n videoAnalysisSta: '',\n analysis: {\n trafficAnalysisPath1: '',\n trafficAnalysisPath2: '',\n videoAnalysisPath: '',\n videoName: '',\n videoPath: '',\n videoTotalFrames: '',\n videoType: '实时视频'\n },\n description: '请等待排队',\n ipData: '',\n componentList: []\n };\n },\n //离开当前页面后执行\n destroyed: function destroyed() {//console.log(\"离开当前页\")\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1}))\n //client.end();\n },\n created: function created() {\n window.OnScene = this.OnSceneN;\n this.getAllSectionalData(this.$route.query.id);\n this.VideoId = this.$route.query.id;\n this.number = this.$route.query.num;\n this.titName = this.$route.query.name;\n window.getFigure = this.getFigureD;\n window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n window.getSingleComponentId = this.getSingleComponentIdN;\n window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n window.delSuccess = this.delSuccess; // console.log(\"id\",id)\n // console.log(\"num\",num)\n // console.log(\"name\",name)\n // console.log(\"type\",type)\n // console.log(\"status\",status)\n // this.videoType = this.$route.query.type;\n\n if (this.$route.query.type == '实时视频') {\n this.videoAnalysisShow = false;\n this.trafficAnalysisShow = false;\n this.createMqtt(); // document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\n } else if (this.$route.query.type == '离线视频') {\n this.videoAnalysisShow = true;\n this.trafficAnalysisShow = true;\n this.getAnalysisStatus(); // this.createMqtt();\n // if(this.$route.query.status=='未分析'){\n // }\n // if(this.$route.query.status=='未分析'){\n // // document.getElementById('mapModule').contentWindow.lixianVideo(\"实时视频\");\n // }else{\n // }\n }\n },\n mounted: function mounted() {},\n methods: {\n // 数据看板的标签点击\n handleClick: function handleClick(tab, event) {\n var that = this;\n\n if (tab._props.name == 'second') {\n that.$nextTick(function () {\n that.$refs.dataBoardRef.getNew();\n });\n }\n },\n\n /** 创建mqtt */\n createMqtt: function createMqtt() {\n //创建链接，接收数据\n this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number, 'trigger-' + this.$route.query.id, 'cycle_time-' + this.$route.query.id, 'cycle_statistics-' + this.$route.query.id];\n window.PubScribe(this.topicSends, this.number, this.realInfo); // mqtt = mqttConfig;\n\n /*mqtt = new mqttConfig(this.topicSends);\r\n client = mqtt.createConnect();\r\n client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n if (!err) {\r\n console.log(\"订阅成功\");\r\n // setTimeout(function() {\r\n client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)}))\r\n // }, 1000);\r\n } else {\r\n console.log('消息订阅失败！')\r\n }\r\n });\r\n client.on(\"message\", (topic, message) => {\r\n //数据分类\r\n try {\r\n // this.receiveNews = this.receiveNews.concat(message);\r\n // this.realInfo(topic, this.receiveNews);\r\n this.realInfo(topic, message);\r\n } catch (error) {\r\n }\r\n });*/\n },\n //获取视频分析，交通分析状态数据\n getAnalysisStatus: function getAnalysisStatus() {\n var _this = this;\n\n getVideoStatus(this.$route.query.id).then(function (res) {\n console.log('res.data', res.data); //视频分析状态\n\n if (res.data.data.videoAnalysisStatus == '未分析') {\n _this.disabledTrafficAnalysis = true;\n _this.videoUnityShow = true;\n\n _this.analysisData();\n } else if (res.data.data.videoAnalysisStatus == '分析中') {\n _this.disabledVideoAnalysis = true;\n _this.videoUnityShow = false;\n setTimeout(function () {\n _this.getAnalysisStatus();\n }, 5000);\n } else if (res.data.data.videoAnalysisStatus == '已分析') {\n _this.videoUnityShow = true;\n _this.videoAnalysisSta = res.data.data.videoAnalysisStatus;\n _this.disabledTrafficAnalysis = false;\n\n _this.analysisData(); //交通分析状态\n\n } else if (res.data.data.trafficAnalysisStatus == '未分析') {\n _this.disabledVideoAnalysis = true;\n } else if (res.data.data.trafficAnalysisStatus == '分析中') {\n _this.disabledVideoAnalysis = true;\n _this.disabledTrafficAnalysis = true;\n } else if (res.data.data.videoAnalysisStatus == '已分析' || res.data.data.trafficAnalysisStatus == '已分析') {\n _this.disabledVideoAnalysis = false;\n _this.disabledTrafficAnalysis = true;\n }\n });\n },\n //分析视频按钮\n videoAnalysisBtn: function videoAnalysisBtn() {\n var _this2 = this;\n\n startVideoAnalysis(this.$route.query.id).then(function (res) {\n //\n if (res.data.msg == '请求成功') {\n _this2.$message({\n message: '启动成功',\n type: 'success'\n });\n\n setTimeout(function () {\n _this2.getAnalysisStatus();\n }, 5000); // if(this.videoAnalysisSta=='已分析'){\n // }else if(this.videoAnalysisSta=='分析中'){\n // this.description = '正在分析中'\n // setTimeout(() => {\n // this.getAnalysisStatus()\n // }, 5000);\n // }else if(this.videoAnalysisSta=='未分析'){\n // }\n }\n });\n },\n //交通分析\n trafficAnalysisBtn: function trafficAnalysisBtn() {\n var _this3 = this;\n\n startTrafficAnalysis(this.$route.query.id).then(function (res) {\n //\n console.log('res.data', res.data.data);\n\n if (res.data.code == 200) {\n _this3.$message({\n message: res.data.msg,\n type: 'success'\n });\n\n document.getElementById('mapModule').contentWindow.addColor();\n } else {\n _this3.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n //获取视频分析结果\n analysisData: function analysisData() {\n var _this4 = this;\n\n getAnalysisData(this.$route.query.id).then(function (res) {\n console.log('res.data.data', res.data.data);\n _this4.analysis.trafficAnalysisPath1 = res.data.data.trafficAnalysisPath1;\n _this4.analysis.trafficAnalysisPath2 = res.data.data.trafficAnalysisPath2;\n _this4.analysis.videoAnalysisPath = res.data.data.videoAnalysisPath;\n _this4.analysis.videoName = res.data.data.videoName;\n _this4.analysis.videoPath = res.data.data.videoPath;\n _this4.analysis.videoTotalFrames = res.data.data.videoTotalFrames;\n _this4.analysis.videoType = _this4.$route.query.type;\n });\n },\n //停止订阅mqtt\n disConnect: function disConnect() {\n /*if (client != null) {\r\n client.unsubscribe(this.topicSends);\r\n client = null;\r\n }*/\n },\n\n /** 实时数据分类 */\n realInfo: function realInfo(topic, message) {\n switch (topic) {\n // 接收托片\n case 'img' + this.number:\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 // console.log(\"msg\",msg)\n // document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\n\n if (msg.rate == 'high') {\n document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\n } else {\n this.analysisConfigurationdata = msg;\n }\n } catch (error) {}\n\n break;\n // 树结构\n\n case 'stream' + this.number:\n try {\n var utf8decoder1 = new TextDecoder();\n\n var _u8arr = new Uint8Array(message);\n\n var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n var _msg = JSON.parse(_temp); // console.log(\"msg\",msg)\n\n\n document.getElementById('mapModule').contentWindow.getData(JSON.stringify(_msg));\n } catch (error) {}\n\n break;\n // 控制台输出\n\n case 'trajectory' + this.number:\n try {\n var _utf8decoder = new TextDecoder();\n\n var _u8arr2 = new Uint8Array(message);\n\n var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n var _msg2 = JSON.parse(_temp2); // console.log(\"msg\",msg)\n\n\n document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(_msg2));\n } catch (error) {}\n\n break;\n // 触发\n\n case 'detection' + this.number:\n try {\n var _utf8decoder2 = new TextDecoder();\n\n var _u8arr3 = new Uint8Array(message);\n\n var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n var detId = [];\n var msgN = JSON.parse(_temp3); // console.log(\"msgN\",msgN)\n\n this.triggerData = msgN;\n\n if (_temp3.length != 0) {\n for (var i = 0; i < msgN.length; i++) {\n detId.push(msgN[i].det_id);\n }\n\n document.getElementById('mapModule').contentWindow.getChuFa(JSON.stringify(detId));\n }\n } catch (error) {}\n\n break;\n\n case 'trigger-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder3 = new TextDecoder();\n\n var _u8arr4 = new Uint8Array(message);\n\n var _temp4 = _utf8decoder3.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN = JSON.parse(_temp4); // console.log(\"trigger_msgN\",msgN)\n\n\n this.triggerListData = _msgN;\n } catch (error) {}\n\n break;\n\n case 'cycle_time-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder4 = new TextDecoder();\n\n var _u8arr5 = new Uint8Array(message);\n\n var _temp5 = _utf8decoder4.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN2 = JSON.parse(_temp5);\n\n this.cycleTimeData = _msgN2;\n } catch (error) {}\n\n break;\n\n case 'cycle_statistics-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder5 = new TextDecoder();\n\n var _u8arr6 = new Uint8Array(message);\n\n var _temp6 = _utf8decoder5.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN3 = JSON.parse(_temp6);\n\n this.cycleStatisticsData = _msgN3;\n } catch (error) {}\n\n break;\n }\n\n this.receiveNews = '';\n },\n // handleClick(tab, event) {\n // console.log(tab, event);\n // },\n changeCompany: function changeCompany(val) {\n console.log('val', val);\n\n if (val == '小时') {\n this.max = '24';\n } else {\n this.max = '100';\n }\n },\n //初始化unity\n OnSceneN: function OnSceneN() {\n var ip = window.location.host;\n this.ipData = 'http://' + ip.split(':')[0] + ':5000'; // document.getElementById('mapModule').contentWindow.getIpData(this.ipData);\n\n document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');\n\n if (this.$route.query.type == '离线视频') {\n document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\n }\n\n document.getElementById('mapModule').contentWindow.postVideoId(JSON.stringify(this.$route.query.id + ',' + this.$route.query.type));\n },\n //删除图形成功获取数据\n delSuccess: function delSuccess() {\n if (this.$route.query.type == '离线视频') {\n this.$message({\n type: 'warning',\n message: '请点击交通分析，获取最新数据！',\n showClose: true,\n duration: 0\n });\n }\n },\n // //新增组件根据组件id获取单个组件数据\n getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n var _this5 = this;\n\n console.log('id', id);\n console.log('type', type);\n console.log('name', name);\n this.componentId = id;\n this.componentForm.componentType = type;\n this.componentTitle = type;\n getComponentData({\n AnalogAreaComponentId: id\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n console.log('res', res.data.data);\n _this5.component = true;\n\n if (res.data.data.company != '') {\n _this5.componentForm.company = res.data.data.company;\n } // this.componentForm.componentName = res.data.data.componentName+'-'+type\n\n\n _this5.componentForm.componentName = res.data.data.componentName;\n\n if (res.data.data.timeMode != '') {\n _this5.componentForm.timeMode = res.data.data.timeMode;\n } else {\n console.log('this.componentForm.timeMode', _this5.componentForm.timeMode);\n console.log('this.componentForm.componentType', _this5.componentForm.componentType);\n\n if (_this5.componentForm.componentType == '延误' || _this5.componentForm.componentType == '拥堵') {\n console.log('this.componentForm.timeMode', _this5.componentForm.timeMode);\n _this5.componentForm.timeMode = '周期统计';\n } else {\n _this5.componentForm.timeMode = '触发';\n }\n }\n\n _this5.componentForm.componentParameterId = res.data.data.componentParameterId;\n _this5.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\n _this5.componentForm.startSectionIds = res.data.data.startSectionIds; // this.componentForm.FlowType = res.data.data.flowType;\n\n _this5.componentForm.startSectionNames = res.data.data.startSectionNames;\n _this5.componentForm.endSectionIds = res.data.data.endSectionIds;\n _this5.componentForm.endSectionNames = res.data.data.endSectionNames;\n _this5.componentForm.company = res.data.data.company;\n _this5.componentForm.endValue = res.data.data.endValue;\n _this5.componentForm.startValue = res.data.data.startValue;\n _this5.componentForm.presentationForm = res.data.data.presentationForm;\n\n _this5.getAllSectionalData(_this5.$route.query.id); // this.componentForm.typeFiltering = res.data.data.typeFiltering\n // this.componentForm.type = res.data.data.type\n\n\n if (res.data.data.startSectionIds != '') {\n console.log('startSectionIds', res.data.data.startSectionIds);\n var startSectionIdArr = [];\n var startSectionArr = [];\n startSectionIdArr = res.data.data.startSectionIds.split(',');\n console.log('this.sectionals', _this5.sectionals);\n console.log('startSectionIdArr', startSectionIdArr);\n startSectionIdArr.forEach(function (item) {\n _this5.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n startSectionArr.push(items.graphicName);\n _this5.componentForm.startSection = startSectionArr;\n }\n });\n });\n }\n\n if (res.data.data.endSectionIds != '') {\n console.log('endSectionIds', res.data.data.endSectionIds);\n var endSectionIdArr = [];\n var endSectionArr = [];\n endSectionIdArr = res.data.data.endSectionIds.split(',');\n console.log('this.sectionals', _this5.sectionals);\n console.log('endSectionIdArr', endSectionIdArr);\n endSectionIdArr.forEach(function (item) {\n _this5.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n endSectionArr.push(items.graphicName);\n _this5.componentForm.endSection = endSectionArr;\n }\n });\n });\n }\n\n if (_this5.componentForm.presentationForm != '') {\n var arr = [];\n arr = _this5.componentForm.presentationForm.split(',');\n _this5.componentForm.presentation = arr;\n } else if (_this5.componentForm.presentationForm == '') {\n _this5.componentForm.presentation = [];\n }\n\n if (res.data.data.type != '') {\n var arr = [];\n arr = res.data.data.type.split(',');\n _this5.componentForm.type = arr;\n } else {\n _this5.componentForm.type = [];\n }\n\n console.log('this.componentForm', _this5.componentForm);\n }\n });\n },\n //修改模拟区组件、图形\n getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name, number) {\n var _this6 = this;\n\n console.log('number', number);\n this.numberNew = number;\n\n if (type == '图形') {\n this.form.id = id;\n this.form.name = name;\n this.form.type = componentType;\n this.startFigureName = name;\n\n if (this.form.type == '轨迹') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '区域') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '断面') {\n this.dialogFormVisible = true;\n }\n } else if (type == '组件') {\n this.componentId = id;\n this.componentForm.componentType = componentType;\n this.componentTitle = componentType;\n getComponentData({\n AnalogAreaComponentId: id\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n console.log('res', res.data.data);\n _this6.component = true;\n\n if (res.data.data.company != '') {\n _this6.componentForm.company = res.data.data.company;\n }\n\n if (res.data.data.timeMode != '') {\n _this6.componentForm.timeMode = res.data.data.timeMode;\n } else {\n if (_this6.componentForm.componentType == '延误' || _this6.componentForm.componentType == '拥堵') {\n _this6.componentForm.timeMode = '周期统计';\n } else {\n _this6.componentForm.timeMode = '触发';\n }\n }\n\n _this6.componentForm.componentName = res.data.data.componentName;\n _this6.componentForm.componentParameterId = res.data.data.componentParameterId;\n _this6.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\n _this6.componentForm.startSectionIds = res.data.data.startSectionIds;\n _this6.componentForm.startSectionNames = res.data.data.startSectionNames;\n _this6.componentForm.endSectionIds = res.data.data.endSectionIds;\n _this6.componentForm.endSectionNames = res.data.data.endSectionNames;\n _this6.componentForm.endValue = res.data.data.endValue;\n _this6.componentForm.startValue = res.data.data.startValue;\n _this6.componentForm.presentationForm = res.data.data.presentationForm; // this.componentForm.type = res.data.data.type\n\n if (res.data.data.startSectionIds != '') {\n console.log('startSectionIds', res.data.data.startSectionIds);\n var startSectionIdArr = [];\n var startSectionArr = [];\n startSectionIdArr = res.data.data.startSectionIds.split(',');\n console.log('this.sectionals', _this6.sectionals);\n console.log('startSectionIdArr', startSectionIdArr);\n startSectionIdArr.forEach(function (item) {\n _this6.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n startSectionArr.push(items.graphicName);\n _this6.componentForm.startSection = startSectionArr;\n }\n });\n });\n }\n\n if (res.data.data.endSectionIds != '') {\n console.log('endSectionIds', res.data.data.endSectionIds);\n var endSectionIdArr = [];\n var endSectionArr = [];\n endSectionIdArr = res.data.data.endSectionIds.split(',');\n console.log('this.sectionals', _this6.sectionals);\n console.log('endSectionIdArr', endSectionIdArr);\n endSectionIdArr.forEach(function (item) {\n _this6.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n endSectionArr.push(items.graphicName);\n _this6.componentForm.endSection = endSectionArr;\n }\n });\n });\n }\n\n if (_this6.componentForm.presentationForm != '') {\n var arr = [];\n arr = _this6.componentForm.presentationForm.split(',');\n _this6.componentForm.presentation = arr;\n } else if (_this6.componentForm.presentationForm == '') {\n _this6.componentForm.presentation = [];\n }\n\n if (res.data.data.type != '') {\n var arr = [];\n arr = res.data.data.type.split(',');\n _this6.componentForm.type = arr;\n } else {\n _this6.componentForm.type = [];\n }\n }\n });\n }\n },\n //获取所有断面数据\n getAllSectionalData: function getAllSectionalData(VideoId) {\n var _this7 = this;\n\n getSectionalData({\n VideoId: VideoId\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this7.sectionals = res.data.data;\n }\n });\n },\n figureType: function figureType(type) {\n if (type == 'Move') {\n type = '轨迹';\n } else if (type == 'Poly') {\n type = '区域';\n } else if (type == 'Line') {\n type = '断面';\n }\n\n return type;\n },\n getFigureD: function getFigureD(item, index, indexNew) {\n console.log('图形类型', item);\n console.log('初始图形名称', index);\n this.startFigureName = index;\n console.log('图形位置', indexNew);\n this.dialogFormVisible = true;\n this.form.name = index;\n this.form.type = this.figureType(item);\n this.form.coordinate = indexNew;\n this.form.id = '';\n this.title = this.figureType(item);\n },\n //双击图形修改图形名称弹框\n getModifyTheNameN: function getModifyTheNameN(data, number) {\n console.log('data', data);\n console.log('number', number);\n this.numberNew = number;\n var arr = [];\n arr = data.split(',');\n console.log('arr', arr);\n this.form.id = arr[0];\n this.form.name = arr[1];\n this.form.type = arr[2];\n this.startFigureName = arr[1];\n\n if (this.form.type == '轨迹') {\n // this.open2()\n this.dialogFormVisible = true;\n } else if (this.form.type == '区域') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '断面') {\n this.dialogFormVisible = true;\n }\n },\n //新增、编辑图形确认按钮\n onSubmit: function onSubmit(form) {\n var _this8 = this;\n\n console.log('form', form); //新增\n\n if (form.id == '') {\n var formData = new FormData();\n\n if (form.type == '断面') {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId);\n formData.append('Direction', form.Direction);\n } else if (form.type == '区域') {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId); // formData.append(\"Direction\",form.Direction);\n // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n } else {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId); // formData.append(\"Direction\",form.Direction);\n }\n\n axios({\n method: 'post',\n url: serverUrl.addFigure,\n data: formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this8.$message({\n message: res.data.msg,\n type: 'success'\n }); // setTimeout(() => {\n // this.$message({\n // type: \"warning\",\n // message: \"请点击交通分析，获取最新数据！\",\n // showClose: true,\n // duration:0,\n // });\n // }, 3000);\n\n\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\n document.getElementById('mapModule').contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this8.startFigureName + ',' + _this8.numberNew));\n _this8.dialogFormVisible = false;\n } else {\n _this8.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n } else {\n //编辑\n var _formData = new FormData();\n\n if (form.type == '断面') {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type);\n\n _formData.append('Direction', form.Direction);\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n } else if (form.type == '区域') {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type);\n\n _formData.append('Direction', form.Direction);\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n\n _formData.append('StoppingSpeed', form.StoppingSpeed);\n } else {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type); // formData.append(\"Direction\",form.Direction);\n\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n }\n\n axios({\n method: 'post',\n url: serverUrl.editFigure,\n data: _formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this8.$message({\n message: res.data.msg,\n type: 'success'\n }); // setTimeout(() => {\n // this.$message({\n // type: 'warning',\n // message: '请点击交通分析，获取最新数据！',\n // showClose: true,\n // duration: 0\n // });\n // }, 5000);\n\n\n console.log('startFigureName', _this8.startFigureName);\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\n console.log('this.numberNew', _this8.numberNew);\n document.getElementById('mapModule').contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this8.startFigureName + ',' + _this8.numberNew));\n _this8.dialogFormVisible = false;\n } else {\n _this8.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n }\n },\n //新增编辑组件取消\n onSubmitComponent: function onSubmitComponent(componentForm) {\n var _this9 = this;\n\n this.component = false;\n var formData = new FormData();\n\n if (componentForm.componentType == 'OD') {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('startSectionIds', componentForm.startSectionIds);\n formData.append('startSectionNames', componentForm.startSectionNames);\n formData.append('endSectionIds', componentForm.endSectionIds);\n formData.append('endSectionNames', componentForm.endSectionNames);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', '矩阵图');\n } else if (componentForm.componentType == '类型') {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', componentForm.presentationForm);\n formData.append('type', componentForm.type);\n } else {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', componentForm.presentationForm);\n formData.append('flowType', componentForm.FlowType);\n }\n\n axios({\n method: 'post',\n url: serverUrl.editComponent,\n data: formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this9.$message({\n message: res.data.msg,\n type: 'success'\n }); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n\n document.getElementById('mapModule').contentWindow.editComponent(_this9.componentId + ',' + componentForm.componentName);\n _this9.dialogFormVisible = false;\n } else {\n _this9.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n //新增编辑组件取消\n closeComponent: function closeComponent(componentForm) {\n this.component = false;\n this.componentForm = {\n //单位\n company: '',\n componentName: '',\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\n //周期间隔\n cycleInterval: '',\n startSectionIds: '',\n startSectionNames: '',\n endSectionIds: '',\n endSectionNames: '',\n endValue: '',\n //展现形式\n presentationForm: '',\n presentation: [],\n startValue: '',\n timeMode: '',\n type: [],\n startSection: [],\n endSection: [],\n componentType: '',\n typeFiltering: '',\n typeData: []\n };\n document.getElementById('mapModule').contentWindow.editComponent('');\n },\n //新增、编辑图形取消按钮\n closeFigure: function closeFigure(form) {\n console.log('form', form);\n\n if (form.id != '') {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n } else {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.delFigure();\n }\n },\n closeComponentForm: function closeComponentForm() {\n console.log(\"111\");\n this.component = false;\n document.getElementById('mapModule').contentWindow.editComponent('');\n },\n closeForm: function closeForm(form) {\n if (this.form.id != '') {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n } else {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.delFigure();\n }\n },\n //改变起点\n handleCheckedStartSection: function handleCheckedStartSection(value) {\n var _this10 = this;\n\n console.log('改变起点', value);\n var startSectionIdArr = [];\n var startSectionNameArr = [];\n value.forEach(function (item) {\n _this10.sectionals.forEach(function (items) {\n if (item == items.graphicName) {\n startSectionIdArr.push(items.graphicId);\n startSectionNameArr.push(items.graphicName);\n var newStartSectionId = startSectionIdArr.join(',');\n var newStartSectionName = startSectionNameArr.join(',');\n _this10.componentForm.startSectionIds = newStartSectionId;\n _this10.componentForm.startSectionNames = newStartSectionName;\n }\n });\n });\n },\n //改变终点\n handleCheckedendSection: function handleCheckedendSection(value) {\n var _this11 = this;\n\n console.log('改变终点', value);\n var endSectionIdArr = [];\n var endSectionNameArr = [];\n value.forEach(function (item) {\n _this11.sectionals.forEach(function (items) {\n if (item == items.graphicName) {\n endSectionIdArr.push(items.graphicId);\n endSectionNameArr.push(items.graphicName);\n var newendSectionId = endSectionIdArr.join(',');\n var newEndSectionName = endSectionNameArr.join(',');\n console.log('newendSectionId', newendSectionId);\n console.log('newEndSectionName', newEndSectionName);\n _this11.componentForm.endSectionIds = newendSectionId;\n _this11.componentForm.endSectionNames = newEndSectionName;\n }\n });\n });\n },\n //修改展现形式\n handlePresentation: function handlePresentation(value) {\n console.log('展现形式', value);\n var presentation = value.join(',');\n this.componentForm.presentationForm = presentation;\n console.log('this.componentForm.presentationForm', this.componentForm.presentationForm);\n },\n //类型数据\n handleTypeData: function handleTypeData(value) {\n console.log('类型数据', value);\n var type = value.join(',');\n this.componentForm.typeData = type;\n },\n //模型加载等待\n loadingShow: function loadingShow(data) {\n this.loadingShow1 = data;\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 _this12 = this;\n\n axios({\n url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n methods: ''\n }).then(function (res) {\n _this12.weatherItem = res.data.lives[0];\n console.log(_this12.weatherItem, 'asdsads');\n });\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>\r\n <div class=\"content-box\">\r\n <!-- <div class=\"container\"> -->\r\n <div>\r\n <!-- <el-tabs type=\"border-card\" v-model=\"activeName\" tab-position=\"left\"> -->\r\n <el-tabs type=\"border-card\" v-model=\"activeName\" @tab-click=\"handleClick\">\r\n <el-tab-pane :label=\"titName\" name=\"first\">\r\n <div class=\"mapModuleApp\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"\r\n scrolling=\"no\" v-if=\"videoUnityShow\"></iframe>\r\n <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" ref=\"iframe\"></iframe> -->\r\n <el-empty :description=\"description\" v-if=\"videoAnalysisShow\"> </el-empty>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"数据看板\" name=\"second\" >\r\n <dataBoard ref=\"dataBoardRef\" :activeName=\"activeName\" :triggerData=\"triggerData\" :triggerListData=\"triggerListData\"\r\n :cycleTimeData=\"cycleTimeData\" :cycleStatisticsData=\"cycleStatisticsData\" ></dataBoard>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"分析配置\" name=\"third\">\r\n <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n <editModal></editModal>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n </el-tabs>\r\n <!-- <el-button class=\"videoAnalysis\" type=\"primary\" size=\"mini\" @click=\"videoAnalysisBtn\" v-if=\"videoAnalysisShow\" :disabled='disabledVideoAnalysis'\r\n >视频分析</el-button> -->\r\n <el-button class=\"trafficAnalysis\" type=\"primary\" plain size=\"mini\" @click=\"trafficAnalysisBtn\"\r\n v-if=\"trafficAnalysisShow\" :disabled=\"disabledTrafficAnalysis\">交通分析</el-button>\r\n </div>\r\n <el-drawer class=\"new-dialog\" :visible.sync=\"dialogFormVisible\" direction=\"btt\" custom-class=\"demo-drawer\"\r\n ref=\"drawer\" :modal=\"false\" :close-on-click-modal=\"false\" v-alterELDialogMarginTop=\"{ marginTop: '0vh' }\"\r\n width=\"100%\" :wrapperClosable=\"false\" :with-header=\"false\" size=\"100%\">\r\n <div class=\"formBox\">\r\n <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n <el-form-item label=\"组件名称\">\r\n <el-input v-model=\"form.name\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"断面方向\" v-if=\"form.type == '断面'\">\r\n <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n <el-option label=\"正向\" value=\"正向\"></el-option>\r\n <el-option label=\"反向\" value=\"反向\"></el-option>\r\n <el-option label=\"双向\" value=\"双向\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n <el-button @click=\"closeFigure(form)\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </el-drawer>\r\n <!-- 组件弹框 -->\r\n <el-dialog :title=\"componentTitle + '指标组件'\" width=\"40%\" :visible.sync=\"component\" :close-on-click-modal=\"false\"\r\n @close=\"closeComponentForm()\">\r\n <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\">\r\n <el-form-item label=\"名称：\">\r\n <el-input v-model=\"componentForm.componentName\"></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType == '类型'\">\r\n <el-checkbox-group v-model=\"componentForm.type\" @change=\"handleTypeData\">\r\n <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\">{{ item }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"数值筛选：\" v-if=\"\r\n componentForm.componentType != 'OD' &&\r\n componentForm.componentType != '类型' &&\r\n componentForm.componentType != '流量'\r\n \">\r\n <el-input-number v-model=\"componentForm.startValue\" :min=\"0\"></el-input-number>\r\n <el-input-number v-model=\"componentForm.endValue\" :min=\"1\" style=\"margin-left:5%\"></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"流量类型：\" v-if=\"componentForm.componentType == '流量'\">\r\n <el-radio-group v-model=\"componentForm.FlowType\">\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-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n <el-option label=\"触发\" value=\"触发\"\r\n v-if=\"componentForm.componentType != '延误' && componentForm.componentType != '拥堵'\"></el-option>\r\n <el-option label=\"周期时刻\" value=\"周期时刻\" v-if=\"\r\n componentForm.componentType != '排队数' &&\r\n componentForm.componentType != '检测数' &&\r\n componentForm.componentType != '延误' &&\r\n componentForm.componentType != '拥堵' &&\r\n componentForm.componentType != '流量'&&\r\n componentForm.componentType != '流量'\r\n \"></el-option>\r\n <el-option label=\"周期统计\" value=\"周期统计\" v-if=\"componentForm.componentType != 'OD'\"> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n <el-radio-group v-model=\"componentForm.touchType\" >\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=\"componentForm.timeMode != '触发'\">\r\n <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n </el-slider> -->\r\n <div style=\"display:inline\">\r\n <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\" @change=\"changeCompany\">\r\n <!-- <el-option v-for=\"item in timeSelect\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"></el-option> -->\r\n <el-option label=\"秒\" value=\"秒\" v-if=\"componentForm.timeMode != '周期统计'\"></el-option>\r\n <el-option label=\"分钟\" value=\"分钟\"></el-option>\r\n <el-option label=\"小时\" value=\"小时\"></el-option>\r\n </el-select>\r\n <!-- <el-slider v-model=\"componentForm.cycleInterval\" :max=\"max\" :min=\"min\"> </el-slider> -->\r\n <el-slider v-model=\"componentForm.cycleInterval\" :max=\"100\" :min=\"1\" v-if=\"componentForm.company != '小时'\"> </el-slider>\r\n <el-slider v-model=\"componentForm.cycleInterval\" :max=\"24\" :min=\"1\" v-if=\"componentForm.company == '小时'\"> </el-slider>\r\n </div>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"单位：\" ></el-form-item> -->\r\n <el-form-item label=\"起点：\" v-if=\"componentForm.componentType == 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\">{{\r\n item.graphicName\r\n }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"终点：\" v-if=\"componentForm.componentType == 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\">{{\r\n item.graphicName\r\n }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType != 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n <el-checkbox label=\"数值\" name=\"presentation\"></el-checkbox>\r\n <el-checkbox label=\"表格\" name=\"presentation\"\r\n v-if=\"componentForm.componentType != '拥堵'\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n <el-checkbox label=\"直方图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType == '类型'\"></el-checkbox>\r\n <el-checkbox label=\"饼状图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType == '类型'\"></el-checkbox>\r\n <el-checkbox label=\"均值图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType != '拥堵' || componentForm.componentType != '流量' || componentForm.componentType != '类型' || componentForm.componentType != '延误'\"></el-checkbox>\r\n </el-checkbox-group>\r\n <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n </el-checkbox-group> -->\r\n <!-- <el-tag type=\"warning\" ></el-tag> -->\r\n <!-- <el-alert v-if=\"componentForm.componentType == '速度'\"\r\n title=\"请至分析配置设置坐标转换\"\r\n type=\"info\"\r\n show-icon>\r\n </el-alert> -->\r\n </el-form-item>\r\n\r\n <el-form-item>\r\n <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n </el-form-item>\r\n \r\n </el-form>\r\n </el-dialog>\r\n\r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from '@/views/bounced/maintenanceRemind';\r\nimport analysisConfiguration from '@/views/bounced/analysisConfiguration';\r\nimport dataBoard from '@/views/bounced/dataBoard';\r\nimport {\r\n getComponentData,\r\n getSectionalData,\r\n getVideoStatus,\r\n startTrafficAnalysis,\r\n startVideoAnalysis,\r\n getAnalysisData\r\n} from '../api/index';\r\nimport serverUrl from '../config/apiurl.js';\r\nimport axios from 'axios';\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from '@/utils/mqttConfig.js';\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// //判断\r\nexport default {\r\n data() {\r\n return {\r\n max:'100',\r\n min:'1',\r\n receiveNews: '',\r\n topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\r\n trajectory: false, //轨迹\r\n hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n closeStatus: null,\r\n modelOthers: false,\r\n componentShow: '',\r\n isShowBtn: true, //菜单按钮隐藏\r\n isShowBtn1: false, //菜单按钮显示\r\n inputVal: '',\r\n dialogFormVisible: false,\r\n areaComponent: false,\r\n indexModule: false,\r\n disabledTrafficAnalysis: true,\r\n disabledVideoAnalysis: false,\r\n //判断模拟区，画布区\r\n numberNew: 1,\r\n speed: false,\r\n component: false,\r\n sectionals: [],\r\n activeName: 'first',\r\n VideoId: '',\r\n title: '断面',\r\n componentTitle: '速度',\r\n form: {\r\n name: '',\r\n type: '',\r\n id: '',\r\n coordinate: '',\r\n Direction: '双向',\r\n StoppingSpeed: '5'\r\n },\r\n //初始图形名称\r\n startFigureName: '',\r\n areaComponentform: {\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 timeSelect: [\r\n {\r\n label: '秒',\r\n value: '秒'\r\n },\r\n {\r\n label: '分钟',\r\n value: '分钟'\r\n },\r\n {\r\n label: '小时',\r\n value: '小时'\r\n }\r\n ],\r\n titName: '',\r\n componentForm: {\r\n //单位\r\n company: '',\r\n componentName: '',\r\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\r\n //周期间隔\r\n cycleInterval: 1,\r\n startSectionIds: '',\r\n startSectionNames: '',\r\n endSectionIds: '',\r\n endSectionNames: '',\r\n endValue: '',\r\n //展现形式\r\n presentationForm: '',\r\n presentation: [],\r\n startValue: '',\r\n timeMode: '',\r\n type: [],\r\n startSection: [],\r\n endSection: [],\r\n componentType: '',\r\n typeFiltering: '',\r\n typeData: [],\r\n FlowType: '出流'\r\n },\r\n // typeData: ['小汽车', '公交车', '卡车', '非机动车', '行人'],\r\n typeData: ['机动车', '非机动车', '行人'],\r\n //展现形式\r\n presentation: ['数值', '表格', '时间曲线图', '均值图'],\r\n trackForm: {\r\n name: ''\r\n },\r\n nowTime: '',\r\n ins: 0,\r\n btnPic: [],\r\n Data: [\r\n {\r\n title: 'xx路口',\r\n url: ''\r\n },\r\n {\r\n title: '数据看板',\r\n url: ''\r\n },\r\n {\r\n title: '分析配置',\r\n url: ''\r\n },\r\n {\r\n title: '分析配置',\r\n url: ''\r\n }\r\n ],\r\n messageInfo: [],\r\n orderList: [],\r\n enterList: [],\r\n stockInfo: [],\r\n perCent: 0,\r\n perCent1: 0,\r\n perCent2: 0,\r\n facToal: '',\r\n wbContent: '',\r\n // wxContent:'',\r\n inContent: '',\r\n outContent: '',\r\n containerDetails: '',\r\n locdesc: '',\r\n weatherItem: {},\r\n loadingShow1: true,\r\n number: '',\r\n componentId: '',\r\n analysisConfigurationdata: {},\r\n //触发数据\r\n triggerData: [],\r\n triggerListData: [],\r\n //周期时刻\r\n cycleTimeData: [],\r\n //周期统计\r\n cycleStatisticsData: [],\r\n //视频类型\r\n videoType: '',\r\n videoAnalysisShow: false,\r\n trafficAnalysisShow: false,\r\n //控制unity展示\r\n videoUnityShow: true,\r\n videoAnalysisSta: '',\r\n analysis: {\r\n trafficAnalysisPath1: '',\r\n trafficAnalysisPath2: '',\r\n videoAnalysisPath: '',\r\n videoName: '',\r\n videoPath: '',\r\n videoTotalFrames: '',\r\n videoType: '实时视频'\r\n },\r\n description: '请等待排队',\r\n ipData: '',\r\n\r\n\r\n componentList:[]\r\n };\r\n },\r\n\r\n //离开当前页面后执行\r\n destroyed: function () {\r\n //console.log(\"离开当前页\")\r\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1}))\r\n //client.end();\r\n },\r\n created() {\r\n window.OnScene = this.OnSceneN;\r\n this.getAllSectionalData(this.$route.query.id);\r\n this.VideoId = this.$route.query.id;\r\n this.number = this.$route.query.num;\r\n this.titName = this.$route.query.name;\r\n window.getFigure = this.getFigureD;\r\n window.getModifyTheName = this.getModifyTheNameN;\r\n // window.getModifyTheName = this.getModifyTheNameN;\r\n window.getSingleComponentId = this.getSingleComponentIdN;\r\n window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n\r\n window.delSuccess = this.delSuccess;\r\n\r\n // console.log(\"id\",id)\r\n // console.log(\"num\",num)\r\n // console.log(\"name\",name)\r\n // console.log(\"type\",type)\r\n // console.log(\"status\",status)\r\n // this.videoType = this.$route.query.type;\r\n if (this.$route.query.type == '实时视频') {\r\n this.videoAnalysisShow = false;\r\n this.trafficAnalysisShow = false;\r\n\r\n this.createMqtt();\r\n\r\n // document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\r\n } else if (this.$route.query.type == '离线视频') {\r\n this.videoAnalysisShow = true;\r\n this.trafficAnalysisShow = true;\r\n this.getAnalysisStatus();\r\n // this.createMqtt();\r\n // if(this.$route.query.status=='未分析'){\r\n // }\r\n // if(this.$route.query.status=='未分析'){\r\n // // document.getElementById('mapModule').contentWindow.lixianVideo(\"实时视频\");\r\n // }else{\r\n // }\r\n }\r\n },\r\n mounted() { },\r\n methods: {\r\n // 数据看板的标签点击\r\n handleClick: function(tab, event) {\r\n var that = this\r\n if(tab._props.name=='second'){\r\n that.$nextTick(()=>{ \r\n that.$refs.dataBoardRef.getNew()\r\n }) \r\n }\r\n },\r\n /** 创建mqtt */\r\n createMqtt() {\r\n //创建链接，接收数据\r\n this.topicSends = [\r\n 'stream' + this.number,\r\n 'trajectory' + this.number,\r\n 'detection' + this.number,\r\n 'trigger-' + this.$route.query.id,\r\n 'cycle_time-' + this.$route.query.id,\r\n 'cycle_statistics-' + this.$route.query.id\r\n ];\r\n window.PubScribe(this.topicSends, this.number, this.realInfo);\r\n // mqtt = mqttConfig;\r\n /*mqtt = new mqttConfig(this.topicSends);\r\n client = mqtt.createConnect();\r\n client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n if (!err) {\r\n console.log(\"订阅成功\");\r\n // setTimeout(function() {\r\n client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)}))\r\n // }, 1000);\r\n\r\n } else {\r\n console.log('消息订阅失败！')\r\n }\r\n\r\n });\r\n client.on(\"message\", (topic, message) => {\r\n //数据分类\r\n try {\r\n // this.receiveNews = this.receiveNews.concat(message);\r\n // this.realInfo(topic, this.receiveNews);\r\n this.realInfo(topic, message);\r\n } catch (error) {\r\n\r\n }\r\n });*/\r\n },\r\n //获取视频分析，交通分析状态数据\r\n getAnalysisStatus() {\r\n getVideoStatus(this.$route.query.id).then(res => {\r\n console.log('res.data', res.data);\r\n //视频分析状态\r\n if (res.data.data.videoAnalysisStatus == '未分析') {\r\n this.disabledTrafficAnalysis = true;\r\n this.videoUnityShow = true;\r\n this.analysisData();\r\n } else if (res.data.data.videoAnalysisStatus == '分析中') {\r\n this.disabledVideoAnalysis = true;\r\n this.videoUnityShow = false;\r\n setTimeout(() => {\r\n this.getAnalysisStatus();\r\n }, 5000);\r\n } else if (res.data.data.videoAnalysisStatus == '已分析') {\r\n this.videoUnityShow = true;\r\n this.videoAnalysisSta = res.data.data.videoAnalysisStatus;\r\n this.disabledTrafficAnalysis = false;\r\n this.analysisData();\r\n //交通分析状态\r\n } else if (res.data.data.trafficAnalysisStatus == '未分析') {\r\n this.disabledVideoAnalysis = true;\r\n } else if (res.data.data.trafficAnalysisStatus == '分析中') {\r\n this.disabledVideoAnalysis = true;\r\n this.disabledTrafficAnalysis = true;\r\n } else if (res.data.data.videoAnalysisStatus == '已分析' || res.data.data.trafficAnalysisStatus == '已分析') {\r\n this.disabledVideoAnalysis = false;\r\n this.disabledTrafficAnalysis = true;\r\n }\r\n });\r\n },\r\n //分析视频按钮\r\n videoAnalysisBtn() {\r\n startVideoAnalysis(this.$route.query.id).then(res => {\r\n //\r\n if (res.data.msg == '请求成功') {\r\n this.$message({\r\n message: '启动成功',\r\n type: 'success'\r\n });\r\n setTimeout(() => {\r\n this.getAnalysisStatus();\r\n }, 5000);\r\n // if(this.videoAnalysisSta=='已分析'){\r\n\r\n // }else if(this.videoAnalysisSta=='分析中'){\r\n // this.description = '正在分析中'\r\n // setTimeout(() => {\r\n // this.getAnalysisStatus()\r\n // }, 5000);\r\n // }else if(this.videoAnalysisSta=='未分析'){\r\n // }\r\n }\r\n });\r\n },\r\n //交通分析\r\n trafficAnalysisBtn() {\r\n startTrafficAnalysis(this.$route.query.id).then(res => {\r\n //\r\n console.log('res.data', res.data.data);\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 document.getElementById('mapModule').contentWindow.addColor();\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 analysisData() {\r\n getAnalysisData(this.$route.query.id).then(res => {\r\n console.log('res.data.data', res.data.data);\r\n this.analysis.trafficAnalysisPath1 = res.data.data.trafficAnalysisPath1;\r\n this.analysis.trafficAnalysisPath2 = res.data.data.trafficAnalysisPath2;\r\n this.analysis.videoAnalysisPath = res.data.data.videoAnalysisPath;\r\n this.analysis.videoName = res.data.data.videoName;\r\n this.analysis.videoPath = res.data.data.videoPath;\r\n this.analysis.videoTotalFrames = res.data.data.videoTotalFrames;\r\n this.analysis.videoType = this.$route.query.type;\r\n });\r\n },\r\n //停止订阅mqtt\r\n disConnect() {\r\n /*if (client != null) {\r\n client.unsubscribe(this.topicSends);\r\n client = null;\r\n }*/\r\n },\r\n /** 实时数据分类 */\r\n realInfo(topic, message) {\r\n switch (topic) {\r\n // 接收托片\r\n case 'img' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n // console.log(\"msg\",msg)\r\n // document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\r\n\r\n if (msg.rate == 'high') {\r\n document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\r\n } else {\r\n this.analysisConfigurationdata = msg;\r\n }\r\n } catch (error) { }\r\n break;\r\n // 树结构\r\n case 'stream' + this.number:\r\n try {\r\n const utf8decoder1 = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder1.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp);\r\n // console.log(\"msg\",msg)\r\n document.getElementById('mapModule').contentWindow.getData(JSON.stringify(msg));\r\n } catch (error) { }\r\n break;\r\n // 控制台输出\r\n case 'trajectory' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp);\r\n // console.log(\"msg\",msg)\r\n document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(msg));\r\n } catch (error) { }\r\n break;\r\n // 触发\r\n case 'detection' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n // console.log(\"msgN\",msgN)\r\n this.triggerData = msgN;\r\n if (temp.length != 0) {\r\n for (let i = 0; i < msgN.length; i++) {\r\n detId.push(msgN[i].det_id);\r\n }\r\n document.getElementById('mapModule').contentWindow.getChuFa(JSON.stringify(detId));\r\n }\r\n } catch (error) { }\r\n break;\r\n case 'trigger-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n // console.log(\"trigger_msgN\",msgN)\r\n this.triggerListData = msgN;\r\n } catch (error) { }\r\n break;\r\n case 'cycle_time-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n this.cycleTimeData = msgN;\r\n } catch (error) { }\r\n break;\r\n case 'cycle_statistics-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n this.cycleStatisticsData = msgN;\r\n } catch (error) { }\r\n break;\r\n }\r\n this.receiveNews = '';\r\n },\r\n // handleClick(tab, event) {\r\n // console.log(tab, event);\r\n // },\r\n changeCompany(val) {\r\n console.log('val', val);\r\n if (val == '小时') {\r\n this.max = '24';\r\n } else {\r\n this.max = '100';\r\n }\r\n },\r\n //初始化unity\r\n OnSceneN() {\r\n var ip = window.location.host;\r\n this.ipData = 'http://' + ip.split(':')[0] + ':5000';\r\n // document.getElementById('mapModule').contentWindow.getIpData(this.ipData);\r\n document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');\r\n if (this.$route.query.type == '离线视频') {\r\n document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\r\n }\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postVideoId(JSON.stringify(this.$route.query.id + ',' + this.$route.query.type));\r\n },\r\n //删除图形成功获取数据\r\n delSuccess() {\r\n if (this.$route.query.type == '离线视频') {\r\n this.$message({\r\n type: 'warning',\r\n message: '请点击交通分析，获取最新数据！',\r\n showClose: true,\r\n duration: 0\r\n });\r\n }\r\n },\r\n // //新增组件根据组件id获取单个组件数据\r\n getSingleComponentIdN(id, type, name) {\r\n console.log('id', id);\r\n console.log('type', type);\r\n console.log('name', name);\r\n this.componentId = id;\r\n this.componentForm.componentType = type;\r\n this.componentTitle = type;\r\n getComponentData({ AnalogAreaComponentId: id }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n console.log('res', res.data.data);\r\n this.component = true;\r\n if (res.data.data.company != '') {\r\n this.componentForm.company = res.data.data.company;\r\n }\r\n // this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n this.componentForm.componentName = res.data.data.componentName;\r\n if (res.data.data.timeMode != '') {\r\n this.componentForm.timeMode = res.data.data.timeMode;\r\n } else {\r\n console.log('this.componentForm.timeMode', this.componentForm.timeMode);\r\n console.log('this.componentForm.componentType', this.componentForm.componentType);\r\n if (this.componentForm.componentType == '延误' || this.componentForm.componentType == '拥堵') {\r\n console.log('this.componentForm.timeMode', this.componentForm.timeMode);\r\n this.componentForm.timeMode = '周期统计';\r\n } else {\r\n this.componentForm.timeMode = '触发';\r\n }\r\n }\r\n this.componentForm.componentParameterId = res.data.data.componentParameterId;\r\n this.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\r\n this.componentForm.startSectionIds = res.data.data.startSectionIds;\r\n // this.componentForm.FlowType = res.data.data.flowType;\r\n this.componentForm.startSectionNames = res.data.data.startSectionNames;\r\n this.componentForm.endSectionIds = res.data.data.endSectionIds;\r\n this.componentForm.endSectionNames = res.data.data.endSectionNames;\r\n this.componentForm.company = res.data.data.company;\r\n this.componentForm.endValue = res.data.data.endValue;\r\n this.componentForm.startValue = res.data.data.startValue;\r\n this.componentForm.presentationForm = res.data.data.presentationForm;\r\n this.getAllSectionalData(this.$route.query.id);\r\n // this.componentForm.typeFiltering = res.data.data.typeFiltering\r\n // this.componentForm.type = res.data.data.type\r\n if (res.data.data.startSectionIds != '') {\r\n console.log('startSectionIds', res.data.data.startSectionIds);\r\n var startSectionIdArr = [];\r\n var startSectionArr = [];\r\n startSectionIdArr = res.data.data.startSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('startSectionIdArr', startSectionIdArr);\r\n startSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n startSectionArr.push(items.graphicName);\r\n this.componentForm.startSection = startSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (res.data.data.endSectionIds != '') {\r\n console.log('endSectionIds', res.data.data.endSectionIds);\r\n var endSectionIdArr = [];\r\n var endSectionArr = [];\r\n endSectionIdArr = res.data.data.endSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('endSectionIdArr', endSectionIdArr);\r\n endSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n endSectionArr.push(items.graphicName);\r\n this.componentForm.endSection = endSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (this.componentForm.presentationForm != '') {\r\n var arr = [];\r\n arr = this.componentForm.presentationForm.split(',');\r\n this.componentForm.presentation = arr;\r\n } else if (this.componentForm.presentationForm == '') {\r\n this.componentForm.presentation = [];\r\n }\r\n if (res.data.data.type != '') {\r\n var arr = [];\r\n arr = res.data.data.type.split(',');\r\n this.componentForm.type = arr;\r\n } else {\r\n this.componentForm.type = [];\r\n }\r\n console.log('this.componentForm', this.componentForm);\r\n }\r\n });\r\n },\r\n //修改模拟区组件、图形\r\n getSimulationAreaEdit(id, type, componentType, name, number) {\r\n console.log('number', number);\r\n this.numberNew = number;\r\n if (type == '图形') {\r\n this.form.id = id;\r\n this.form.name = name;\r\n this.form.type = componentType;\r\n this.startFigureName = name;\r\n if (this.form.type == '轨迹') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '区域') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '断面') {\r\n this.dialogFormVisible = true;\r\n }\r\n } else if (type == '组件') {\r\n this.componentId = id;\r\n this.componentForm.componentType = componentType;\r\n this.componentTitle = componentType;\r\n getComponentData({ AnalogAreaComponentId: id }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n console.log('res', res.data.data);\r\n this.component = true;\r\n if (res.data.data.company != '') {\r\n this.componentForm.company = res.data.data.company;\r\n }\r\n if (res.data.data.timeMode != '') {\r\n this.componentForm.timeMode = res.data.data.timeMode;\r\n } else {\r\n if (this.componentForm.componentType == '延误' || this.componentForm.componentType == '拥堵') {\r\n this.componentForm.timeMode = '周期统计';\r\n } else {\r\n this.componentForm.timeMode = '触发';\r\n }\r\n }\r\n this.componentForm.componentName = res.data.data.componentName;\r\n this.componentForm.componentParameterId = res.data.data.componentParameterId;\r\n this.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\r\n \r\n\r\n this.componentForm.startSectionIds = res.data.data.startSectionIds;\r\n this.componentForm.startSectionNames = res.data.data.startSectionNames;\r\n this.componentForm.endSectionIds = res.data.data.endSectionIds;\r\n this.componentForm.endSectionNames = res.data.data.endSectionNames;\r\n this.componentForm.endValue = res.data.data.endValue;\r\n this.componentForm.startValue = res.data.data.startValue;\r\n this.componentForm.presentationForm = res.data.data.presentationForm;\r\n // this.componentForm.type = res.data.data.type\r\n if (res.data.data.startSectionIds != '') {\r\n console.log('startSectionIds', res.data.data.startSectionIds);\r\n var startSectionIdArr = [];\r\n var startSectionArr = [];\r\n startSectionIdArr = res.data.data.startSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('startSectionIdArr', startSectionIdArr);\r\n startSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n startSectionArr.push(items.graphicName);\r\n this.componentForm.startSection = startSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (res.data.data.endSectionIds != '') {\r\n console.log('endSectionIds', res.data.data.endSectionIds);\r\n var endSectionIdArr = [];\r\n var endSectionArr = [];\r\n endSectionIdArr = res.data.data.endSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('endSectionIdArr', endSectionIdArr);\r\n endSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n endSectionArr.push(items.graphicName);\r\n this.componentForm.endSection = endSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (this.componentForm.presentationForm != '') {\r\n var arr = [];\r\n arr = this.componentForm.presentationForm.split(',');\r\n this.componentForm.presentation = arr;\r\n } else if (this.componentForm.presentationForm == '') {\r\n this.componentForm.presentation = [];\r\n }\r\n if (res.data.data.type != '') {\r\n var arr = [];\r\n arr = res.data.data.type.split(',');\r\n this.componentForm.type = arr;\r\n } else {\r\n this.componentForm.type = [];\r\n }\r\n }\r\n });\r\n }\r\n },\r\n //获取所有断面数据\r\n getAllSectionalData(VideoId) {\r\n getSectionalData({ VideoId: VideoId }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n this.sectionals = res.data.data;\r\n }\r\n });\r\n },\r\n figureType(type) {\r\n if (type == 'Move') {\r\n type = '轨迹';\r\n } else if (type == 'Poly') {\r\n type = '区域';\r\n } else if (type == 'Line') {\r\n type = '断面';\r\n }\r\n return type;\r\n },\r\n getFigureD(item, index, indexNew) {\r\n console.log('图形类型', item);\r\n console.log('初始图形名称', index);\r\n this.startFigureName = index;\r\n console.log('图形位置', indexNew);\r\n this.dialogFormVisible = true;\r\n this.form.name = index;\r\n this.form.type = this.figureType(item);\r\n this.form.coordinate = indexNew;\r\n this.form.id = '';\r\n this.title = this.figureType(item);\r\n },\r\n //双击图形修改图形名称弹框\r\n getModifyTheNameN(data, number) {\r\n console.log('data', data);\r\n console.log('number', number);\r\n this.numberNew = number;\r\n var arr = [];\r\n arr = data.split(',');\r\n console.log('arr', arr);\r\n this.form.id = arr[0];\r\n this.form.name = arr[1];\r\n this.form.type = arr[2];\r\n this.startFigureName = arr[1];\r\n if (this.form.type == '轨迹') {\r\n // this.open2()\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '区域') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '断面') {\r\n this.dialogFormVisible = true;\r\n }\r\n },\r\n //新增、编辑图形确认按钮\r\n onSubmit(form) {\r\n console.log('form', form);\r\n //新增\r\n if (form.id == '') {\r\n let formData = new FormData();\r\n if (form.type == '断面') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n formData.append('Direction', form.Direction);\r\n } else if (form.type == '区域') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n // formData.append(\"Direction\",form.Direction);\r\n // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n } else {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n // formData.append(\"Direction\",form.Direction);\r\n }\r\n\r\n axios({\r\n method: 'post',\r\n url: serverUrl.addFigure,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // setTimeout(() => {\r\n // this.$message({\r\n // type: \"warning\",\r\n // message: \"请点击交通分析，获取最新数据！\",\r\n // showClose: true,\r\n // duration:0,\r\n // });\r\n // }, 3000);\r\n\r\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postFigureName(\r\n JSON.stringify(res.data.data + ',' + form.name + ',' + this.startFigureName + ',' + this.numberNew)\r\n );\r\n\r\n this.dialogFormVisible = false;\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 } else {\r\n //编辑\r\n let formData = new FormData();\r\n if (form.type == '断面') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Direction', form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n } else if (form.type == '区域') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Direction', form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n formData.append('StoppingSpeed', form.StoppingSpeed);\r\n } else {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n // formData.append(\"Direction\",form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n }\r\n axios({\r\n method: 'post',\r\n url: serverUrl.editFigure,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // setTimeout(() => {\r\n // this.$message({\r\n // type: 'warning',\r\n // message: '请点击交通分析，获取最新数据！',\r\n // showClose: true,\r\n // duration: 0\r\n // });\r\n // }, 5000);\r\n console.log('startFigureName', this.startFigureName);\r\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\r\n console.log('this.numberNew', this.numberNew);\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postFigureName(\r\n JSON.stringify(form.id + ',' + form.name + ',' + this.startFigureName + ',' + this.numberNew)\r\n );\r\n this.dialogFormVisible = false;\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 onSubmitComponent(componentForm) {\r\n this.component = false;\r\n let formData = new FormData();\r\n if (componentForm.componentType == 'OD') {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('startSectionIds', componentForm.startSectionIds);\r\n formData.append('startSectionNames', componentForm.startSectionNames);\r\n formData.append('endSectionIds', componentForm.endSectionIds);\r\n formData.append('endSectionNames', componentForm.endSectionNames);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n\r\n formData.append('presentationForm', '矩阵图');\r\n } else if (componentForm.componentType == '类型') {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n formData.append('presentationForm', componentForm.presentationForm);\r\n formData.append('type', componentForm.type);\r\n } else {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n formData.append('presentationForm', componentForm.presentationForm);\r\n formData.append('flowType', componentForm.FlowType);\r\n }\r\n axios({\r\n method: 'post',\r\n url: serverUrl.editComponent,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n document.getElementById('mapModule').contentWindow.editComponent(this.componentId + ',' + componentForm.componentName);\r\n this.dialogFormVisible = false;\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 closeComponent(componentForm) {\r\n this.component = false;\r\n this.componentForm = {\r\n //单位\r\n company: '',\r\n componentName: '',\r\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\r\n //周期间隔\r\n cycleInterval: '',\r\n startSectionIds: '',\r\n startSectionNames: '',\r\n endSectionIds: '',\r\n endSectionNames: '',\r\n endValue: '',\r\n //展现形式\r\n presentationForm: '',\r\n presentation: [],\r\n startValue: '',\r\n timeMode: '',\r\n type: [],\r\n startSection: [],\r\n endSection: [],\r\n componentType: '',\r\n typeFiltering: '',\r\n typeData: []\r\n };\r\n document.getElementById('mapModule').contentWindow.editComponent('');\r\n },\r\n //新增、编辑图形取消按钮\r\n closeFigure(form) {\r\n console.log('form', form);\r\n if (form.id != '') {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\r\n } else {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.delFigure();\r\n }\r\n },\r\n closeComponentForm() {\r\n console.log(\"111\")\r\n this.component = false;\r\n\r\n document.getElementById('mapModule').contentWindow.editComponent('');\r\n },\r\n closeForm(form) {\r\n if (this.form.id != '') {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\r\n } else {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.delFigure();\r\n }\r\n },\r\n //改变起点\r\n handleCheckedStartSection(value) {\r\n console.log('改变起点', value);\r\n var startSectionIdArr = [];\r\n var startSectionNameArr = [];\r\n value.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicName) {\r\n startSectionIdArr.push(items.graphicId);\r\n startSectionNameArr.push(items.graphicName);\r\n let newStartSectionId = startSectionIdArr.join(',');\r\n let newStartSectionName = startSectionNameArr.join(',');\r\n this.componentForm.startSectionIds = newStartSectionId;\r\n this.componentForm.startSectionNames = newStartSectionName;\r\n }\r\n });\r\n });\r\n },\r\n //改变终点\r\n handleCheckedendSection(value) {\r\n console.log('改变终点', value);\r\n var endSectionIdArr = [];\r\n var endSectionNameArr = [];\r\n value.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicName) {\r\n endSectionIdArr.push(items.graphicId);\r\n endSectionNameArr.push(items.graphicName);\r\n let newendSectionId = endSectionIdArr.join(',');\r\n let newEndSectionName = endSectionNameArr.join(',');\r\n console.log('newendSectionId', newendSectionId);\r\n console.log('newEndSectionName', newEndSectionName);\r\n this.componentForm.endSectionIds = newendSectionId;\r\n this.componentForm.endSectionNames = newEndSectionName;\r\n }\r\n });\r\n });\r\n },\r\n //修改展现形式\r\n handlePresentation(value) {\r\n console.log('展现形式', value);\r\n let presentation = value.join(',');\r\n this.componentForm.presentationForm = presentation;\r\n console.log('this.componentForm.presentationForm', this.componentForm.presentationForm);\r\n },\r\n //类型数据\r\n handleTypeData(value) {\r\n console.log('类型数据', value);\r\n let type = value.join(',');\r\n this.componentForm.typeData = type;\r\n },\r\n //模型加载等待\r\n loadingShow(data) {\r\n this.loadingShow1 = data;\r\n },\r\n\r\n handleSearch() {\r\n this.modelOthers = true;\r\n this.$refs.htModels.finbBox(this.inputVal);\r\n console.log(this.$refs.htModels, 'asdasdasd');\r\n this.inputVal = '';\r\n },\r\n handleRow(val) {\r\n this.modelOthers = true;\r\n this.$refs.htModels.finbBox(val);\r\n },\r\n // 天气\r\n handleWather() {\r\n axios({\r\n url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\r\n methods: ''\r\n }).then(res => {\r\n this.weatherItem = res.data.lives[0];\r\n console.log(this.weatherItem, 'asdsads');\r\n });\r\n }\r\n },\r\n components: {\r\n editModal,\r\n analysisConfiguration,\r\n dataBoard\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n display: none;\r\n /* Chrome Safari */\r\n}\r\n\r\n.new-dialog {\r\n width: 49%;\r\n height: 11%;\r\n left: calc(24vw);\r\n top: 90vh;\r\n bottom: 0\r\n /* right:auto;; */\r\n ;\r\n}\r\n\r\n.formBox {\r\n margin-top: 20px;\r\n margin-left: 20px;\r\n}\r\n\r\n/* .new-dialog .el-dialog {\r\n width:100%!important;\r\n margin: 0vh auto !important;\r\n margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n width: 100% !important;\r\n margin: 0 auto 0px !important;\r\n /* margin-top: 0vh!important; */\r\n}\r\n\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n display: none;\r\n /* Chrome Safari */\r\n}\r\n\r\n.new-dialog .customWidth {\r\n width: 100%;\r\n min-width: 150px;\r\n}\r\n\r\n.mapModuleApp {\r\n /* width:100%; */\r\n width: 1600px;\r\n height: 900px;\r\n display: inline-block;\r\n border: 1px soild #eee;\r\n}\r\n\r\n.el-drawer.btt,\r\n.el-drawer.ttb {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n height: 100% !important;\r\n}\r\n\r\n.el-drawer__container {\r\n position: relative;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.videoAnalysis {\r\n position: absolute;\r\n right: 200px;\r\n top: 17px;\r\n}\r\n\r\n.trafficAnalysis {\r\n position: absolute;\r\n right: 100px;\r\n top: 17px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","mtime":1677376577620},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\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// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from '@/views/bounced/maintenanceRemind';\nimport analysisConfiguration from '@/views/bounced/analysisConfiguration';\nimport dataBoard from '@/views/bounced/dataBoard';\nimport { getComponentData, getSectionalData, getVideoStatus, startTrafficAnalysis, startVideoAnalysis, getAnalysisData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from '@/utils/mqttConfig.js';\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // //判断\n\nexport default {\n data: function data() {\n return {\n max: '100',\n min: '1',\n receiveNews: '',\n topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\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 disabledTrafficAnalysis: true,\n disabledVideoAnalysis: false,\n //判断模拟区，画布区\n numberNew: 1,\n speed: false,\n component: false,\n sectionals: [],\n activeName: 'first',\n VideoId: '',\n title: '断面',\n componentTitle: '速度',\n form: {\n name: '',\n type: '',\n id: '',\n coordinate: '',\n Direction: '双向',\n StoppingSpeed: '5'\n },\n //初始图形名称\n startFigureName: '',\n areaComponentform: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '实时（触发）',\n desc: ''\n },\n timeSelect: [{\n label: '秒',\n value: '秒'\n }, {\n label: '分钟',\n value: '分钟'\n }, {\n label: '小时',\n value: '小时'\n }],\n titName: '',\n componentForm: {\n //单位\n company: '',\n componentName: '',\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\n //周期间隔\n cycleInterval: 1,\n startSectionIds: '',\n startSectionNames: '',\n endSectionIds: '',\n endSectionNames: '',\n endValue: '',\n //展现形式\n presentationForm: '',\n presentation: [],\n startValue: '',\n timeMode: '',\n type: ['机动车', '非机动车', '行人'],\n startSection: [],\n endSection: [],\n componentType: '',\n typeFiltering: '',\n typeData: [],\n FlowType: '出流'\n },\n // typeData: ['小汽车', '公交车', '卡车', '非机动车', '行人'],\n typeData: ['机动车', '非机动车', '行人'],\n //展现形式\n presentation: ['数值', '表格', '时间曲线图', '均值图'],\n trackForm: {\n name: ''\n },\n nowTime: '',\n ins: 0,\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 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 number: '',\n componentId: '',\n analysisConfigurationdata: {},\n //触发数据\n triggerData: [],\n triggerListData: [],\n //周期时刻\n cycleTimeData: [],\n //周期统计\n cycleStatisticsData: [],\n //视频类型\n videoType: '',\n videoAnalysisShow: false,\n trafficAnalysisShow: false,\n //控制unity展示\n videoUnityShow: true,\n videoAnalysisSta: '',\n analysis: {\n trafficAnalysisPath1: '',\n trafficAnalysisPath2: '',\n videoAnalysisPath: '',\n videoName: '',\n videoPath: '',\n videoTotalFrames: '',\n videoType: '实时视频'\n },\n description: '请等待排队',\n ipData: '',\n componentList: []\n };\n },\n //离开当前页面后执行\n destroyed: function destroyed() {//console.log(\"离开当前页\")\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1}))\n //client.end();\n },\n created: function created() {\n window.OnScene = this.OnSceneN;\n this.getAllSectionalData(this.$route.query.id);\n this.VideoId = this.$route.query.id;\n this.number = this.$route.query.num;\n this.titName = this.$route.query.name;\n window.getFigure = this.getFigureD;\n window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n window.getSingleComponentId = this.getSingleComponentIdN;\n window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n window.delSuccess = this.delSuccess; // console.log(\"id\",id)\n // console.log(\"num\",num)\n // console.log(\"name\",name)\n // console.log(\"type\",type)\n // console.log(\"status\",status)\n // this.videoType = this.$route.query.type;\n\n if (this.$route.query.type == '实时视频') {\n this.videoAnalysisShow = false;\n this.trafficAnalysisShow = false;\n this.createMqtt(); // document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\n } else if (this.$route.query.type == '离线视频') {\n this.videoAnalysisShow = true;\n this.trafficAnalysisShow = true;\n this.getAnalysisStatus(); // this.createMqtt();\n // if(this.$route.query.status=='未分析'){\n // }\n // if(this.$route.query.status=='未分析'){\n // // document.getElementById('mapModule').contentWindow.lixianVideo(\"实时视频\");\n // }else{\n // }\n }\n },\n mounted: function mounted() {},\n methods: {\n // 数据看板的标签点击\n handleClick: function handleClick(tab, event) {\n var that = this;\n\n if (tab._props.name == 'second') {\n that.$nextTick(function () {\n that.$refs.dataBoardRef.getNew();\n });\n }\n },\n\n /** 创建mqtt */\n createMqtt: function createMqtt() {\n //创建链接，接收数据\n this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number, 'trigger-' + this.$route.query.id, 'cycle_time-' + this.$route.query.id, 'cycle_statistics-' + this.$route.query.id];\n window.PubScribe(this.topicSends, this.number, this.realInfo); // mqtt = mqttConfig;\n\n /*mqtt = new mqttConfig(this.topicSends);\r\n client = mqtt.createConnect();\r\n client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n if (!err) {\r\n console.log(\"订阅成功\");\r\n // setTimeout(function() {\r\n client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)}))\r\n // }, 1000);\r\n } else {\r\n console.log('消息订阅失败！')\r\n }\r\n });\r\n client.on(\"message\", (topic, message) => {\r\n //数据分类\r\n try {\r\n // this.receiveNews = this.receiveNews.concat(message);\r\n // this.realInfo(topic, this.receiveNews);\r\n this.realInfo(topic, message);\r\n } catch (error) {\r\n }\r\n });*/\n },\n //获取视频分析，交通分析状态数据\n getAnalysisStatus: function getAnalysisStatus() {\n var _this = this;\n\n getVideoStatus(this.$route.query.id).then(function (res) {\n console.log('res.data', res.data); //视频分析状态\n\n if (res.data.data.videoAnalysisStatus == '未分析') {\n _this.disabledTrafficAnalysis = true;\n _this.videoUnityShow = true;\n\n _this.analysisData();\n } else if (res.data.data.videoAnalysisStatus == '分析中') {\n _this.disabledVideoAnalysis = true;\n _this.videoUnityShow = false;\n setTimeout(function () {\n _this.getAnalysisStatus();\n }, 5000);\n } else if (res.data.data.videoAnalysisStatus == '已分析') {\n _this.videoUnityShow = true;\n _this.videoAnalysisSta = res.data.data.videoAnalysisStatus;\n _this.disabledTrafficAnalysis = false;\n\n _this.analysisData(); //交通分析状态\n\n } else if (res.data.data.trafficAnalysisStatus == '未分析') {\n _this.disabledVideoAnalysis = true;\n } else if (res.data.data.trafficAnalysisStatus == '分析中') {\n _this.disabledVideoAnalysis = true;\n _this.disabledTrafficAnalysis = true;\n } else if (res.data.data.videoAnalysisStatus == '已分析' || res.data.data.trafficAnalysisStatus == '已分析') {\n _this.disabledVideoAnalysis = false;\n _this.disabledTrafficAnalysis = true;\n }\n });\n },\n //分析视频按钮\n videoAnalysisBtn: function videoAnalysisBtn() {\n var _this2 = this;\n\n startVideoAnalysis(this.$route.query.id).then(function (res) {\n //\n if (res.data.msg == '请求成功') {\n _this2.$message({\n message: '启动成功',\n type: 'success'\n });\n\n setTimeout(function () {\n _this2.getAnalysisStatus();\n }, 5000); // if(this.videoAnalysisSta=='已分析'){\n // }else if(this.videoAnalysisSta=='分析中'){\n // this.description = '正在分析中'\n // setTimeout(() => {\n // this.getAnalysisStatus()\n // }, 5000);\n // }else if(this.videoAnalysisSta=='未分析'){\n // }\n }\n });\n },\n //交通分析\n trafficAnalysisBtn: function trafficAnalysisBtn() {\n var _this3 = this;\n\n startTrafficAnalysis(this.$route.query.id).then(function (res) {\n //\n console.log('res.data', res.data.data);\n\n if (res.data.code == 200) {\n _this3.$message({\n message: res.data.msg,\n type: 'success'\n });\n\n document.getElementById('mapModule').contentWindow.addColor();\n } else {\n _this3.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n //获取视频分析结果\n analysisData: function analysisData() {\n var _this4 = this;\n\n getAnalysisData(this.$route.query.id).then(function (res) {\n console.log('res.data.data', res.data.data);\n _this4.analysis.trafficAnalysisPath1 = res.data.data.trafficAnalysisPath1;\n _this4.analysis.trafficAnalysisPath2 = res.data.data.trafficAnalysisPath2;\n _this4.analysis.videoAnalysisPath = res.data.data.videoAnalysisPath;\n _this4.analysis.videoName = res.data.data.videoName;\n _this4.analysis.videoPath = res.data.data.videoPath;\n _this4.analysis.videoTotalFrames = res.data.data.videoTotalFrames;\n _this4.analysis.videoType = _this4.$route.query.type;\n });\n },\n //停止订阅mqtt\n disConnect: function disConnect() {\n /*if (client != null) {\r\n client.unsubscribe(this.topicSends);\r\n client = null;\r\n }*/\n },\n\n /** 实时数据分类 */\n realInfo: function realInfo(topic, message) {\n switch (topic) {\n // 接收托片\n case 'img' + this.number:\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 // console.log(\"msg\",msg)\n // document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\n\n if (msg.rate == 'high') {\n document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\n } else {\n this.analysisConfigurationdata = msg;\n }\n } catch (error) {}\n\n break;\n // 树结构\n\n case 'stream' + this.number:\n try {\n var utf8decoder1 = new TextDecoder();\n\n var _u8arr = new Uint8Array(message);\n\n var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n var _msg = JSON.parse(_temp); // console.log(\"msg\",msg)\n\n\n document.getElementById('mapModule').contentWindow.getData(JSON.stringify(_msg));\n } catch (error) {}\n\n break;\n // 控制台输出\n\n case 'trajectory' + this.number:\n try {\n var _utf8decoder = new TextDecoder();\n\n var _u8arr2 = new Uint8Array(message);\n\n var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n var _msg2 = JSON.parse(_temp2); // console.log(\"msg\",msg)\n\n\n document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(_msg2));\n } catch (error) {}\n\n break;\n // 触发\n\n case 'detection' + this.number:\n try {\n var _utf8decoder2 = new TextDecoder();\n\n var _u8arr3 = new Uint8Array(message);\n\n var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n var detId = [];\n var msgN = JSON.parse(_temp3); // console.log(\"msgN\",msgN)\n\n this.triggerData = msgN;\n\n if (_temp3.length != 0) {\n for (var i = 0; i < msgN.length; i++) {\n detId.push(msgN[i].det_id);\n }\n\n document.getElementById('mapModule').contentWindow.getChuFa(JSON.stringify(detId));\n }\n } catch (error) {}\n\n break;\n\n case 'trigger-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder3 = new TextDecoder();\n\n var _u8arr4 = new Uint8Array(message);\n\n var _temp4 = _utf8decoder3.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN = JSON.parse(_temp4); // console.log(\"trigger_msgN\",msgN)\n\n\n this.triggerListData = _msgN;\n } catch (error) {}\n\n break;\n\n case 'cycle_time-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder4 = new TextDecoder();\n\n var _u8arr5 = new Uint8Array(message);\n\n var _temp5 = _utf8decoder4.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN2 = JSON.parse(_temp5);\n\n this.cycleTimeData = _msgN2;\n } catch (error) {}\n\n break;\n\n case 'cycle_statistics-' + this.$route.query.id:\n try {\n // console.log(\"trigger_msgN\",message)\n var _utf8decoder5 = new TextDecoder();\n\n var _u8arr6 = new Uint8Array(message);\n\n var _temp6 = _utf8decoder5.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n var detId = [];\n\n var _msgN3 = JSON.parse(_temp6);\n\n this.cycleStatisticsData = _msgN3;\n } catch (error) {}\n\n break;\n }\n\n this.receiveNews = '';\n },\n // handleClick(tab, event) {\n // console.log(tab, event);\n // },\n changeCompany: function changeCompany(val) {\n console.log('val', val);\n\n if (val == '小时') {\n this.max = '24';\n } else {\n this.max = '100';\n }\n },\n //初始化unity\n OnSceneN: function OnSceneN() {\n var ip = window.location.host;\n this.ipData = 'http://' + ip.split(':')[0] + ':5000'; // document.getElementById('mapModule').contentWindow.getIpData(this.ipData);\n\n document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');\n\n if (this.$route.query.type == '离线视频') {\n document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\n }\n\n document.getElementById('mapModule').contentWindow.postVideoId(JSON.stringify(this.$route.query.id + ',' + this.$route.query.type));\n },\n //删除图形成功获取数据\n delSuccess: function delSuccess() {\n if (this.$route.query.type == '离线视频') {\n this.$message({\n type: 'warning',\n message: '请点击交通分析，获取最新数据！',\n showClose: true,\n duration: 0\n });\n }\n },\n // //新增组件根据组件id获取单个组件数据\n getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n var _this5 = this;\n\n console.log('id', id);\n console.log('type', type);\n console.log('name', name);\n this.componentId = id;\n this.componentForm.componentType = type;\n this.componentTitle = type;\n getComponentData({\n AnalogAreaComponentId: id\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n console.log('res', res.data.data);\n _this5.component = true;\n\n if (res.data.data.company != '') {\n _this5.componentForm.company = res.data.data.company;\n } // this.componentForm.componentName = res.data.data.componentName+'-'+type\n\n\n _this5.componentForm.componentName = res.data.data.componentName;\n\n if (res.data.data.timeMode != '') {\n _this5.componentForm.timeMode = res.data.data.timeMode;\n } else {\n console.log('this.componentForm.timeMode', _this5.componentForm.timeMode);\n console.log('this.componentForm.componentType', _this5.componentForm.componentType);\n\n if (_this5.componentForm.componentType == '延误' || _this5.componentForm.componentType == '拥堵') {\n console.log('this.componentForm.timeMode', _this5.componentForm.timeMode);\n _this5.componentForm.timeMode = '周期统计';\n } else {\n _this5.componentForm.timeMode = '触发';\n }\n }\n\n _this5.componentForm.componentParameterId = res.data.data.componentParameterId;\n _this5.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\n _this5.componentForm.startSectionIds = res.data.data.startSectionIds; // this.componentForm.FlowType = res.data.data.flowType;\n\n _this5.componentForm.startSectionNames = res.data.data.startSectionNames;\n _this5.componentForm.endSectionIds = res.data.data.endSectionIds;\n _this5.componentForm.endSectionNames = res.data.data.endSectionNames;\n _this5.componentForm.company = res.data.data.company;\n _this5.componentForm.endValue = res.data.data.endValue;\n _this5.componentForm.startValue = res.data.data.startValue;\n _this5.componentForm.presentationForm = res.data.data.presentationForm;\n\n _this5.getAllSectionalData(_this5.$route.query.id); // this.componentForm.typeFiltering = res.data.data.typeFiltering\n // this.componentForm.type = res.data.data.type\n\n\n if (res.data.data.startSectionIds != '') {\n console.log('startSectionIds', res.data.data.startSectionIds);\n var startSectionIdArr = [];\n var startSectionArr = [];\n startSectionIdArr = res.data.data.startSectionIds.split(',');\n console.log('this.sectionals', _this5.sectionals);\n console.log('startSectionIdArr', startSectionIdArr);\n startSectionIdArr.forEach(function (item) {\n _this5.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n startSectionArr.push(items.graphicName);\n _this5.componentForm.startSection = startSectionArr;\n }\n });\n });\n }\n\n if (res.data.data.endSectionIds != '') {\n console.log('endSectionIds', res.data.data.endSectionIds);\n var endSectionIdArr = [];\n var endSectionArr = [];\n endSectionIdArr = res.data.data.endSectionIds.split(',');\n console.log('this.sectionals', _this5.sectionals);\n console.log('endSectionIdArr', endSectionIdArr);\n endSectionIdArr.forEach(function (item) {\n _this5.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n endSectionArr.push(items.graphicName);\n _this5.componentForm.endSection = endSectionArr;\n }\n });\n });\n }\n\n if (_this5.componentForm.presentationForm != '') {\n var arr = [];\n arr = _this5.componentForm.presentationForm.split(',');\n _this5.componentForm.presentation = arr;\n } else if (_this5.componentForm.presentationForm == '') {\n _this5.componentForm.presentation = [];\n }\n\n if (res.data.data.type != '') {\n var arr = [];\n arr = res.data.data.type.split(',');\n _this5.componentForm.type = arr;\n } else {\n _this5.componentForm.type = ['机动车', '非机动车', '行人'];\n }\n\n console.log('this.componentForm', _this5.componentForm);\n }\n });\n },\n //修改模拟区组件、图形\n getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name, number) {\n var _this6 = this;\n\n console.log('number', number);\n this.numberNew = number;\n\n if (type == '图形') {\n this.form.id = id;\n this.form.name = name;\n this.form.type = componentType;\n this.startFigureName = name;\n\n if (this.form.type == '轨迹') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '区域') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '断面') {\n this.dialogFormVisible = true;\n }\n } else if (type == '组件') {\n this.componentId = id;\n this.componentForm.componentType = componentType;\n this.componentTitle = componentType;\n getComponentData({\n AnalogAreaComponentId: id\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n console.log('res', res.data.data);\n _this6.component = true;\n\n if (res.data.data.company != '') {\n _this6.componentForm.company = res.data.data.company;\n }\n\n if (res.data.data.timeMode != '') {\n _this6.componentForm.timeMode = res.data.data.timeMode;\n } else {\n if (_this6.componentForm.componentType == '延误' || _this6.componentForm.componentType == '拥堵') {\n _this6.componentForm.timeMode = '周期统计';\n } else {\n _this6.componentForm.timeMode = '触发';\n }\n }\n\n _this6.componentForm.componentName = res.data.data.componentName;\n _this6.componentForm.componentParameterId = res.data.data.componentParameterId;\n _this6.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\n _this6.componentForm.FlowType = res.data.data.flowType;\n _this6.componentForm.startSectionIds = res.data.data.startSectionIds;\n _this6.componentForm.startSectionNames = res.data.data.startSectionNames;\n _this6.componentForm.endSectionIds = res.data.data.endSectionIds;\n _this6.componentForm.endSectionNames = res.data.data.endSectionNames;\n _this6.componentForm.endValue = res.data.data.endValue;\n _this6.componentForm.startValue = res.data.data.startValue;\n _this6.componentForm.presentationForm = res.data.data.presentationForm; // this.componentForm.type = res.data.data.type\n\n if (res.data.data.startSectionIds != '') {\n console.log('startSectionIds', res.data.data.startSectionIds);\n var startSectionIdArr = [];\n var startSectionArr = [];\n startSectionIdArr = res.data.data.startSectionIds.split(',');\n console.log('this.sectionals', _this6.sectionals);\n console.log('startSectionIdArr', startSectionIdArr);\n startSectionIdArr.forEach(function (item) {\n _this6.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n startSectionArr.push(items.graphicName);\n _this6.componentForm.startSection = startSectionArr;\n }\n });\n });\n }\n\n if (res.data.data.endSectionIds != '') {\n console.log('endSectionIds', res.data.data.endSectionIds);\n var endSectionIdArr = [];\n var endSectionArr = [];\n endSectionIdArr = res.data.data.endSectionIds.split(',');\n console.log('this.sectionals', _this6.sectionals);\n console.log('endSectionIdArr', endSectionIdArr);\n endSectionIdArr.forEach(function (item) {\n _this6.sectionals.forEach(function (items) {\n if (item == items.graphicId) {\n endSectionArr.push(items.graphicName);\n _this6.componentForm.endSection = endSectionArr;\n }\n });\n });\n }\n\n if (_this6.componentForm.presentationForm != '') {\n var arr = [];\n arr = _this6.componentForm.presentationForm.split(',');\n _this6.componentForm.presentation = arr;\n } else if (_this6.componentForm.presentationForm == '') {\n _this6.componentForm.presentation = [];\n }\n\n if (res.data.data.type != '') {\n var arr = [];\n arr = res.data.data.type.split(',');\n _this6.componentForm.type = arr;\n } else {// this.componentForm.type = ['机动车', '非机动车', '行人'];\n }\n }\n });\n }\n },\n //获取所有断面数据\n getAllSectionalData: function getAllSectionalData(VideoId) {\n var _this7 = this;\n\n getSectionalData({\n VideoId: VideoId\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this7.sectionals = res.data.data;\n }\n });\n },\n figureType: function figureType(type) {\n if (type == 'Move') {\n type = '轨迹';\n } else if (type == 'Poly') {\n type = '区域';\n } else if (type == 'Line') {\n type = '断面';\n }\n\n return type;\n },\n getFigureD: function getFigureD(item, index, indexNew) {\n console.log('图形类型', item);\n console.log('初始图形名称', index);\n this.startFigureName = index;\n console.log('图形位置', indexNew);\n this.dialogFormVisible = true;\n this.form.name = index;\n this.form.type = this.figureType(item);\n this.form.coordinate = indexNew;\n this.form.id = '';\n this.title = this.figureType(item);\n },\n //双击图形修改图形名称弹框\n getModifyTheNameN: function getModifyTheNameN(data, number) {\n console.log('data', data);\n console.log('number', number);\n this.numberNew = number;\n var arr = [];\n arr = data.split(',');\n console.log('arr', arr);\n this.form.id = arr[0];\n this.form.name = arr[1];\n this.form.type = arr[2];\n this.startFigureName = arr[1];\n\n if (this.form.type == '轨迹') {\n // this.open2()\n this.dialogFormVisible = true;\n } else if (this.form.type == '区域') {\n this.dialogFormVisible = true;\n } else if (this.form.type == '断面') {\n this.dialogFormVisible = true;\n }\n },\n //新增、编辑图形确认按钮\n onSubmit: function onSubmit(form) {\n var _this8 = this;\n\n console.log('form', form); //新增\n\n if (form.id == '') {\n var formData = new FormData();\n\n if (form.type == '断面') {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId);\n formData.append('Direction', form.Direction);\n } else if (form.type == '区域') {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId); // formData.append(\"Direction\",form.Direction);\n // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n } else {\n formData.append('GraphicName', form.name);\n formData.append('GraphicType', form.type);\n formData.append('Coordinate', form.coordinate);\n formData.append('VideoId', this.VideoId); // formData.append(\"Direction\",form.Direction);\n }\n\n axios({\n method: 'post',\n url: serverUrl.addFigure,\n data: formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this8.$message({\n message: res.data.msg,\n type: 'success'\n }); // setTimeout(() => {\n // this.$message({\n // type: \"warning\",\n // message: \"请点击交通分析，获取最新数据！\",\n // showClose: true,\n // duration:0,\n // });\n // }, 3000);\n\n\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\n document.getElementById('mapModule').contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this8.startFigureName + ',' + _this8.numberNew));\n _this8.dialogFormVisible = false;\n } else {\n _this8.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n } else {\n //编辑\n var _formData = new FormData();\n\n if (form.type == '断面') {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type);\n\n _formData.append('Direction', form.Direction);\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n } else if (form.type == '区域') {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type);\n\n _formData.append('Direction', form.Direction);\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n\n _formData.append('StoppingSpeed', form.StoppingSpeed);\n } else {\n _formData.append('GraphicName', form.name);\n\n _formData.append('GraphicType', form.type); // formData.append(\"Direction\",form.Direction);\n\n\n _formData.append('GraphicId', form.id);\n\n _formData.append('VideoId', this.VideoId);\n }\n\n axios({\n method: 'post',\n url: serverUrl.editFigure,\n data: _formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this8.$message({\n message: res.data.msg,\n type: 'success'\n }); // setTimeout(() => {\n // this.$message({\n // type: 'warning',\n // message: '请点击交通分析，获取最新数据！',\n // showClose: true,\n // duration: 0\n // });\n // }, 5000);\n\n\n console.log('startFigureName', _this8.startFigureName);\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\n console.log('this.numberNew', _this8.numberNew);\n document.getElementById('mapModule').contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this8.startFigureName + ',' + _this8.numberNew));\n _this8.dialogFormVisible = false;\n } else {\n _this8.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n }\n },\n //新增编辑组件取消\n onSubmitComponent: function onSubmitComponent(componentForm) {\n var _this9 = this;\n\n this.component = false;\n var formData = new FormData();\n\n if (componentForm.componentType == 'OD') {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('startSectionIds', componentForm.startSectionIds);\n formData.append('startSectionNames', componentForm.startSectionNames);\n formData.append('endSectionIds', componentForm.endSectionIds);\n formData.append('endSectionNames', componentForm.endSectionNames);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', '矩阵图');\n } else if (componentForm.componentType == '类型') {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', componentForm.presentationForm);\n formData.append('type', componentForm.type);\n } else {\n //名称\n formData.append('componentName', componentForm.componentName); //单位\n\n formData.append('company', componentForm.company); //id\n\n formData.append('componentParameterId', componentForm.componentParameterId);\n formData.append('cycleInterval', componentForm.cycleInterval);\n formData.append('endValue', componentForm.endValue);\n formData.append('startValue', componentForm.startValue);\n formData.append('timeMode', componentForm.timeMode);\n formData.append('presentationForm', componentForm.presentationForm);\n formData.append('flowType', componentForm.FlowType);\n }\n\n axios({\n method: 'post',\n url: serverUrl.editComponent,\n data: formData\n }).then(function (res) {\n console.log('res', res);\n\n if (res.data.code == 200) {\n _this9.$message({\n message: res.data.msg,\n type: 'success'\n }); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n\n document.getElementById('mapModule').contentWindow.editComponent(_this9.componentId + ',' + componentForm.componentName);\n _this9.dialogFormVisible = false;\n } else {\n _this9.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n //新增编辑组件取消\n closeComponent: function closeComponent(componentForm) {\n this.component = false;\n this.componentForm = {\n //单位\n company: '',\n componentName: '',\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\n //周期间隔\n cycleInterval: '',\n startSectionIds: '',\n startSectionNames: '',\n endSectionIds: '',\n endSectionNames: '',\n endValue: '',\n //展现形式\n presentationForm: '',\n presentation: [],\n startValue: '',\n timeMode: '',\n type: [],\n startSection: [],\n endSection: [],\n componentType: '',\n typeFiltering: '',\n typeData: []\n };\n document.getElementById('mapModule').contentWindow.editComponent('');\n },\n //新增、编辑图形取消按钮\n closeFigure: function closeFigure(form) {\n console.log('form', form);\n\n if (form.id != '') {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n } else {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.delFigure();\n }\n },\n closeComponentForm: function closeComponentForm() {\n console.log(\"111\");\n this.component = false;\n document.getElementById('mapModule').contentWindow.editComponent('');\n },\n closeForm: function closeForm(form) {\n if (this.form.id != '') {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n } else {\n this.dialogFormVisible = false;\n document.getElementById('mapModule').contentWindow.delFigure();\n }\n },\n //改变起点\n handleCheckedStartSection: function handleCheckedStartSection(value) {\n var _this10 = this;\n\n console.log('改变起点', value);\n var startSectionIdArr = [];\n var startSectionNameArr = [];\n value.forEach(function (item) {\n _this10.sectionals.forEach(function (items) {\n if (item == items.graphicName) {\n startSectionIdArr.push(items.graphicId);\n startSectionNameArr.push(items.graphicName);\n var newStartSectionId = startSectionIdArr.join(',');\n var newStartSectionName = startSectionNameArr.join(',');\n _this10.componentForm.startSectionIds = newStartSectionId;\n _this10.componentForm.startSectionNames = newStartSectionName;\n }\n });\n });\n },\n //改变终点\n handleCheckedendSection: function handleCheckedendSection(value) {\n var _this11 = this;\n\n console.log('改变终点', value);\n var endSectionIdArr = [];\n var endSectionNameArr = [];\n value.forEach(function (item) {\n _this11.sectionals.forEach(function (items) {\n if (item == items.graphicName) {\n endSectionIdArr.push(items.graphicId);\n endSectionNameArr.push(items.graphicName);\n var newendSectionId = endSectionIdArr.join(',');\n var newEndSectionName = endSectionNameArr.join(',');\n console.log('newendSectionId', newendSectionId);\n console.log('newEndSectionName', newEndSectionName);\n _this11.componentForm.endSectionIds = newendSectionId;\n _this11.componentForm.endSectionNames = newEndSectionName;\n }\n });\n });\n },\n //修改展现形式\n handlePresentation: function handlePresentation(value) {\n console.log('展现形式', value);\n var presentation = value.join(',');\n this.componentForm.presentationForm = presentation;\n console.log('this.componentForm.presentationForm', this.componentForm.presentationForm);\n },\n //类型数据\n handleTypeData: function handleTypeData(value) {\n console.log('类型数据', value);\n var type = value.join(',');\n this.componentForm.typeData = type;\n },\n //模型加载等待\n loadingShow: function loadingShow(data) {\n this.loadingShow1 = data;\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 _this12 = this;\n\n axios({\n url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n methods: ''\n }).then(function (res) {\n _this12.weatherItem = res.data.lives[0];\n console.log(_this12.weatherItem, 'asdsads');\n });\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>\r\n <div class=\"content-box\">\r\n <!-- <div class=\"container\"> -->\r\n <div>\r\n <!-- <el-tabs type=\"border-card\" v-model=\"activeName\" tab-position=\"left\"> -->\r\n <el-tabs type=\"border-card\" v-model=\"activeName\" @tab-click=\"handleClick\">\r\n <el-tab-pane :label=\"titName\" name=\"first\">\r\n <div class=\"mapModuleApp\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"\r\n scrolling=\"no\" v-if=\"videoUnityShow\"></iframe>\r\n <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" ref=\"iframe\"></iframe> -->\r\n <el-empty :description=\"description\" v-if=\"videoAnalysisShow\"> </el-empty>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"数据看板\" name=\"second\" >\r\n <dataBoard ref=\"dataBoardRef\" :activeName=\"activeName\" :triggerData=\"triggerData\" :triggerListData=\"triggerListData\"\r\n :cycleTimeData=\"cycleTimeData\" :cycleStatisticsData=\"cycleStatisticsData\" ></dataBoard>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"分析配置\" name=\"third\">\r\n <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n <editModal></editModal>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n </el-tabs>\r\n <!-- <el-button class=\"videoAnalysis\" type=\"primary\" size=\"mini\" @click=\"videoAnalysisBtn\" v-if=\"videoAnalysisShow\" :disabled='disabledVideoAnalysis'\r\n >视频分析</el-button> -->\r\n <el-button class=\"trafficAnalysis\" type=\"primary\" plain size=\"mini\" @click=\"trafficAnalysisBtn\"\r\n v-if=\"trafficAnalysisShow\" :disabled=\"disabledTrafficAnalysis\">交通分析</el-button>\r\n </div>\r\n <el-drawer class=\"new-dialog\" :visible.sync=\"dialogFormVisible\" direction=\"btt\" custom-class=\"demo-drawer\"\r\n ref=\"drawer\" :modal=\"false\" :close-on-click-modal=\"false\" v-alterELDialogMarginTop=\"{ marginTop: '0vh' }\"\r\n width=\"100%\" :wrapperClosable=\"false\" :with-header=\"false\" size=\"100%\">\r\n <div class=\"formBox\">\r\n <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n <el-form-item label=\"组件名称\">\r\n <el-input v-model=\"form.name\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"断面方向\" v-if=\"form.type == '断面'\">\r\n <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n <el-option label=\"正向\" value=\"正向\"></el-option>\r\n <el-option label=\"反向\" value=\"反向\"></el-option>\r\n <el-option label=\"双向\" value=\"双向\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n <el-button @click=\"closeFigure(form)\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </el-drawer>\r\n <!-- 组件弹框 -->\r\n <el-dialog :title=\"componentTitle + '指标组件'\" width=\"40%\" :visible.sync=\"component\" :close-on-click-modal=\"false\"\r\n @close=\"closeComponentForm()\">\r\n <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\">\r\n <el-form-item label=\"名称：\">\r\n <el-input v-model=\"componentForm.componentName\"></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType == '类型'\">\r\n <el-checkbox-group v-model=\"componentForm.type\" @change=\"handleTypeData\">\r\n <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\">{{ item }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"数值筛选：\" v-if=\"\r\n componentForm.componentType != 'OD' &&\r\n componentForm.componentType != '类型' &&\r\n componentForm.componentType != '流量'\r\n \">\r\n <el-input-number v-model=\"componentForm.startValue\" :min=\"0\"></el-input-number>\r\n <el-input-number v-model=\"componentForm.endValue\" :min=\"1\" style=\"margin-left:5%\"></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"流量类型：\" v-if=\"componentForm.componentType == '流量'\">\r\n <el-radio-group v-model=\"componentForm.FlowType\">\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-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n <el-option label=\"触发\" value=\"触发\"\r\n v-if=\"componentForm.componentType != '延误' && componentForm.componentType != '拥堵'\"></el-option>\r\n <el-option label=\"周期时刻\" value=\"周期时刻\" v-if=\"\r\n componentForm.componentType != '排队数' &&\r\n componentForm.componentType != '检测数' &&\r\n componentForm.componentType != '延误' &&\r\n componentForm.componentType != '拥堵' &&\r\n componentForm.componentType != '流量'&&\r\n componentForm.componentType != '流量'\r\n \"></el-option>\r\n <el-option label=\"周期统计\" value=\"周期统计\" v-if=\"componentForm.componentType != 'OD'\"> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n <el-radio-group v-model=\"componentForm.touchType\" >\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=\"componentForm.timeMode != '触发'\">\r\n <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n </el-slider> -->\r\n <div style=\"display:inline\">\r\n <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\" @change=\"changeCompany\">\r\n <!-- <el-option v-for=\"item in timeSelect\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"></el-option> -->\r\n <el-option label=\"秒\" value=\"秒\" v-if=\"componentForm.timeMode != '周期统计'\"></el-option>\r\n <el-option label=\"分钟\" value=\"分钟\"></el-option>\r\n <el-option label=\"小时\" value=\"小时\"></el-option>\r\n </el-select>\r\n <!-- <el-slider v-model=\"componentForm.cycleInterval\" :max=\"max\" :min=\"min\"> </el-slider> -->\r\n <el-slider v-model=\"componentForm.cycleInterval\" :max=\"100\" :min=\"1\" v-if=\"componentForm.company != '小时'\"> </el-slider>\r\n <el-slider v-model=\"componentForm.cycleInterval\" :max=\"24\" :min=\"1\" v-if=\"componentForm.company == '小时'\"> </el-slider>\r\n </div>\r\n </el-form-item>\r\n <!-- <el-form-item label=\"单位：\" ></el-form-item> -->\r\n <el-form-item label=\"起点：\" v-if=\"componentForm.componentType == 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\">{{\r\n item.graphicName\r\n }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"终点：\" v-if=\"componentForm.componentType == 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\">{{\r\n item.graphicName\r\n }}</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType != 'OD'\">\r\n <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n <el-checkbox label=\"数值\" name=\"presentation\"></el-checkbox>\r\n <el-checkbox label=\"表格\" name=\"presentation\"\r\n v-if=\"componentForm.componentType != '拥堵'\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n <el-checkbox label=\"直方图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType == '类型'\"></el-checkbox>\r\n <el-checkbox label=\"饼状图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType == '类型'\"></el-checkbox>\r\n <el-checkbox label=\"均值图\" name=\"presentation\"\r\n v-if=\"componentForm.componentType != '拥堵' || componentForm.componentType != '流量' || componentForm.componentType != '类型' || componentForm.componentType != '延误'\"></el-checkbox>\r\n </el-checkbox-group>\r\n <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n </el-checkbox-group> -->\r\n <!-- <el-tag type=\"warning\" ></el-tag> -->\r\n <!-- <el-alert v-if=\"componentForm.componentType == '速度'\"\r\n title=\"请至分析配置设置坐标转换\"\r\n type=\"info\"\r\n show-icon>\r\n </el-alert> -->\r\n </el-form-item>\r\n\r\n <el-form-item>\r\n <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n </el-form-item>\r\n \r\n </el-form>\r\n </el-dialog>\r\n\r\n <!-- </div> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from '@/views/bounced/maintenanceRemind';\r\nimport analysisConfiguration from '@/views/bounced/analysisConfiguration';\r\nimport dataBoard from '@/views/bounced/dataBoard';\r\nimport {\r\n getComponentData,\r\n getSectionalData,\r\n getVideoStatus,\r\n startTrafficAnalysis,\r\n startVideoAnalysis,\r\n getAnalysisData\r\n} from '../api/index';\r\nimport serverUrl from '../config/apiurl.js';\r\nimport axios from 'axios';\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from '@/utils/mqttConfig.js';\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// //判断\r\nexport default {\r\n data() {\r\n return {\r\n max:'100',\r\n min:'1',\r\n receiveNews: '',\r\n topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\r\n trajectory: false, //轨迹\r\n hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n closeStatus: null,\r\n modelOthers: false,\r\n componentShow: '',\r\n isShowBtn: true, //菜单按钮隐藏\r\n isShowBtn1: false, //菜单按钮显示\r\n inputVal: '',\r\n dialogFormVisible: false,\r\n areaComponent: false,\r\n indexModule: false,\r\n disabledTrafficAnalysis: true,\r\n disabledVideoAnalysis: false,\r\n //判断模拟区，画布区\r\n numberNew: 1,\r\n speed: false,\r\n component: false,\r\n sectionals: [],\r\n activeName: 'first',\r\n VideoId: '',\r\n title: '断面',\r\n componentTitle: '速度',\r\n form: {\r\n name: '',\r\n type: '',\r\n id: '',\r\n coordinate: '',\r\n Direction: '双向',\r\n StoppingSpeed: '5'\r\n },\r\n //初始图形名称\r\n startFigureName: '',\r\n areaComponentform: {\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 timeSelect: [\r\n {\r\n label: '秒',\r\n value: '秒'\r\n },\r\n {\r\n label: '分钟',\r\n value: '分钟'\r\n },\r\n {\r\n label: '小时',\r\n value: '小时'\r\n }\r\n ],\r\n titName: '',\r\n componentForm: {\r\n //单位\r\n company: '',\r\n componentName: '',\r\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\r\n //周期间隔\r\n cycleInterval: 1,\r\n startSectionIds: '',\r\n startSectionNames: '',\r\n endSectionIds: '',\r\n endSectionNames: '',\r\n endValue: '',\r\n //展现形式\r\n presentationForm: '',\r\n presentation: [],\r\n startValue: '',\r\n timeMode: '',\r\n type: ['机动车', '非机动车', '行人'],\r\n startSection: [],\r\n endSection: [],\r\n componentType: '',\r\n typeFiltering: '',\r\n typeData: [],\r\n FlowType: '出流'\r\n },\r\n // typeData: ['小汽车', '公交车', '卡车', '非机动车', '行人'],\r\n typeData: ['机动车', '非机动车', '行人'],\r\n //展现形式\r\n presentation: ['数值', '表格', '时间曲线图', '均值图'],\r\n trackForm: {\r\n name: ''\r\n },\r\n nowTime: '',\r\n ins: 0,\r\n btnPic: [],\r\n Data: [\r\n {\r\n title: 'xx路口',\r\n url: ''\r\n },\r\n {\r\n title: '数据看板',\r\n url: ''\r\n },\r\n {\r\n title: '分析配置',\r\n url: ''\r\n },\r\n {\r\n title: '分析配置',\r\n url: ''\r\n }\r\n ],\r\n messageInfo: [],\r\n orderList: [],\r\n enterList: [],\r\n stockInfo: [],\r\n perCent: 0,\r\n perCent1: 0,\r\n perCent2: 0,\r\n facToal: '',\r\n wbContent: '',\r\n // wxContent:'',\r\n inContent: '',\r\n outContent: '',\r\n containerDetails: '',\r\n locdesc: '',\r\n weatherItem: {},\r\n loadingShow1: true,\r\n number: '',\r\n componentId: '',\r\n analysisConfigurationdata: {},\r\n //触发数据\r\n triggerData: [],\r\n triggerListData: [],\r\n //周期时刻\r\n cycleTimeData: [],\r\n //周期统计\r\n cycleStatisticsData: [],\r\n //视频类型\r\n videoType: '',\r\n videoAnalysisShow: false,\r\n trafficAnalysisShow: false,\r\n //控制unity展示\r\n videoUnityShow: true,\r\n videoAnalysisSta: '',\r\n analysis: {\r\n trafficAnalysisPath1: '',\r\n trafficAnalysisPath2: '',\r\n videoAnalysisPath: '',\r\n videoName: '',\r\n videoPath: '',\r\n videoTotalFrames: '',\r\n videoType: '实时视频'\r\n },\r\n description: '请等待排队',\r\n ipData: '',\r\n\r\n\r\n componentList:[]\r\n };\r\n },\r\n\r\n //离开当前页面后执行\r\n destroyed: function () {\r\n //console.log(\"离开当前页\")\r\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1}))\r\n //client.end();\r\n },\r\n created() {\r\n window.OnScene = this.OnSceneN;\r\n this.getAllSectionalData(this.$route.query.id);\r\n this.VideoId = this.$route.query.id;\r\n this.number = this.$route.query.num;\r\n this.titName = this.$route.query.name;\r\n window.getFigure = this.getFigureD;\r\n window.getModifyTheName = this.getModifyTheNameN;\r\n // window.getModifyTheName = this.getModifyTheNameN;\r\n window.getSingleComponentId = this.getSingleComponentIdN;\r\n window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n\r\n window.delSuccess = this.delSuccess;\r\n\r\n // console.log(\"id\",id)\r\n // console.log(\"num\",num)\r\n // console.log(\"name\",name)\r\n // console.log(\"type\",type)\r\n // console.log(\"status\",status)\r\n // this.videoType = this.$route.query.type;\r\n if (this.$route.query.type == '实时视频') {\r\n this.videoAnalysisShow = false;\r\n this.trafficAnalysisShow = false;\r\n\r\n this.createMqtt();\r\n\r\n // document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\r\n } else if (this.$route.query.type == '离线视频') {\r\n this.videoAnalysisShow = true;\r\n this.trafficAnalysisShow = true;\r\n this.getAnalysisStatus();\r\n // this.createMqtt();\r\n // if(this.$route.query.status=='未分析'){\r\n // }\r\n // if(this.$route.query.status=='未分析'){\r\n // // document.getElementById('mapModule').contentWindow.lixianVideo(\"实时视频\");\r\n // }else{\r\n // }\r\n }\r\n },\r\n mounted() { },\r\n methods: {\r\n // 数据看板的标签点击\r\n handleClick: function(tab, event) {\r\n var that = this\r\n if(tab._props.name=='second'){\r\n that.$nextTick(()=>{ \r\n that.$refs.dataBoardRef.getNew()\r\n }) \r\n }\r\n },\r\n /** 创建mqtt */\r\n createMqtt() {\r\n //创建链接，接收数据\r\n this.topicSends = [\r\n 'stream' + this.number,\r\n 'trajectory' + this.number,\r\n 'detection' + this.number,\r\n 'trigger-' + this.$route.query.id,\r\n 'cycle_time-' + this.$route.query.id,\r\n 'cycle_statistics-' + this.$route.query.id\r\n ];\r\n window.PubScribe(this.topicSends, this.number, this.realInfo);\r\n // mqtt = mqttConfig;\r\n /*mqtt = new mqttConfig(this.topicSends);\r\n client = mqtt.createConnect();\r\n client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n if (!err) {\r\n console.log(\"订阅成功\");\r\n // setTimeout(function() {\r\n client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)}))\r\n // }, 1000);\r\n\r\n } else {\r\n console.log('消息订阅失败！')\r\n }\r\n\r\n });\r\n client.on(\"message\", (topic, message) => {\r\n //数据分类\r\n try {\r\n // this.receiveNews = this.receiveNews.concat(message);\r\n // this.realInfo(topic, this.receiveNews);\r\n this.realInfo(topic, message);\r\n } catch (error) {\r\n\r\n }\r\n });*/\r\n },\r\n //获取视频分析，交通分析状态数据\r\n getAnalysisStatus() {\r\n getVideoStatus(this.$route.query.id).then(res => {\r\n console.log('res.data', res.data);\r\n //视频分析状态\r\n if (res.data.data.videoAnalysisStatus == '未分析') {\r\n this.disabledTrafficAnalysis = true;\r\n this.videoUnityShow = true;\r\n this.analysisData();\r\n } else if (res.data.data.videoAnalysisStatus == '分析中') {\r\n this.disabledVideoAnalysis = true;\r\n this.videoUnityShow = false;\r\n setTimeout(() => {\r\n this.getAnalysisStatus();\r\n }, 5000);\r\n } else if (res.data.data.videoAnalysisStatus == '已分析') {\r\n this.videoUnityShow = true;\r\n this.videoAnalysisSta = res.data.data.videoAnalysisStatus;\r\n this.disabledTrafficAnalysis = false;\r\n this.analysisData();\r\n //交通分析状态\r\n } else if (res.data.data.trafficAnalysisStatus == '未分析') {\r\n this.disabledVideoAnalysis = true;\r\n } else if (res.data.data.trafficAnalysisStatus == '分析中') {\r\n this.disabledVideoAnalysis = true;\r\n this.disabledTrafficAnalysis = true;\r\n } else if (res.data.data.videoAnalysisStatus == '已分析' || res.data.data.trafficAnalysisStatus == '已分析') {\r\n this.disabledVideoAnalysis = false;\r\n this.disabledTrafficAnalysis = true;\r\n }\r\n });\r\n },\r\n //分析视频按钮\r\n videoAnalysisBtn() {\r\n startVideoAnalysis(this.$route.query.id).then(res => {\r\n //\r\n if (res.data.msg == '请求成功') {\r\n this.$message({\r\n message: '启动成功',\r\n type: 'success'\r\n });\r\n setTimeout(() => {\r\n this.getAnalysisStatus();\r\n }, 5000);\r\n // if(this.videoAnalysisSta=='已分析'){\r\n\r\n // }else if(this.videoAnalysisSta=='分析中'){\r\n // this.description = '正在分析中'\r\n // setTimeout(() => {\r\n // this.getAnalysisStatus()\r\n // }, 5000);\r\n // }else if(this.videoAnalysisSta=='未分析'){\r\n // }\r\n }\r\n });\r\n },\r\n //交通分析\r\n trafficAnalysisBtn() {\r\n startTrafficAnalysis(this.$route.query.id).then(res => {\r\n //\r\n console.log('res.data', res.data.data);\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 document.getElementById('mapModule').contentWindow.addColor();\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 analysisData() {\r\n getAnalysisData(this.$route.query.id).then(res => {\r\n console.log('res.data.data', res.data.data);\r\n this.analysis.trafficAnalysisPath1 = res.data.data.trafficAnalysisPath1;\r\n this.analysis.trafficAnalysisPath2 = res.data.data.trafficAnalysisPath2;\r\n this.analysis.videoAnalysisPath = res.data.data.videoAnalysisPath;\r\n this.analysis.videoName = res.data.data.videoName;\r\n this.analysis.videoPath = res.data.data.videoPath;\r\n this.analysis.videoTotalFrames = res.data.data.videoTotalFrames;\r\n this.analysis.videoType = this.$route.query.type;\r\n });\r\n },\r\n //停止订阅mqtt\r\n disConnect() {\r\n /*if (client != null) {\r\n client.unsubscribe(this.topicSends);\r\n client = null;\r\n }*/\r\n },\r\n /** 实时数据分类 */\r\n realInfo(topic, message) {\r\n switch (topic) {\r\n // 接收托片\r\n case 'img' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n // console.log(\"msg\",msg)\r\n // document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\r\n\r\n if (msg.rate == 'high') {\r\n document.getElementById('mapModule').contentWindow.getDestination(JSON.stringify(msg));\r\n } else {\r\n this.analysisConfigurationdata = msg;\r\n }\r\n } catch (error) { }\r\n break;\r\n // 树结构\r\n case 'stream' + this.number:\r\n try {\r\n const utf8decoder1 = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder1.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp);\r\n // console.log(\"msg\",msg)\r\n document.getElementById('mapModule').contentWindow.getData(JSON.stringify(msg));\r\n } catch (error) { }\r\n break;\r\n // 控制台输出\r\n case 'trajectory' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp);\r\n // console.log(\"msg\",msg)\r\n document.getElementById('mapModule').contentWindow.getGuiJi(JSON.stringify(msg));\r\n } catch (error) { }\r\n break;\r\n // 触发\r\n case 'detection' + this.number:\r\n try {\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n // console.log(\"msgN\",msgN)\r\n this.triggerData = msgN;\r\n if (temp.length != 0) {\r\n for (let i = 0; i < msgN.length; i++) {\r\n detId.push(msgN[i].det_id);\r\n }\r\n document.getElementById('mapModule').contentWindow.getChuFa(JSON.stringify(detId));\r\n }\r\n } catch (error) { }\r\n break;\r\n case 'trigger-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n // console.log(\"trigger_msgN\",msgN)\r\n this.triggerListData = msgN;\r\n } catch (error) { }\r\n break;\r\n case 'cycle_time-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n this.cycleTimeData = msgN;\r\n } catch (error) { }\r\n break;\r\n case 'cycle_statistics-' + this.$route.query.id:\r\n try {\r\n // console.log(\"trigger_msgN\",message)\r\n const utf8decoder = new TextDecoder();\r\n const u8arr = new Uint8Array(message);\r\n const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n var detId = [];\r\n const msgN = JSON.parse(temp);\r\n this.cycleStatisticsData = msgN;\r\n } catch (error) { }\r\n break;\r\n }\r\n this.receiveNews = '';\r\n },\r\n // handleClick(tab, event) {\r\n // console.log(tab, event);\r\n // },\r\n changeCompany(val) {\r\n console.log('val', val);\r\n if (val == '小时') {\r\n this.max = '24';\r\n } else {\r\n this.max = '100';\r\n }\r\n },\r\n //初始化unity\r\n OnSceneN() {\r\n var ip = window.location.host;\r\n this.ipData = 'http://' + ip.split(':')[0] + ':5000';\r\n // document.getElementById('mapModule').contentWindow.getIpData(this.ipData);\r\n document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');\r\n if (this.$route.query.type == '离线视频') {\r\n document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));\r\n }\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postVideoId(JSON.stringify(this.$route.query.id + ',' + this.$route.query.type));\r\n },\r\n //删除图形成功获取数据\r\n delSuccess() {\r\n if (this.$route.query.type == '离线视频') {\r\n this.$message({\r\n type: 'warning',\r\n message: '请点击交通分析，获取最新数据！',\r\n showClose: true,\r\n duration: 0\r\n });\r\n }\r\n },\r\n // //新增组件根据组件id获取单个组件数据\r\n getSingleComponentIdN(id, type, name) {\r\n console.log('id', id);\r\n console.log('type', type);\r\n console.log('name', name);\r\n this.componentId = id;\r\n this.componentForm.componentType = type;\r\n this.componentTitle = type;\r\n getComponentData({ AnalogAreaComponentId: id }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n console.log('res', res.data.data);\r\n this.component = true;\r\n if (res.data.data.company != '') {\r\n this.componentForm.company = res.data.data.company;\r\n }\r\n // this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n this.componentForm.componentName = res.data.data.componentName;\r\n if (res.data.data.timeMode != '') {\r\n this.componentForm.timeMode = res.data.data.timeMode;\r\n } else {\r\n console.log('this.componentForm.timeMode', this.componentForm.timeMode);\r\n console.log('this.componentForm.componentType', this.componentForm.componentType);\r\n if (this.componentForm.componentType == '延误' || this.componentForm.componentType == '拥堵') {\r\n console.log('this.componentForm.timeMode', this.componentForm.timeMode);\r\n this.componentForm.timeMode = '周期统计';\r\n } else {\r\n this.componentForm.timeMode = '触发';\r\n }\r\n }\r\n this.componentForm.componentParameterId = res.data.data.componentParameterId;\r\n this.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\r\n this.componentForm.startSectionIds = res.data.data.startSectionIds;\r\n // this.componentForm.FlowType = res.data.data.flowType;\r\n this.componentForm.startSectionNames = res.data.data.startSectionNames;\r\n this.componentForm.endSectionIds = res.data.data.endSectionIds;\r\n this.componentForm.endSectionNames = res.data.data.endSectionNames;\r\n this.componentForm.company = res.data.data.company;\r\n this.componentForm.endValue = res.data.data.endValue;\r\n this.componentForm.startValue = res.data.data.startValue;\r\n this.componentForm.presentationForm = res.data.data.presentationForm;\r\n this.getAllSectionalData(this.$route.query.id);\r\n // this.componentForm.typeFiltering = res.data.data.typeFiltering\r\n // this.componentForm.type = res.data.data.type\r\n if (res.data.data.startSectionIds != '') {\r\n console.log('startSectionIds', res.data.data.startSectionIds);\r\n var startSectionIdArr = [];\r\n var startSectionArr = [];\r\n startSectionIdArr = res.data.data.startSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('startSectionIdArr', startSectionIdArr);\r\n startSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n startSectionArr.push(items.graphicName);\r\n this.componentForm.startSection = startSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (res.data.data.endSectionIds != '') {\r\n console.log('endSectionIds', res.data.data.endSectionIds);\r\n var endSectionIdArr = [];\r\n var endSectionArr = [];\r\n endSectionIdArr = res.data.data.endSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('endSectionIdArr', endSectionIdArr);\r\n endSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n endSectionArr.push(items.graphicName);\r\n this.componentForm.endSection = endSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (this.componentForm.presentationForm != '') {\r\n var arr = [];\r\n arr = this.componentForm.presentationForm.split(',');\r\n this.componentForm.presentation = arr;\r\n } else if (this.componentForm.presentationForm == '') {\r\n this.componentForm.presentation = [];\r\n }\r\n if (res.data.data.type != '') {\r\n var arr = [];\r\n arr = res.data.data.type.split(',');\r\n this.componentForm.type = arr;\r\n } else {\r\n this.componentForm.type = ['机动车', '非机动车', '行人'];\r\n }\r\n console.log('this.componentForm', this.componentForm);\r\n }\r\n });\r\n },\r\n //修改模拟区组件、图形\r\n getSimulationAreaEdit(id, type, componentType, name, number) {\r\n console.log('number', number);\r\n this.numberNew = number;\r\n if (type == '图形') {\r\n this.form.id = id;\r\n this.form.name = name;\r\n this.form.type = componentType;\r\n this.startFigureName = name;\r\n if (this.form.type == '轨迹') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '区域') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '断面') {\r\n this.dialogFormVisible = true;\r\n }\r\n } else if (type == '组件') {\r\n this.componentId = id;\r\n this.componentForm.componentType = componentType;\r\n this.componentTitle = componentType;\r\n getComponentData({ AnalogAreaComponentId: id }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n console.log('res', res.data.data);\r\n this.component = true;\r\n if (res.data.data.company != '') {\r\n this.componentForm.company = res.data.data.company;\r\n }\r\n if (res.data.data.timeMode != '') {\r\n this.componentForm.timeMode = res.data.data.timeMode;\r\n } else {\r\n if (this.componentForm.componentType == '延误' || this.componentForm.componentType == '拥堵') {\r\n this.componentForm.timeMode = '周期统计';\r\n } else {\r\n this.componentForm.timeMode = '触发';\r\n }\r\n }\r\n this.componentForm.componentName = res.data.data.componentName;\r\n this.componentForm.componentParameterId = res.data.data.componentParameterId;\r\n this.componentForm.cycleInterval = parseInt(res.data.data.cycleInterval);\r\n this.componentForm.FlowType = res.data.data.flowType;\r\n this.componentForm.startSectionIds = res.data.data.startSectionIds;\r\n this.componentForm.startSectionNames = res.data.data.startSectionNames;\r\n this.componentForm.endSectionIds = res.data.data.endSectionIds;\r\n this.componentForm.endSectionNames = res.data.data.endSectionNames;\r\n this.componentForm.endValue = res.data.data.endValue;\r\n this.componentForm.startValue = res.data.data.startValue;\r\n this.componentForm.presentationForm = res.data.data.presentationForm;\r\n // this.componentForm.type = res.data.data.type\r\n if (res.data.data.startSectionIds != '') {\r\n console.log('startSectionIds', res.data.data.startSectionIds);\r\n var startSectionIdArr = [];\r\n var startSectionArr = [];\r\n startSectionIdArr = res.data.data.startSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('startSectionIdArr', startSectionIdArr);\r\n startSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n startSectionArr.push(items.graphicName);\r\n this.componentForm.startSection = startSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (res.data.data.endSectionIds != '') {\r\n console.log('endSectionIds', res.data.data.endSectionIds);\r\n var endSectionIdArr = [];\r\n var endSectionArr = [];\r\n endSectionIdArr = res.data.data.endSectionIds.split(',');\r\n console.log('this.sectionals', this.sectionals);\r\n console.log('endSectionIdArr', endSectionIdArr);\r\n endSectionIdArr.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicId) {\r\n endSectionArr.push(items.graphicName);\r\n this.componentForm.endSection = endSectionArr;\r\n }\r\n });\r\n });\r\n }\r\n if (this.componentForm.presentationForm != '') {\r\n var arr = [];\r\n arr = this.componentForm.presentationForm.split(',');\r\n this.componentForm.presentation = arr;\r\n } else if (this.componentForm.presentationForm == '') {\r\n this.componentForm.presentation = [];\r\n }\r\n if (res.data.data.type != '') {\r\n var arr = [];\r\n arr = res.data.data.type.split(',');\r\n this.componentForm.type = arr;\r\n } else {\r\n // this.componentForm.type = ['机动车', '非机动车', '行人'];\r\n }\r\n }\r\n });\r\n }\r\n },\r\n //获取所有断面数据\r\n getAllSectionalData(VideoId) {\r\n getSectionalData({ VideoId: VideoId }).then(res => {\r\n console.log('res', res);\r\n if (res.data.code == 200) {\r\n this.sectionals = res.data.data;\r\n }\r\n });\r\n },\r\n figureType(type) {\r\n if (type == 'Move') {\r\n type = '轨迹';\r\n } else if (type == 'Poly') {\r\n type = '区域';\r\n } else if (type == 'Line') {\r\n type = '断面';\r\n }\r\n return type;\r\n },\r\n getFigureD(item, index, indexNew) {\r\n console.log('图形类型', item);\r\n console.log('初始图形名称', index);\r\n this.startFigureName = index;\r\n console.log('图形位置', indexNew);\r\n this.dialogFormVisible = true;\r\n this.form.name = index;\r\n this.form.type = this.figureType(item);\r\n this.form.coordinate = indexNew;\r\n this.form.id = '';\r\n this.title = this.figureType(item);\r\n },\r\n //双击图形修改图形名称弹框\r\n getModifyTheNameN(data, number) {\r\n console.log('data', data);\r\n console.log('number', number);\r\n this.numberNew = number;\r\n var arr = [];\r\n arr = data.split(',');\r\n console.log('arr', arr);\r\n this.form.id = arr[0];\r\n this.form.name = arr[1];\r\n this.form.type = arr[2];\r\n this.startFigureName = arr[1];\r\n if (this.form.type == '轨迹') {\r\n // this.open2()\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '区域') {\r\n this.dialogFormVisible = true;\r\n } else if (this.form.type == '断面') {\r\n this.dialogFormVisible = true;\r\n }\r\n },\r\n //新增、编辑图形确认按钮\r\n onSubmit(form) {\r\n console.log('form', form);\r\n //新增\r\n if (form.id == '') {\r\n let formData = new FormData();\r\n if (form.type == '断面') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n formData.append('Direction', form.Direction);\r\n } else if (form.type == '区域') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n // formData.append(\"Direction\",form.Direction);\r\n // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n } else {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Coordinate', form.coordinate);\r\n formData.append('VideoId', this.VideoId);\r\n // formData.append(\"Direction\",form.Direction);\r\n }\r\n\r\n axios({\r\n method: 'post',\r\n url: serverUrl.addFigure,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // setTimeout(() => {\r\n // this.$message({\r\n // type: \"warning\",\r\n // message: \"请点击交通分析，获取最新数据！\",\r\n // showClose: true,\r\n // duration:0,\r\n // });\r\n // }, 3000);\r\n\r\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postFigureName(\r\n JSON.stringify(res.data.data + ',' + form.name + ',' + this.startFigureName + ',' + this.numberNew)\r\n );\r\n\r\n this.dialogFormVisible = false;\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 } else {\r\n //编辑\r\n let formData = new FormData();\r\n if (form.type == '断面') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Direction', form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n } else if (form.type == '区域') {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n formData.append('Direction', form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n formData.append('StoppingSpeed', form.StoppingSpeed);\r\n } else {\r\n formData.append('GraphicName', form.name);\r\n formData.append('GraphicType', form.type);\r\n // formData.append(\"Direction\",form.Direction);\r\n formData.append('GraphicId', form.id);\r\n formData.append('VideoId', this.VideoId);\r\n }\r\n axios({\r\n method: 'post',\r\n url: serverUrl.editFigure,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // setTimeout(() => {\r\n // this.$message({\r\n // type: 'warning',\r\n // message: '请点击交通分析，获取最新数据！',\r\n // showClose: true,\r\n // duration: 0\r\n // });\r\n // }, 5000);\r\n console.log('startFigureName', this.startFigureName);\r\n document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));\r\n console.log('this.numberNew', this.numberNew);\r\n document\r\n .getElementById('mapModule')\r\n .contentWindow.postFigureName(\r\n JSON.stringify(form.id + ',' + form.name + ',' + this.startFigureName + ',' + this.numberNew)\r\n );\r\n this.dialogFormVisible = false;\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 onSubmitComponent(componentForm) {\r\n this.component = false;\r\n let formData = new FormData();\r\n if (componentForm.componentType == 'OD') {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('startSectionIds', componentForm.startSectionIds);\r\n formData.append('startSectionNames', componentForm.startSectionNames);\r\n formData.append('endSectionIds', componentForm.endSectionIds);\r\n formData.append('endSectionNames', componentForm.endSectionNames);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n\r\n formData.append('presentationForm', '矩阵图');\r\n } else if (componentForm.componentType == '类型') {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n formData.append('presentationForm', componentForm.presentationForm);\r\n formData.append('type', componentForm.type);\r\n } else {\r\n //名称\r\n formData.append('componentName', componentForm.componentName);\r\n //单位\r\n formData.append('company', componentForm.company);\r\n //id\r\n formData.append('componentParameterId', componentForm.componentParameterId);\r\n formData.append('cycleInterval', componentForm.cycleInterval);\r\n formData.append('endValue', componentForm.endValue);\r\n formData.append('startValue', componentForm.startValue);\r\n formData.append('timeMode', componentForm.timeMode);\r\n formData.append('presentationForm', componentForm.presentationForm);\r\n formData.append('flowType', componentForm.FlowType);\r\n }\r\n axios({\r\n method: 'post',\r\n url: serverUrl.editComponent,\r\n data: formData\r\n }).then(res => {\r\n console.log('res', res);\r\n\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 // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n document.getElementById('mapModule').contentWindow.editComponent(this.componentId + ',' + componentForm.componentName);\r\n this.dialogFormVisible = false;\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 closeComponent(componentForm) {\r\n this.component = false;\r\n this.componentForm = {\r\n //单位\r\n company: '',\r\n componentName: '',\r\n componentParameterId: '01888e05fac246b29e3a19a27c3d2ab0',\r\n //周期间隔\r\n cycleInterval: '',\r\n startSectionIds: '',\r\n startSectionNames: '',\r\n endSectionIds: '',\r\n endSectionNames: '',\r\n endValue: '',\r\n //展现形式\r\n presentationForm: '',\r\n presentation: [],\r\n startValue: '',\r\n timeMode: '',\r\n type: [],\r\n startSection: [],\r\n endSection: [],\r\n componentType: '',\r\n typeFiltering: '',\r\n typeData: []\r\n };\r\n document.getElementById('mapModule').contentWindow.editComponent('');\r\n },\r\n //新增、编辑图形取消按钮\r\n closeFigure(form) {\r\n console.log('form', form);\r\n if (form.id != '') {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\r\n } else {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.delFigure();\r\n }\r\n },\r\n closeComponentForm() {\r\n console.log(\"111\")\r\n this.component = false;\r\n\r\n document.getElementById('mapModule').contentWindow.editComponent('');\r\n },\r\n closeForm(form) {\r\n if (this.form.id != '') {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\r\n } else {\r\n this.dialogFormVisible = false;\r\n document.getElementById('mapModule').contentWindow.delFigure();\r\n }\r\n },\r\n //改变起点\r\n handleCheckedStartSection(value) {\r\n console.log('改变起点', value);\r\n var startSectionIdArr = [];\r\n var startSectionNameArr = [];\r\n value.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicName) {\r\n startSectionIdArr.push(items.graphicId);\r\n startSectionNameArr.push(items.graphicName);\r\n let newStartSectionId = startSectionIdArr.join(',');\r\n let newStartSectionName = startSectionNameArr.join(',');\r\n this.componentForm.startSectionIds = newStartSectionId;\r\n this.componentForm.startSectionNames = newStartSectionName;\r\n }\r\n });\r\n });\r\n },\r\n //改变终点\r\n handleCheckedendSection(value) {\r\n console.log('改变终点', value);\r\n var endSectionIdArr = [];\r\n var endSectionNameArr = [];\r\n value.forEach(item => {\r\n this.sectionals.forEach(items => {\r\n if (item == items.graphicName) {\r\n endSectionIdArr.push(items.graphicId);\r\n endSectionNameArr.push(items.graphicName);\r\n let newendSectionId = endSectionIdArr.join(',');\r\n let newEndSectionName = endSectionNameArr.join(',');\r\n console.log('newendSectionId', newendSectionId);\r\n console.log('newEndSectionName', newEndSectionName);\r\n this.componentForm.endSectionIds = newendSectionId;\r\n this.componentForm.endSectionNames = newEndSectionName;\r\n }\r\n });\r\n });\r\n },\r\n //修改展现形式\r\n handlePresentation(value) {\r\n console.log('展现形式', value);\r\n let presentation = value.join(',');\r\n this.componentForm.presentationForm = presentation;\r\n console.log('this.componentForm.presentationForm', this.componentForm.presentationForm);\r\n },\r\n //类型数据\r\n handleTypeData(value) {\r\n console.log('类型数据', value);\r\n let type = value.join(',');\r\n this.componentForm.typeData = type;\r\n },\r\n //模型加载等待\r\n loadingShow(data) {\r\n this.loadingShow1 = data;\r\n },\r\n\r\n handleSearch() {\r\n this.modelOthers = true;\r\n this.$refs.htModels.finbBox(this.inputVal);\r\n console.log(this.$refs.htModels, 'asdasdasd');\r\n this.inputVal = '';\r\n },\r\n handleRow(val) {\r\n this.modelOthers = true;\r\n this.$refs.htModels.finbBox(val);\r\n },\r\n // 天气\r\n handleWather() {\r\n axios({\r\n url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\r\n methods: ''\r\n }).then(res => {\r\n this.weatherItem = res.data.lives[0];\r\n console.log(this.weatherItem, 'asdsads');\r\n });\r\n }\r\n },\r\n components: {\r\n editModal,\r\n analysisConfiguration,\r\n dataBoard\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n display: none;\r\n /* Chrome Safari */\r\n}\r\n\r\n.new-dialog {\r\n width: 49%;\r\n height: 11%;\r\n left: calc(24vw);\r\n top: 90vh;\r\n bottom: 0\r\n /* right:auto;; */\r\n ;\r\n}\r\n\r\n.formBox {\r\n margin-top: 20px;\r\n margin-left: 20px;\r\n}\r\n\r\n/* .new-dialog .el-dialog {\r\n width:100%!important;\r\n margin: 0vh auto !important;\r\n margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n width: 100% !important;\r\n margin: 0 auto 0px !important;\r\n /* margin-top: 0vh!important; */\r\n}\r\n\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n display: none;\r\n /* Chrome Safari */\r\n}\r\n\r\n.new-dialog .customWidth {\r\n width: 100%;\r\n min-width: 150px;\r\n}\r\n\r\n.mapModuleApp {\r\n /* width:100%; */\r\n width: 1600px;\r\n height: 900px;\r\n display: inline-block;\r\n border: 1px soild #eee;\r\n}\r\n\r\n.el-drawer.btt,\r\n.el-drawer.ttb {\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n height: 100% !important;\r\n}\r\n\r\n.el-drawer__container {\r\n position: relative;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.videoAnalysis {\r\n position: absolute;\r\n right: 200px;\r\n top: 17px;\r\n}\r\n\r\n.trafficAnalysis {\r\n position: absolute;\r\n right: 100px;\r\n top: 17px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json b/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
index c66a18f0..01fd3733 100644
--- a/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
+++ b/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1677226721851},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 OD from \"../../components/target/OD.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n components: {\n typeChart: typeChart,\n OD: OD\n },\n props: {\n activeName: {\n type: String\n },\n triggerData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 触发数据\n triggerListData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 周期时刻数据\n cycleTimeData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n //周期统计\n cycleStatistics: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n acticveName: [],\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false,\n idVal: '',\n //组件数组\n componentList: [],\n // 触发数据数组\n triggerList: [],\n sectionData: [],\n // 单个区域或者断面的表格触发数据\n tableList: [],\n // 路线数据\n headWay: [],\n tripData: [],\n sectionArr: [],\n //触发的类型数值看板显示\n typeTimeMode: {},\n // 周期时刻的数值看板展示\n typeCycleTimeData: {},\n typeCycleStatistics: {},\n // 各个组件分类\n classify: []\n };\n },\n // beforeCeated(){\n // },\n created: function created() {// this.getNew()\n },\n methods: {\n getNew: function getNew() {\n var _this2 = this;\n\n // this.idVal = ;\n getComponentSection({\n VideoId: this.$route.query.id\n }).then(function (res) {\n if (res.data.code == 200) {\n console.log(res.data.data, '组件的数据');\n _this2.componentList = res.data.data;\n\n _this2.siftData();\n }\n });\n },\n siftData: function siftData() {\n var _this3 = this;\n\n this.sectionArr = [];\n this.sectionData = [];\n this.classify = [];\n this.componentList.forEach(function (val) {\n _this3.sectionArr.push(val.combinationName);\n\n _this3.sectionArr = Array.from(new Set(_this3.sectionArr));\n });\n this.sectionData = this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n _this3.acticveName = [];\n\n _this3.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n _this3.classify.push(val);\n\n item.children.push(val);\n }\n\n _this3.acticveName.push(val.analogAreaComponentId);\n });\n\n return item;\n });\n },\n // 组件图标点击下拉事件\n sectionHandle: function sectionHandle(i) {\n var sections = document.querySelectorAll('.section');\n var sectionBox = document.querySelectorAll('.sectionBox');\n var downPulls1 = document.querySelectorAll('.downPull1'); // 断面的小图标\n\n downPulls1[i].dataset.num++;\n\n if (downPulls1[i].dataset.num % 2 == 0) {\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;'; // sections[i].style.height = 'auto';\n\n if (sectionBox[i] != undefined) {// sectionBox[i].style.height = 'auto';\n }\n } else {\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;'; // sections[i].style.height = '500px';\n\n if (sectionBox[i] != undefined) {}\n }\n },\n channge: function channge(oldVal, newVal) {\n console.log(\"old\", oldVal);\n console.log(\"newVal\", newVal);\n\n if (oldVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n } else if (newVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n }\n } // 触发数据的类型数值\n\n },\n mounted: function mounted() {},\n watch: {\n // acticveName: {\n // handler(newVal) {\n // if (newVal != 'second') {\n // // 组件数据赋空\n // this.classify = []\n // }\n // }\n // },\n // 触发的原始数据\n triggerData: {\n handler: function handler(newVal, oldVal) {},\n immediate: true\n },\n // activeName:'channge',\n // 处理过的触发数据\n triggerListData: {\n handler: function handler(newVal) {\n this.triggerList = newVal; // 触发数据\n\n var _this = this;\n\n if (newVal.length != 0 && _this.sectionData) {\n _this.classify.forEach(function (ele, index) {\n if (ele.trigger == undefined && ele.timeMode == '触发') {\n ele.trigger = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\n if (ele.trigger.length == 10) {\n ele.trigger.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0]; // 该时间的触发数据\n\n if (item.type_data != null) {\n _this.typeTimeMode = item;\n }\n\n ele.trigger.unshift(item);\n\n _this.$nextTick(function () {\n for (var i = 0; i < _this.$refs.typeChartRef.length; i++) {\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n var _item = _this.$refs.typeChartRef[i];\n\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0]);\n\n if (_item.componentName.split('_')[0] == \"类型\") {\n if (_item.echartArr.includes('直方图')) {\n // 数据改变重新渲染柱状图\n _item.$refs.barChartRef.drawBar(_item.dataArr[0]);\n }\n\n if (_item.echartArr.includes('饼状图')) {\n // 数据改变重新渲染饼图\n _item.$refs.pieChartRef.drawPie(_item.dataArr[0]);\n }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n // 周期时刻的数据\n cycleTimeData: {\n handler: function handler(newVal) {\n // 监听到打印周期时刻数据\n console.log(newVal, '周期时刻数据');\n var that = this;\n\n if (newVal.length != 0 && this.sectionData) {\n that.classify.forEach(function (ele, index) {\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\n ele.cycleTimeData = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\n if (ele.cycleTimeData.length == 10) {\n ele.cycleTimeData.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n // 周期时刻的类型数据\n that.typeCycleTimeData = item;\n }\n\n ele.cycleTimeData.unshift(item);\n that.$nextTick(function () {\n // 轮循周期时刻生成的各类组件\n for (var i = 0; i < that.$refs.typeChartRef1.length; i++) {\n item = that.$refs.typeChartRef1[i];\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0]);\n\n if (item.componentName.split('_')[0] == \"类型\") {\n if (item.echartArr.includes('直方图')) {\n // 数据改变重新渲染柱状图\n item.$refs.barChartRef.drawBar(item.dataArr[0]);\n }\n\n if (item.echartArr.includes('饼状图')) {\n // 数据改变重新渲染饼图\n item.$refs.pieChartRef.drawPie(item.dataArr[0]);\n }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n cycleStatistics: {\n handler: function handler(newVal) {\n var _this4 = this;\n\n console.log(newVal, '周期统计数据');\n\n if (newVal.length != 0 && this.sectionData) {\n this.componentList.forEach(function (ele) {\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\n ele.cycleStatistics = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\n if (ele.cycleStatistics.length == 10) {\n ele.cycleStatistics.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n _this4.typeCycleStatistics = item;\n }\n\n ele.cycleStatistics.unshift(item);\n\n for (var i = 0; i < _this4.$refs.typeChartRef2.length; i++) {\n item = that.$refs.typeChartRef2[i]; // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n\n _this4.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_this4.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0]);\n\n if (item.componentName.split('_')[0] == \"类型\") {\n if (item.echartArr.includes('直方图')) {\n // 数据改变重新渲染柱状图\n item.$refs.barChartRef.drawBar(item.dataArr[0]);\n }\n\n if (item.echartArr.includes('饼状图')) {\n // 数据改变重新渲染饼图\n item.$refs.pieChartRef.drawPie(item.dataArr[0]);\n }\n }\n }\n }\n }\n });\n });\n }\n }\n } // activeName: {\n // handler(newVal) {\n // if (newVal == \"second\") {\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\n // if (res.data.code == 200) {\n // this.componentList = res.data.data;\n // this.siftData();\n // } else if (res.data.code == 404) {\n // }\n // });\n // }\n // },\n // immediate: true\n // }\n\n }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"sectionData.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length <= 2 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <!-- <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span> -->\r\n </div>\r\n <el-tabs>\r\n <el-collapse v-model=\"acticveName\">\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n <el-collapse-item :title=\"o.componentName\" :name=\"o.analogAreaComponentId\">\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\"\r\n triggerType=\"触发\" :componentName=\"o.componentName\"\r\n :echartArr=\"o.presentationForm\" :dataArr=\"o.trigger\"\r\n :title=\"o.componentName.split('_')[0]\" :chartName=\"o.combinationName\" />\r\n <!--触发的组件 -->\r\n <typeChart ref=\"typeChartRef\" v-if=\"o.timeMode === '触发'\"\r\n :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.trigger\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\" :typeValue=\"typeTimeMode\" />\r\n <typeChart ref=\"typeChartRef1\" v-if=\"o.timeMode === '周期时刻'\"\r\n :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.cycleTimeData\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\" :typeValue=\"typeCycleTimeData\" />\r\n <!-- 周期统计的组件 -->\r\n <typeChart ref=\"typeChartRef2\" style=\"width: 100%;\"\r\n v-if=\"o.timeMode === '周期统计'\" :pageType=\"o.graphicType\"\r\n :triggerType=\"o.timeMode\" :componentName=\"o.componentName\"\r\n :dataArr=\"o.cycleStatistics\" :echartArr=\"o.presentationForm\"\r\n :title=\"o.componentName.split('_')[0]\" :chartName=\"o.combinationName\"\r\n :typeValue=\"typeCycleStatistics\" />\r\n </el-collapse-item>\r\n </div>\r\n </el-collapse>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n //周期统计\r\n cycleStatistics: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n acticveName: [],\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n tripData: [],\r\n\r\n sectionArr: [],\r\n\r\n //触发的类型数值看板显示\r\n typeTimeMode: {},\r\n // 周期时刻的数值看板展示\r\n typeCycleTimeData: {},\r\n typeCycleStatistics: {},\r\n\r\n // 各个组件分类\r\n classify: []\r\n };\r\n },\r\n // beforeCeated(){\r\n\r\n // },\r\n created() {\r\n // this.getNew()\r\n },\r\n methods: {\r\n getNew() {\r\n // this.idVal = ;\r\n getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '组件的数据');\r\n this.componentList = res.data.data;\r\n this.siftData();\r\n }\r\n });\r\n },\r\n siftData() {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.classify = []\r\n this.componentList.forEach(val => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map(item => {\r\n item = { title: item, children: [] };\r\n this.acticveName = [];\r\n this.componentList.forEach(val => {\r\n if (item.title == val.combinationName) {\r\n this.classify.push(val)\r\n item.children.push(val);\r\n }\r\n this.acticveName.push(val.analogAreaComponentId);\r\n });\r\n return item;\r\n });\r\n\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n // sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n // sectionBox[i].style.height = 'auto';\r\n }\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n // sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n\r\n }\r\n }\r\n },\r\n channge(oldVal, newVal) {\r\n console.log(\"old\", oldVal)\r\n console.log(\"newVal\", newVal)\r\n if (oldVal == 'second') {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.getNew()\r\n } else if (newVal == 'second') {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.getNew()\r\n }\r\n }\r\n\r\n // 触发数据的类型数值\r\n },\r\n mounted() { },\r\n watch: {\r\n // acticveName: {\r\n // handler(newVal) {\r\n // if (newVal != 'second') {\r\n // // 组件数据赋空\r\n // this.classify = []\r\n // }\r\n // }\r\n\r\n // },\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) { },\r\n immediate: true\r\n },\r\n // activeName:'channge',\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal;\r\n // 触发数据\r\n var _this = this\r\n if (newVal.length != 0 && _this.sectionData) {\r\n _this.classify.forEach((ele, index) => {\r\n\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = [];\r\n }\r\n newVal.forEach((item) => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n // 该时间的触发数据\r\n if (item.type_data != null) {\r\n _this.typeTimeMode = item\r\n }\r\n ele.trigger.unshift(item);\r\n _this.$nextTick(() => {\r\n\r\n for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n let item = _this.$refs.typeChartRef[i]\r\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0])\r\n if (item.componentName.split('_')[0] == \"类型\") {\r\n if(item.echartArr.includes('直方图')){\r\n // 数据改变重新渲染柱状图\r\n item.$refs.barChartRef.drawBar(item.dataArr[0]) \r\n }\r\n if(item.echartArr.includes('饼状图')){\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n \r\n }\r\n }\r\n\r\n\r\n\r\n })\r\n }\r\n }\r\n\r\n });\r\n });\r\n\r\n\r\n }\r\n },\r\n immediate: true\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '周期时刻数据');\r\n var that = this\r\n if (newVal.length != 0 && this.sectionData) {\r\n that.classify.forEach((ele, index) => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = [];\r\n }\r\n newVal.forEach(item => {\r\n if (\r\n ele.analogAreaComponentId == item.component_id &&\r\n ele.timeMode == '周期时刻'\r\n ) {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n // 周期时刻的类型数据\r\n that.typeCycleTimeData = item;\r\n }\r\n ele.cycleTimeData.unshift(item);\r\n that.$nextTick(() => {\r\n // 轮循周期时刻生成的各类组件\r\n for (let i = 0; i < that.$refs.typeChartRef1.length; i++) {\r\n item = that.$refs.typeChartRef1[i]\r\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0])\r\n if (item.componentName.split('_')[0] == \"类型\") {\r\n if (item.echartArr.includes('直方图')){\r\n // 数据改变重新渲染柱状图\r\n item.$refs.barChartRef.drawBar(item.dataArr[0]) \r\n }\r\n if (item.echartArr.includes('饼状图')){\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n \r\n }\r\n }\r\n })\r\n }\r\n }\r\n });\r\n });\r\n }\r\n },\r\n immediate: true\r\n },\r\n cycleStatistics: {\r\n handler(newVal) {\r\n console.log(newVal, '周期统计数据');\r\n if (newVal.length != 0 && this.sectionData) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\r\n ele.cycleStatistics = [];\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\r\n if (ele.cycleStatistics.length == 10) {\r\n ele.cycleStatistics.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n this.typeCycleStatistics = item;\r\n }\r\n ele.cycleStatistics.unshift(item);\r\n for (let i = 0; i < this.$refs.typeChartRef2.length; i++) {\r\n item = that.$refs.typeChartRef2[i]\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])\r\n if (item.componentName.split('_')[0] == \"类型\") {\r\n if (item.echartArr.includes('直方图')) {\r\n // 数据改变重新渲染柱状图\r\n item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n }\r\n if (item.echartArr.includes('饼状图')) {\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n }\r\n // activeName: {\r\n // handler(newVal) {\r\n // if (newVal == \"second\") {\r\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n // if (res.data.code == 200) {\r\n // this.componentList = res.data.data;\r\n // this.siftData();\r\n // } else if (res.data.code == 404) {\r\n // }\r\n // });\r\n // }\r\n\r\n // },\r\n // immediate: true\r\n // }\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%;\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\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 height: auto;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: auto;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox:nth-child(1) {\r\n margin-bottom: 4vh;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1677376626813},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 OD from \"../../components/target/OD.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n components: {\n typeChart: typeChart,\n OD: OD\n },\n props: {\n activeName: {\n type: String\n },\n triggerData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 触发数据\n triggerListData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 周期时刻数据\n cycleTimeData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n //周期统计\n cycleStatistics: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n acticveName: [],\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false,\n idVal: '',\n //组件数组\n componentList: [],\n // 触发数据数组\n triggerList: [],\n sectionData: [],\n // 单个区域或者断面的表格触发数据\n tableList: [],\n // 路线数据\n headWay: [],\n tripData: [],\n sectionArr: [],\n //触发的类型数值看板显示\n typeTimeMode: {},\n // 周期时刻的数值看板展示\n typeCycleTimeData: {},\n typeCycleStatistics: {},\n // 各个组件分类\n classify: []\n };\n },\n // beforeCeated(){\n // },\n created: function created() {// this.getNew()\n },\n methods: {\n getNew: function getNew() {\n var _this2 = this;\n\n // this.idVal = ;\n getComponentSection({\n VideoId: this.$route.query.id\n }).then(function (res) {\n if (res.data.code == 200) {\n console.log(res.data.data, '组件的数据');\n _this2.componentList = res.data.data;\n\n _this2.siftData();\n }\n });\n },\n siftData: function siftData() {\n var _this3 = this;\n\n this.sectionArr = [];\n this.sectionData = [];\n this.classify = [];\n this.componentList.forEach(function (val) {\n _this3.sectionArr.push(val.combinationName);\n\n _this3.sectionArr = Array.from(new Set(_this3.sectionArr));\n });\n this.sectionData = this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n _this3.acticveName = [];\n\n _this3.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n _this3.classify.push(val);\n\n item.children.push(val);\n }\n\n _this3.acticveName.push([]);\n });\n\n return item;\n });\n },\n // 组件图标点击下拉事件\n sectionHandle: function sectionHandle(i) {\n var sections = document.querySelectorAll('.section');\n var sectionBox = document.querySelectorAll('.sectionBox');\n var downPulls1 = document.querySelectorAll('.downPull1'); // 断面的小图标\n\n downPulls1[i].dataset.num++;\n\n if (downPulls1[i].dataset.num % 2 == 0) {\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;'; // sections[i].style.height = 'auto';\n\n if (sectionBox[i] != undefined) {// sectionBox[i].style.height = 'auto';\n }\n } else {\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;'; // sections[i].style.height = '500px';\n\n if (sectionBox[i] != undefined) {}\n }\n },\n channge: function channge(oldVal, newVal) {\n console.log('old', oldVal);\n console.log('newVal', newVal);\n\n if (oldVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n } else if (newVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n }\n } // 触发数据的类型数值\n\n },\n mounted: function mounted() {},\n watch: {\n // acticveName: {\n // handler(newVal) {\n // if (newVal != 'second') {\n // // 组件数据赋空\n // this.classify = []\n // }\n // }\n // },\n // 触发的原始数据\n triggerData: {\n handler: function handler(newVal, oldVal) {},\n immediate: true\n },\n // activeName:'channge',\n // 处理过的触发数据\n triggerListData: {\n handler: function handler(newVal) {\n this.triggerList = newVal; // 触发数据\n\n console.log(newVal, '触发数据');\n\n var _this = this;\n\n if (newVal.length != 0 && _this.sectionData) {\n _this.classify.forEach(function (ele, index) {\n if (ele.trigger == undefined && ele.timeMode == '触发') {\n ele.trigger = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\n if (ele.trigger.length == 10) {\n ele.trigger.pop();\n } else {\n item.time = item.time.split('.')[0]; // 该时间的触发数据\n\n if (item.type_data != null) {\n _this.typeTimeMode = item;\n }\n\n ele.trigger.unshift(item);\n\n _this.$nextTick(function () {\n for (var i = 0; i < _this.$refs.typeChartRef.length; i++) {\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n var _item = _this.$refs.typeChartRef[i];\n\n if (_item.dataArr.length != 0) {\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0]);\n\n if (_item.echartArr.includes('直方图') && _item.componentName.split('_')[0]) {\n // 数据改变重新渲染柱状图\n _item.$refs.barChartRef.drawBar(_item.dataArr[0]);\n }\n\n if (_item.echartArr.includes('饼状图') && _item.componentName.split('_')[0]) {\n console.log(_item, '饼图组件'); // 数据改变重新渲染饼图\n\n _item.$refs.pieChartRef.drawPie(_item.dataArr[0]);\n }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n // 周期时刻的数据\n cycleTimeData: {\n handler: function handler(newVal) {\n // 监听到打印周期时刻数据\n console.log(newVal, '周期时刻数据');\n var that = this;\n\n if (newVal.length != 0 && this.sectionData) {\n that.classify.forEach(function (ele, index) {\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\n ele.cycleTimeData = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\n if (ele.cycleTimeData.length == 10) {\n ele.cycleTimeData.pop();\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n // 周期时刻的类型数据\n that.typeCycleTimeData = item;\n }\n\n ele.cycleTimeData.unshift(item);\n that.$nextTick(function () {\n // 轮循周期时刻生成的各类组件\n for (var i = 0; i < that.$refs.typeChartRef1.length; i++) {\n item = that.$refs.typeChartRef1[i];\n\n if (item.dataArr.length != 0) {\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0]); // if (item.$refs.barChartRef.drawBar) {\n // // 数据改变重新渲染柱状图\n // item.$refs.barChartRef.drawBar(item.dataArr[0])\n // } else if (item.$refs.pieChartRef.drawPie) {\n // // 数据改变重新渲染饼图\n // item.$refs.pieChartRef.drawPie(item.dataArr[0])\n // }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n cycleStatistics: {\n handler: function handler(newVal) {\n var _this4 = this;\n\n if (newVal.length != 0 && this.sectionData) {\n this.componentList.forEach(function (ele) {\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\n ele.cycleStatistics = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\n if (ele.cycleStatistics.length == 10) {\n ele.cycleStatistics.pop();\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n _this4.typeCycleStatistics = item;\n }\n\n ele.cycleStatistics.unshift(item);\n\n for (var i = 0; i < _this4.$refs.typeChartRef2.length; i++) {\n item = that.$refs.typeChartRef2[i]; // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n\n if (item.dataArr.length != 0) {\n _this4.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_this4.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0]);\n\n if (item.componentName.split('_')[0] == \"类型\") {\n // console.log(item,'组件数据');\n if (item.echartArr.includes('直方图')) {\n // 数据改变重新渲染柱状图\n console.log(item, '组件');\n item.$refs.barChartRef.drawBar(item.dataArr[0]);\n } else if (item.echartArr.includes('饼状图')) {\n // 数据改变重新渲染饼图\n item.$refs.pieChartRef.drawPie(item.dataArr[0]);\n }\n }\n }\n }\n }\n }\n });\n });\n }\n }\n } // activeName: {\n // handler(newVal) {\n // if (newVal == \"second\") {\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\n // if (res.data.code == 200) {\n // this.componentList = res.data.data;\n // this.siftData();\n // } else if (res.data.code == 404) {\n // }\n // });\n // }\n // },\n // immediate: true\n // }\n\n }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"sectionData.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div\r\n :class=\"sectionData.length <= 2 ? 'sectionBox' : 'section'\"\r\n ref=\"section\"\r\n v-for=\"(s, i) in sectionData\"\r\n :key=\"s.analogAreaComponentId\"\r\n >\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <!-- <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span> -->\r\n </div>\r\n <el-tabs>\r\n <el-collapse v-model=\"acticveName\">\r\n <div style=\"position:relative\" v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n <div class=\"titleGnag\"></div>\r\n <el-collapse-item :title=\"o.componentName + o.timeMode\" :name=\"o.analogAreaComponentId\">\r\n <OD\r\n v-if=\"o.componentName.includes('OD')\"\r\n :pageType=\"o.graphicType\"\r\n triggerType=\"触发\"\r\n :componentName=\"o.componentName\"\r\n :echartArr=\"o.presentationForm\"\r\n :dataArr=\"o.trigger\"\r\n :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\"\r\n />\r\n <!--触发的组件 -->\r\n <typeChart\r\n ref=\"typeChartRef\"\r\n v-if=\"o.timeMode === '触发'\"\r\n :pageType=\"o.graphicType\"\r\n :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\"\r\n :dataArr=\"o.trigger\"\r\n :echartArr=\"o.presentationForm\"\r\n :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\"\r\n :typeValue=\"typeTimeMode\"\r\n />\r\n <typeChart\r\n ref=\"typeChartRef1\"\r\n v-if=\"o.timeMode === '周期时刻'\"\r\n :pageType=\"o.graphicType\"\r\n :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\"\r\n :dataArr=\"o.cycleTimeData\"\r\n :echartArr=\"o.presentationForm\"\r\n :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\"\r\n :typeValue=\"typeCycleTimeData\"\r\n />\r\n <!-- 周期统计的组件 -->\r\n <typeChart\r\n ref=\"typeChartRef2\"\r\n style=\"width: 100%;\"\r\n v-if=\"o.timeMode === '周期统计'\"\r\n :pageType=\"o.graphicType\"\r\n :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\"\r\n :dataArr=\"o.cycleStatistics\"\r\n :echartArr=\"o.presentationForm\"\r\n :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\"\r\n :typeValue=\"typeCycleStatistics\"\r\n />\r\n </el-collapse-item>\r\n </div>\r\n </el-collapse>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n //周期统计\r\n cycleStatistics: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n acticveName: [],\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n tripData: [],\r\n\r\n sectionArr: [],\r\n\r\n //触发的类型数值看板显示\r\n typeTimeMode: {},\r\n // 周期时刻的数值看板展示\r\n typeCycleTimeData: {},\r\n typeCycleStatistics: {},\r\n\r\n // 各个组件分类\r\n classify: []\r\n };\r\n },\r\n // beforeCeated(){\r\n\r\n // },\r\n created() {\r\n // this.getNew()\r\n },\r\n methods: {\r\n getNew() {\r\n // this.idVal = ;\r\n getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '组件的数据');\r\n this.componentList = res.data.data;\r\n this.siftData();\r\n }\r\n });\r\n },\r\n siftData() {\r\n this.sectionArr = [];\r\n this.sectionData = [];\r\n this.classify = [];\r\n this.componentList.forEach(val => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map(item => {\r\n item = { title: item, children: [] };\r\n this.acticveName = [];\r\n this.componentList.forEach(val => {\r\n if (item.title == val.combinationName) {\r\n this.classify.push(val);\r\n item.children.push(val);\r\n }\r\n this.acticveName.push([]);\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n // sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n // sectionBox[i].style.height = 'auto';\r\n }\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n // sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n }\r\n }\r\n },\r\n channge(oldVal, newVal) {\r\n console.log('old', oldVal);\r\n console.log('newVal', newVal);\r\n if (oldVal == 'second') {\r\n this.sectionArr = [];\r\n this.sectionData = [];\r\n this.getNew();\r\n } else if (newVal == 'second') {\r\n this.sectionArr = [];\r\n this.sectionData = [];\r\n this.getNew();\r\n }\r\n }\r\n\r\n // 触发数据的类型数值\r\n },\r\n mounted() {},\r\n watch: {\r\n // acticveName: {\r\n // handler(newVal) {\r\n // if (newVal != 'second') {\r\n // // 组件数据赋空\r\n // this.classify = []\r\n // }\r\n // }\r\n\r\n // },\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {},\r\n immediate: true\r\n },\r\n // activeName:'channge',\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal;\r\n // 触发数据\r\n console.log(newVal, '触发数据');\r\n var _this = this\r\n if (newVal.length != 0 && _this.sectionData) {\r\n _this.classify.forEach((ele, index) => {\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = [];\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop();\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n // 该时间的触发数据\r\n if (item.type_data != null) {\r\n _this.typeTimeMode = item;\r\n }\r\n ele.trigger.unshift(item);\r\n _this.$nextTick(() => {\r\n for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n let item = _this.$refs.typeChartRef[i]\r\n if (item.dataArr.length != 0) {\r\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0])\r\n if (item.echartArr.includes('直方图') && item.componentName.split('_')[0]) {\r\n // 数据改变重新渲染柱状图\r\n item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n }\r\n if (item.echartArr.includes('饼状图') && item.componentName.split('_')[0]) {\r\n console.log(item, '饼图组件');\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n }\r\n }\r\n\r\n\r\n })\r\n }\r\n }\r\n });\r\n });\r\n }\r\n },\r\n immediate: true\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '周期时刻数据');\r\n var that = this;\r\n if (newVal.length != 0 && this.sectionData) {\r\n that.classify.forEach((ele, index) => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = [];\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.pop();\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n // 周期时刻的类型数据\r\n that.typeCycleTimeData = item;\r\n }\r\n ele.cycleTimeData.unshift(item);\r\n that.$nextTick(() => {\r\n // 轮循周期时刻生成的各类组件\r\n for (let i = 0; i < that.$refs.typeChartRef1.length; i++) {\r\n item = that.$refs.typeChartRef1[i]\r\n if (item.dataArr.length != 0) {\r\n\r\n\r\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0])\r\n // if (item.$refs.barChartRef.drawBar) {\r\n // // 数据改变重新渲染柱状图\r\n // item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n // } else if (item.$refs.pieChartRef.drawPie) {\r\n // // 数据改变重新渲染饼图\r\n // item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n // }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n });\r\n });\r\n }\r\n },\r\n immediate: true\r\n },\r\n cycleStatistics: {\r\n handler(newVal) {\r\n if (newVal.length != 0 && this.sectionData) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\r\n ele.cycleStatistics = [];\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\r\n if (ele.cycleStatistics.length == 10) {\r\n ele.cycleStatistics.pop();\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n this.typeCycleStatistics = item;\r\n }\r\n ele.cycleStatistics.unshift(item);\r\n for (let i = 0; i < this.$refs.typeChartRef2.length; i++) {\r\n item = that.$refs.typeChartRef2[i];\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n if (item.dataArr.length != 0) {\r\n this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])\r\n if (item.componentName.split('_')[0] == \"类型\") {\r\n // console.log(item,'组件数据');\r\n if (item.echartArr.includes('直方图')) {\r\n // 数据改变重新渲染柱状图\r\n console.log(item, '组件');\r\n item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n } else if (item.echartArr.includes('饼状图')) {\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n }\r\n // activeName: {\r\n // handler(newVal) {\r\n // if (newVal == \"second\") {\r\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n // if (res.data.code == 200) {\r\n // this.componentList = res.data.data;\r\n // this.siftData();\r\n // } else if (res.data.code == 404) {\r\n // }\r\n // });\r\n // }\r\n\r\n // },\r\n // immediate: true\r\n // }\r\n }\r\n};\r\n</script>\r\n\r\n<style>\r\n.titleGnag {\r\n width: 3px;\r\n height: 18px;\r\n display: inline-block;\r\n background-color: #3297ff;\r\n position: absolute;\r\n top: 14px;\r\n}\r\n.el-collapse-item__header {\r\n font-size: 15px;\r\n margin-left: 10px;\r\n}\r\n</style>\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%;\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\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 height: auto;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: auto;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox:nth-child(1) {\r\n margin-bottom: 4vh;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\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/cb5ef0e3bf9c65cd4548725a3d1af5c8.json b/node_modules/.cache/babel-loader/cb5ef0e3bf9c65cd4548725a3d1af5c8.json
index 2a71564f..3ec187ab 100644
--- a/node_modules/.cache/babel-loader/cb5ef0e3bf9c65cd4548725a3d1af5c8.json
+++ b/node_modules/.cache/babel-loader/cb5ef0e3bf9c65cd4548725a3d1af5c8.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\api\\index.js","mtime":1677026201395},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"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('api/GetShipjk', {\n params: params\n });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n return axios.get('api/GetQuanjsz', {\n params: params\n });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n // return axios.post('api/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('api/AddShipjk', data);\n}; //分析应用按钮\n\nexport var getApplication = function getApplication(params) {\n return axios.get('api/SyncVideo', {\n params: params\n });\n}; //停止算法程序接口\n\nexport var getStopAlgorithm = function getStopAlgorithm(params) {\n return axios.get('api/StopAlgorithm', {\n params: params\n });\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n return axios.get('api/DeleteShipjk', {\n params: params\n });\n}; //视频分析预览\n// 分析配置接口\n\nexport var getFeixpz = function getFeixpz(params) {\n return axios.get('api/GetFeixpz', {\n params: params\n });\n}; // 设置相机位置接口\n\nexport var setCameraPosition = function setCameraPosition(data) {\n return axios.post('api/SetCameraPosition', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; // 设置车牌识别接口\n\nexport var setLicensePlate = function setLicensePlate(data) {\n return axios.post('api/SetLicensePlate', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; // 设置停车状态\n\nexport var setParkingStatus = function setParkingStatus(data) {\n return axios.post('api/SetParkingStatus', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n};\nexport var setFeixzbzh = function setFeixzbzh(params) {\n return axios.post('api/SetFeixzbzh', params, {\n headers: {\n 'Content-Type': 'application/json'\n }\n });\n}; //根据组件id获取单个组件信息\n\nexport var getComponentData = function getComponentData(params) {\n return axios.get('api/GetMonqjkzjcsDetails', {\n params: params\n });\n}; //获取所有断面数据-用于组件OD类型数据\n\nexport var getSectionalData = function getSectionalData(params) {\n return axios.get('api/GetSection', {\n params: params\n });\n}; //\n\nexport var setQuanjsz = function setQuanjsz(params) {\n return axios.post('api/SetQuanjsz', params, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; //获取数据看板图形数据\n\nexport var getComponentSection = function getComponentSection(params) {\n return axios.get('api/GetComponentSection', {\n params: params\n });\n}; // 根据视频id获取离线视频的分析状态接口\n\nexport var getVideoStatus = function getVideoStatus(videoId) {\n return axios.get(\"api/GetVideoStatus?VideoId=\".concat(videoId));\n}; // 启动交通分析接口（离线视频使用）\n\nexport var startTrafficAnalysis = function startTrafficAnalysis(videoId) {\n return axios.get(\"api/StartTrafficAnalysis?VideoId=\".concat(videoId));\n}; // 启动视频分析接口（离线视频使用）\n\nexport var startVideoAnalysis = function startVideoAnalysis(videoId) {\n return axios.get(\"api/StartVideoAnalysis?VideoId=\".concat(videoId));\n}; // 根据视频id获取离线视频的分析状态接口\n\nexport var getAnalysisData = function getAnalysisData(videoId) {\n return axios.get(\"api/GetAnalysisData?VideoId=\".concat(videoId));\n};",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getApplication","getStopAlgorithm","getDeleteShipjk","getFeixpz","setCameraPosition","headers","setLicensePlate","setParkingStatus","setFeixzbzh","getComponentData","getSectionalData","setQuanjsz","getComponentSection","getVideoStatus","videoId","startTrafficAnalysis","startVideoAnalysis","getAnalysisData"],"mappings":"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","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('api/GetShipjk', {\r\n params\r\n });\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = params => {\r\n return axios.get('api/GetQuanjsz', {\r\n params\r\n });\r\n};\r\n\r\n//\r\nexport const postAddShipjk = data => {\r\n // return axios.post('api/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('api/AddShipjk', data);\r\n};\r\n//分析应用按钮\r\nexport const getApplication = params => {\r\n return axios.get('api/SyncVideo', {\r\n params\r\n });\r\n};\r\n//停止算法程序接口\r\nexport const getStopAlgorithm = params => {\r\n return axios.get('api/StopAlgorithm', {\r\n params\r\n });\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('api/DeleteShipjk', {\r\n params\r\n });\r\n};\r\n//视频分析预览\r\n// 分析配置接口\r\nexport const getFeixpz = params => {\r\n return axios.get('api/GetFeixpz', {\r\n params\r\n });\r\n};\r\n// 设置相机位置接口\r\nexport const setCameraPosition = data => {\r\n return axios.post('api/SetCameraPosition', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n// 设置车牌识别接口\r\nexport const setLicensePlate = data => {\r\n return axios.post('api/SetLicensePlate', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n// 设置停车状态\r\nexport const setParkingStatus = data => {\r\n return axios.post('api/SetParkingStatus', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\nexport const setFeixzbzh = params => {\r\n return axios.post('api/SetFeixzbzh', params, { headers: { 'Content-Type': 'application/json' } });\r\n};\r\n\r\n//根据组件id获取单个组件信息\r\nexport const getComponentData = params => {\r\n return axios.get('api/GetMonqjkzjcsDetails', {\r\n params\r\n });\r\n};\r\n//获取所有断面数据-用于组件OD类型数据\r\nexport const getSectionalData = params => {\r\n return axios.get('api/GetSection', {\r\n params\r\n });\r\n};\r\n//\r\n\r\nexport const setQuanjsz = params => {\r\n return axios.post('api/SetQuanjsz', params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n//获取数据看板图形数据\r\nexport const getComponentSection = params => {\r\n return axios.get('api/GetComponentSection', {\r\n params\r\n });\r\n};\r\n\r\n// 根据视频id获取离线视频的分析状态接口\r\nexport const getVideoStatus = videoId => {\r\n return axios.get(`api/GetVideoStatus?VideoId=${videoId}`);\r\n};\r\n\r\n// 启动交通分析接口（离线视频使用）\r\nexport const startTrafficAnalysis = videoId => {\r\n return axios.get(`api/StartTrafficAnalysis?VideoId=${videoId}`);\r\n};\r\n\r\n// 启动视频分析接口（离线视频使用）\r\nexport const startVideoAnalysis = videoId => {\r\n return axios.get(`api/StartVideoAnalysis?VideoId=${videoId}`);\r\n};\r\n\r\n// 根据视频id获取离线视频的分析状态接口\r\nexport const getAnalysisData = videoId => {\r\n return axios.get(`api/GetAnalysisData?VideoId=${videoId}`);\r\n};\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\api\\index.js","mtime":1677376577617},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"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('api/GetShipjk', {\n params: params\n });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n return axios.get('api/GetQuanjsz', {\n params: params\n });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n // return axios.post('api/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('api/AddShipjk', data);\n}; //分析应用按钮\n\nexport var getApplication = function getApplication(params) {\n return axios.get('api/SyncVideo', {\n params: params\n });\n}; //停止算法程序接口\n\nexport var getStopAlgorithm = function getStopAlgorithm(params) {\n return axios.get('api/StopAlgorithm', {\n params: params\n });\n}; //分析-删除视频源接口\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n return axios.get('api/DeleteShipjk', {\n params: params\n });\n}; //视频分析预览\n// 分析配置接口\n\nexport var getFeixpz = function getFeixpz(params) {\n return axios.get('api/GetFeixpz', {\n params: params\n });\n}; // 设置相机位置接口\n\nexport var setCameraPosition = function setCameraPosition(data) {\n return axios.post('api/SetCameraPosition', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; // 设置车牌识别接口\n\nexport var setLicensePlate = function setLicensePlate(data) {\n return axios.post('api/SetLicensePlate', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; // 设置停车状态\n\nexport var setParkingStatus = function setParkingStatus(data) {\n return axios.post('api/SetParkingStatus', data, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n};\nexport var setFeixzbzh = function setFeixzbzh(params) {\n return axios.post('api/SetFeixzbzh', params, {\n headers: {\n 'Content-Type': 'application/json'\n }\n });\n}; //根据组件id获取单个组件信息\n\nexport var getComponentData = function getComponentData(params) {\n return axios.get('api/GetMonqjkzjcsDetails', {\n params: params\n });\n}; //获取所有断面数据-用于组件OD类型数据\n\nexport var getSectionalData = function getSectionalData(params) {\n return axios.get('api/GetSection', {\n params: params\n });\n}; //\n\nexport var setQuanjsz = function setQuanjsz(params) {\n return axios.post('api/SetQuanjsz', params, {\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded'\n }\n });\n}; //获取数据看板图形数据\n\nexport var getComponentSection = function getComponentSection(params) {\n return axios.get('api/GetComponentSection', {\n params: params\n });\n}; // 根据视频id获取离线视频的分析状态接口\n\nexport var getVideoStatus = function getVideoStatus(videoId) {\n return axios.get(\"api/GetVideoStatus?VideoId=\".concat(videoId));\n}; // 启动交通分析接口（离线视频使用）\n\nexport var startTrafficAnalysis = function startTrafficAnalysis(videoId) {\n return axios.get(\"api/StartTrafficAnalysis?VideoId=\".concat(videoId));\n}; // 启动视频分析接口（离线视频使用）\n\nexport var startVideoAnalysis = function startVideoAnalysis(videoId) {\n return axios.get(\"api/StartVideoAnalysis?VideoId=\".concat(videoId));\n}; // 根据视频id获取离线视频的分析状态接口\n\nexport var getAnalysisData = function getAnalysisData(videoId) {\n return axios.get(\"api/GetAnalysisData?VideoId=\".concat(videoId));\n};",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getApplication","getStopAlgorithm","getDeleteShipjk","getFeixpz","setCameraPosition","headers","setLicensePlate","setParkingStatus","setFeixzbzh","getComponentData","getSectionalData","setQuanjsz","getComponentSection","getVideoStatus","videoId","startTrafficAnalysis","startVideoAnalysis","getAnalysisData"],"mappings":"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","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('api/GetShipjk', {\r\n params\r\n });\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = params => {\r\n return axios.get('api/GetQuanjsz', {\r\n params\r\n });\r\n};\r\n\r\n//\r\nexport const postAddShipjk = data => {\r\n // return axios.post('api/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('api/AddShipjk', data);\r\n};\r\n//分析应用按钮\r\nexport const getApplication = params => {\r\n return axios.get('api/SyncVideo', {\r\n params\r\n });\r\n};\r\n//停止算法程序接口\r\nexport const getStopAlgorithm = params => {\r\n return axios.get('api/StopAlgorithm', {\r\n params\r\n });\r\n};\r\n//分析-删除视频源接口\r\nexport const getDeleteShipjk = params => {\r\n return axios.get('api/DeleteShipjk', {\r\n params\r\n });\r\n};\r\n//视频分析预览\r\n// 分析配置接口\r\nexport const getFeixpz = params => {\r\n return axios.get('api/GetFeixpz', {\r\n params\r\n });\r\n};\r\n// 设置相机位置接口\r\nexport const setCameraPosition = data => {\r\n return axios.post('api/SetCameraPosition', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n// 设置车牌识别接口\r\nexport const setLicensePlate = data => {\r\n return axios.post('api/SetLicensePlate', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n// 设置停车状态\r\nexport const setParkingStatus = data => {\r\n return axios.post('api/SetParkingStatus', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\nexport const setFeixzbzh = params => {\r\n return axios.post('api/SetFeixzbzh', params, { headers: { 'Content-Type': 'application/json' } });\r\n};\r\n\r\n//根据组件id获取单个组件信息\r\nexport const getComponentData = params => {\r\n return axios.get('api/GetMonqjkzjcsDetails', {\r\n params\r\n });\r\n};\r\n//获取所有断面数据-用于组件OD类型数据\r\nexport const getSectionalData = params => {\r\n return axios.get('api/GetSection', {\r\n params\r\n });\r\n};\r\n//\r\n\r\nexport const setQuanjsz = params => {\r\n return axios.post('api/SetQuanjsz', params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });\r\n};\r\n//获取数据看板图形数据\r\nexport const getComponentSection = params => {\r\n return axios.get('api/GetComponentSection', {\r\n params\r\n });\r\n};\r\n\r\n// 根据视频id获取离线视频的分析状态接口\r\nexport const getVideoStatus = videoId => {\r\n return axios.get(`api/GetVideoStatus?VideoId=${videoId}`);\r\n};\r\n\r\n// 启动交通分析接口（离线视频使用）\r\nexport const startTrafficAnalysis = videoId => {\r\n return axios.get(`api/StartTrafficAnalysis?VideoId=${videoId}`);\r\n};\r\n\r\n// 启动视频分析接口（离线视频使用）\r\nexport const startVideoAnalysis = videoId => {\r\n return axios.get(`api/StartVideoAnalysis?VideoId=${videoId}`);\r\n};\r\n\r\n// 根据视频id获取离线视频的分析状态接口\r\nexport const getAnalysisData = videoId => {\r\n return axios.get(`api/GetAnalysisData?VideoId=${videoId}`);\r\n};\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json b/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
index 99ac8fae..5d9fb697 100644
--- a/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
+++ b/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1677224794845},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'lineChart',\n //折线图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n // 时间模式\n status: {\n type: String\n },\n // 组件名称\n componentName: {\n type: String\n },\n chartName: {\n type: String\n },\n // 单个数据接收\n typeValue: {\n type: Object,\n default: function _default() {\n return {};\n }\n }\n },\n data: function data() {\n return {\n xData: [],\n yData: [],\n yData1: [],\n yData2: [],\n yData3: [],\n arrN: [],\n // series: []\n // triggerType:'触发时刻'\n myChart: null,\n tooltip: {\n show: true\n },\n series: [],\n // \n listArr: []\n };\n },\n created: function created() {// console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\n },\n methods: {\n drawLine: function drawLine(newVal, title) {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.lineChart);\n } // var series = []\n // myChart.showLoading() //开启loading\n\n\n var option = {\n legend: {},\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n tooltip: this.tooltip,\n xAxis: [{\n type: 'category',\n axisLine: {\n show: true,\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n show: false\n },\n boundaryGap: ['5%', '5%'],\n data: this.xData\n }],\n yAxis: [{\n type: 'value',\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n }\n }],\n series: this.getMessage(newVal, title)\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n },\n getMessage: function getMessage(newVal, title) {\n if (newVal) {\n this.xData = newVal.map(function (val) {\n return val.time;\n });\n var series = [{\n name: '',\n type: 'line',\n symbolSize: 6,\n smooth: true,\n itemStyle: {\n color: '#fb864b',\n borderColor: '#fb864b' // borderWidth: 2\n\n },\n data: []\n }];\n\n if (title === '类型') {\n this.tooltip = {\n formatter: '{a} {b}:{c}个',\n show: true,\n confine: true\n };\n series[0].name = '总量'; // 映射出类型数组\n\n var arr = newVal.map(function (ele) {\n if (ele.type_data != null) {\n return ele.type_data;\n }\n });\n var mapN = [];\n\n for (var t = 0; t < arr.length; t++) {\n for (var i = 0; i < arr[t].length; i++) {\n mapN.push(arr[t][i]);\n }\n }\n\n var lineArr = [];\n\n if (newVal[0].type_data != undefined) {\n newVal[0].type_data.forEach(function (ele) {\n lineArr.push({\n name: ele.name,\n type: 'line',\n data: [],\n smooth: true\n });\n });\n }\n\n mapN.forEach(function (ele) {\n if (ele.name == '机动车') {\n lineArr[0].data.push(ele.quantity);\n } else if (ele.name == '非机动车') {\n lineArr[1].data.push(ele.quantity);\n } else {\n lineArr[2].data.push(ele.quantity);\n }\n });\n\n for (var j = 0; j < lineArr.length; j++) {\n series.push(lineArr[j]);\n } // 总和数量\n\n\n var mapNR1 = [];\n newVal.map(function (ele) {\n if (ele.type_data != null) {\n var sum = ele.type_data.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0);\n mapNR1.push(sum);\n }\n });\n series[0].data = mapNR1;\n } else if (title === '速度') {\n this.tooltip = {\n formatter: '{a} {b}:{c}km/h',\n show: true,\n confine: true\n }; // console.log(\"newVal\",newVal)\n\n series[0].data = newVal.map(function (val) {\n return val.speed;\n });\n } else if (title === '流量') {\n series[0].data = newVal.map(function (ele) {\n return ele.in_flow + ele.out_flow;\n });\n } else if (title === '车头时距') {\n this.tooltip = {\n formatter: '{a} {b}:{c}/s',\n show: true,\n confine: true\n };\n series[0].data = newVal.map(function (val) {\n return val.headway;\n });\n } else if (title === '排队数') {\n series[0].data = newVal.map(function (val) {\n return val.n_queue;\n });\n } else if (title === '检测数') {\n series[0].data = newVal.map(function (val) {\n return val.n_stay;\n });\n } else if (title === '延误') {\n series[0].data = newVal.map(function (val) {\n return val.ave_delay;\n });\n } else if (title === '拥堵') {\n series[0].data = newVal.map(function (val) {});\n }\n\n series.forEach(function (ele) {\n ele.data.reverse();\n });\n return series;\n }\n }\n },\n mounted: function mounted() {// this.drawLine();\n // this.getMessage(this.list)\n // console.log(this.$parent.dataArr, '父组件的dataArr');\n // this.$set(this.$parent.dataArr)\n },\n watch: {}\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div style=\"width: 100%;margin-top: 5px;\">\r\n <div class=\"tableTitle\">\r\n <div>\r\n <span\r\n style=\"width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;\"></span>\r\n <span style=\"font-size:18px;\">{{ this.componentName + '-' + this.chartName + '-' + '曲线图' + '-' + status,\r\n }}</span>\r\n </div>\r\n </div>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n // 时间模式\r\n status: {\r\n type: String\r\n },\r\n // 组件名称\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n },\r\n // 单个数据接收\r\n typeValue: {\r\n type: Object,\r\n default() {\r\n return {};\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n arrN: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n series: [],\r\n\r\n // \r\n listArr: []\r\n };\r\n },\r\n created() {\r\n // console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\r\n\r\n },\r\n\r\n methods: {\r\n drawLine(newVal, title) {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart);\r\n }\r\n // var series = []\r\n\r\n\r\n\r\n\r\n // myChart.showLoading() //开启loading\r\n let option = {\r\n legend: {},\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.getMessage(newVal, title)\r\n };\r\n myChart.setOption(option)\r\n\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n },\r\n\r\n getMessage(newVal, title) {\r\n if(newVal){\r\n this.xData = newVal.map(val => {\r\n return val.time;\r\n });\r\n\r\n var series = [\r\n {\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b'\r\n // borderWidth: 2\r\n },\r\n data: []\r\n }\r\n ];\r\n\r\n if (title === '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n };\r\n series[0].name = '总量';\r\n // 映射出类型数组\r\n let arr = newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n return ele.type_data;\r\n }\r\n });\r\n var mapN = [];\r\n for (var t = 0; t < arr.length; t++) {\r\n for (var i = 0; i < arr[t].length; i++) {\r\n mapN.push(arr[t][i]);\r\n }\r\n }\r\n var lineArr = []\r\n if (newVal[0].type_data != undefined) {\r\n newVal[0].type_data.forEach(ele => {\r\n lineArr.push({\r\n name: ele.name,\r\n type: 'line',\r\n data: [],\r\n smooth: true\r\n });\r\n });\r\n }\r\n mapN.forEach(ele => {\r\n if (ele.name == '机动车') {\r\n lineArr[0].data.push(ele.quantity);\r\n } else if (ele.name == '非机动车') {\r\n lineArr[1].data.push(ele.quantity);\r\n } else {\r\n lineArr[2].data.push(ele.quantity);\r\n }\r\n });\r\n for (let j = 0; j < lineArr.length; j++) {\r\n series.push(lineArr[j]);\r\n }\r\n // 总和数量\r\n let mapNR1 = [];\r\n newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n var sum = ele.type_data.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n mapNR1.push(sum);\r\n }\r\n });\r\n series[0].data = mapNR1;\r\n } else if (title === '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n };\r\n // console.log(\"newVal\",newVal)\r\n series[0].data = newVal.map(val => {\r\n return val.speed;\r\n });\r\n } else if (title === '流量') {\r\n series[0].data = newVal.map(ele => {\r\n return ele.in_flow + ele.out_flow;\r\n });\r\n } else if (title === '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n };\r\n series[0].data = newVal.map(val => {\r\n return val.headway;\r\n });\r\n } else if (title === '排队数') {\r\n series[0].data = newVal.map(val => {\r\n return val.n_queue;\r\n });\r\n } else if (title === '检测数') {\r\n series[0].data = newVal.map(val => {\r\n return val.n_stay;\r\n });\r\n } else if (title === '延误') {\r\n series[0].data = newVal.map(val => {\r\n return val.ave_delay;\r\n });\r\n } else if (title === '拥堵') {\r\n series[0].data = newVal.map(val => { });\r\n }\r\n series.forEach(ele=>{\r\n ele.data.reverse()\r\n })\r\n return series\r\n }\r\n }\r\n \r\n },\r\n mounted() {\r\n // this.drawLine();\r\n // this.getMessage(this.list)\r\n // console.log(this.$parent.dataArr, '父组件的dataArr');\r\n // this.$set(this.$parent.dataArr)\r\n },\r\n watch: {\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableTitle {\r\n background: #f7f8fa;\r\n margin-bottom: 5px;\r\n padding: 8px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1677376577617},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'lineChart',\n //折线图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n // 时间模式\n status: {\n type: String\n },\n // 组件名称\n componentName: {\n type: String\n },\n chartName: {\n type: String\n },\n // 单个数据接收\n typeValue: {\n type: Object,\n default: function _default() {\n return {};\n }\n }\n },\n data: function data() {\n return {\n xData: [],\n yData: [],\n yData1: [],\n yData2: [],\n yData3: [],\n arrN: [],\n // series: []\n // triggerType:'触发时刻'\n myChart: null,\n tooltip: {\n show: true\n },\n series: [],\n // \n listArr: []\n };\n },\n created: function created() {// console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\n },\n methods: {\n drawLine: function drawLine(newVal, title) {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.lineChart);\n } // var series = []\n // myChart.showLoading() //开启loading\n\n\n var option = {\n legend: {},\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n tooltip: this.tooltip,\n xAxis: [{\n type: 'category',\n axisLine: {\n show: true,\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n show: false\n },\n boundaryGap: ['5%', '5%'],\n data: this.xData.reverse()\n }],\n yAxis: [{\n type: 'value',\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n }\n }],\n series: this.getMessage(newVal, title)\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n },\n getMessage: function getMessage(newVal, title) {\n if (newVal) {\n this.xData = newVal.map(function (val) {\n return val.time;\n });\n var series = [{\n name: '',\n type: 'line',\n symbolSize: 6,\n smooth: true,\n itemStyle: {\n color: '#fb864b',\n borderColor: '#fb864b' // borderWidth: 2\n\n },\n data: []\n }];\n\n if (title === '类型') {\n this.tooltip = {\n formatter: '{a} {b}:{c}个',\n show: true,\n confine: true\n };\n series[0].name = '总量'; // 映射出类型数组\n\n var arr = newVal.map(function (ele) {\n if (ele.type_data != null) {\n return ele.type_data;\n }\n });\n var mapN = [];\n\n for (var t = 0; t < arr.length; t++) {\n for (var i = 0; i < arr[t].length; i++) {\n mapN.push(arr[t][i]);\n }\n }\n\n var lineArr = [];\n\n if (newVal[0].type_data != undefined) {\n newVal[0].type_data.forEach(function (ele) {\n lineArr.push({\n name: ele.name,\n type: 'line',\n data: [],\n smooth: true\n });\n });\n }\n\n mapN.forEach(function (ele) {\n if (ele.name == '机动车') {\n lineArr[0].data.push(ele.quantity);\n } else if (ele.name == '非机动车') {\n lineArr[1].data.push(ele.quantity);\n } else {\n lineArr[2].data.push(ele.quantity);\n }\n });\n\n for (var j = 0; j < lineArr.length; j++) {\n series.push(lineArr[j]);\n } // 总和数量\n\n\n var mapNR1 = [];\n newVal.map(function (ele) {\n if (ele.type_data != null) {\n var sum = ele.type_data.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0);\n mapNR1.push(sum);\n }\n });\n series[0].data = mapNR1;\n } else if (title === '速度') {\n this.tooltip = {\n formatter: '{a} {b}:{c}km/h',\n show: true,\n confine: true\n }; // console.log(\"newVal\",newVal)\n\n series[0].data = newVal.map(function (val) {\n return val.speed;\n });\n } else if (title === '流量') {\n series[0].data = newVal.map(function (ele) {\n return ele.in_flow + ele.out_flow;\n });\n } else if (title === '车头时距') {\n this.tooltip = {\n formatter: '{a} {b}:{c}/s',\n show: true,\n confine: true\n };\n series[0].data = newVal.map(function (val) {\n return val.headway;\n });\n } else if (title === '排队数') {\n series[0].data = newVal.map(function (val) {\n return val.n_queue;\n });\n } else if (title === '检测数') {\n series[0].data = newVal.map(function (val) {\n return val.n_stay;\n });\n } else if (title === '延误') {\n series[0].data = newVal.map(function (val) {\n return val.ave_delay;\n });\n } else if (title === '拥堵') {\n series[0].data = newVal.map(function (val) {});\n }\n\n series.forEach(function (ele) {\n ele.data.reverse();\n });\n return series;\n }\n }\n },\n mounted: function mounted() {// this.drawLine();\n // this.getMessage(this.list)\n // console.log(this.$parent.dataArr, '父组件的dataArr');\n // this.$set(this.$parent.dataArr)\n },\n watch: {}\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div style=\"width: 100%;margin-top: 5px;\">\r\n <div class=\"tableTitle\">\r\n <div>\r\n <span\r\n style=\"width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;\"></span>\r\n <span style=\"font-size:18px;\">{{ this.componentName + '-' + this.chartName + '-' + '曲线图' + '-' + status,\r\n }}</span>\r\n </div>\r\n </div>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n // 时间模式\r\n status: {\r\n type: String\r\n },\r\n // 组件名称\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n },\r\n // 单个数据接收\r\n typeValue: {\r\n type: Object,\r\n default() {\r\n return {};\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n arrN: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n series: [],\r\n\r\n // \r\n listArr: []\r\n };\r\n },\r\n created() {\r\n // console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\r\n\r\n },\r\n\r\n methods: {\r\n drawLine(newVal, title) {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart);\r\n }\r\n // var series = []\r\n\r\n\r\n\r\n\r\n // myChart.showLoading() //开启loading\r\n let option = {\r\n legend: {},\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData.reverse()\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.getMessage(newVal, title)\r\n };\r\n myChart.setOption(option)\r\n\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n },\r\n\r\n getMessage(newVal, title) {\r\n if(newVal){\r\n this.xData = newVal.map(val => {\r\n return val.time;\r\n });\r\n\r\n var series = [\r\n {\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b'\r\n // borderWidth: 2\r\n },\r\n data: []\r\n }\r\n ];\r\n\r\n if (title === '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n };\r\n series[0].name = '总量';\r\n // 映射出类型数组\r\n let arr = newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n return ele.type_data;\r\n }\r\n });\r\n var mapN = [];\r\n for (var t = 0; t < arr.length; t++) {\r\n for (var i = 0; i < arr[t].length; i++) {\r\n mapN.push(arr[t][i]);\r\n }\r\n }\r\n var lineArr = []\r\n if (newVal[0].type_data != undefined) {\r\n newVal[0].type_data.forEach(ele => {\r\n lineArr.push({\r\n name: ele.name,\r\n type: 'line',\r\n data: [],\r\n smooth: true\r\n });\r\n });\r\n }\r\n mapN.forEach(ele => {\r\n if (ele.name == '机动车') {\r\n lineArr[0].data.push(ele.quantity);\r\n } else if (ele.name == '非机动车') {\r\n lineArr[1].data.push(ele.quantity);\r\n } else {\r\n lineArr[2].data.push(ele.quantity);\r\n }\r\n });\r\n for (let j = 0; j < lineArr.length; j++) {\r\n series.push(lineArr[j]);\r\n }\r\n // 总和数量\r\n let mapNR1 = [];\r\n newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n var sum = ele.type_data.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n mapNR1.push(sum);\r\n }\r\n });\r\n series[0].data = mapNR1;\r\n } else if (title === '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n };\r\n // console.log(\"newVal\",newVal)\r\n series[0].data = newVal.map(val => {\r\n return val.speed;\r\n });\r\n } else if (title === '流量') {\r\n series[0].data = newVal.map(ele => {\r\n return ele.in_flow + ele.out_flow;\r\n });\r\n } else if (title === '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n };\r\n series[0].data = newVal.map(val => {\r\n return val.headway;\r\n });\r\n } else if (title === '排队数') {\r\n series[0].data = newVal.map(val => {\r\n return val.n_queue;\r\n });\r\n } else if (title === '检测数') {\r\n series[0].data = newVal.map(val => {\r\n return val.n_stay;\r\n });\r\n } else if (title === '延误') {\r\n series[0].data = newVal.map(val => {\r\n return val.ave_delay;\r\n });\r\n } else if (title === '拥堵') {\r\n series[0].data = newVal.map(val => { });\r\n }\r\n series.forEach(ele=>{\r\n ele.data.reverse()\r\n })\r\n return series\r\n }\r\n }\r\n \r\n },\r\n mounted() {\r\n // this.drawLine();\r\n // this.getMessage(this.list)\r\n // console.log(this.$parent.dataArr, '父组件的dataArr');\r\n // this.$set(this.$parent.dataArr)\r\n },\r\n watch: {\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableTitle {\r\n background: #f7f8fa;\r\n margin-bottom: 5px;\r\n padding: 8px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e945cb0760ea78a2bfad855462b52cb2.json b/node_modules/.cache/babel-loader/e945cb0760ea78a2bfad855462b52cb2.json
index 2957219c..da82f70d 100644
--- a/node_modules/.cache/babel-loader/e945cb0760ea78a2bfad855462b52cb2.json
+++ b/node_modules/.cache/babel-loader/e945cb0760ea78a2bfad855462b52cb2.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1677226893384},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/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//\nimport { getHostInfoApi } from \"../../api/aboutMachine\";\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport { setQuanjsz } from '@/api/index';\nimport axios from 'axios';\nexport default {\n data: function data() {\n return {\n formLabelWidth: '120px',\n sizeForm: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: ''\n },\n fileList: [],\n videoNumber: 6,\n FPS: '0',\n id: '',\n options: [{\n value: '0',\n label: '0'\n }, {\n value: '1',\n label: '1'\n }, {\n value: '4',\n label: '4'\n }]\n };\n },\n mounted: function mounted() {\n this.getShipjkDatalist();\n this.getInfo();\n },\n methods: {\n //保存主机时间\n saveTime: function saveTime() {\n var _this = this;\n\n var formData = new FormData();\n formData.append('HostTime', this.sizeForm.date1);\n axios({\n method: 'post',\n url: serverUrl.setHostTime,\n data: formData\n }).then(function (res) {\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 //保存主机名称\n saveHostName: function saveHostName(value) {\n var _this2 = this;\n\n var formData = new FormData();\n formData.append('HostName', this.sizeForm.name);\n axios({\n method: 'post',\n url: serverUrl.setHostName,\n data: formData\n }).then(function (res) {\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 getInfo: function getInfo() {\n var _this3 = this;\n\n getHostInfoApi().then(function (res) {\n _this3.sizeForm.name = res.data.data.hostname;\n _this3.sizeForm.date1 = res.data.data.time;\n console.log(res.data.data, 11111);\n }).catch(function (err) {\n _this3.$message.error(res.data.msg);\n });\n },\n handleagain: function handleagain() {\n var _this4 = 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 _this4.$message({\n type: 'info',\n message: '已取消'\n });\n });\n },\n handleReset: function handleReset() {\n var _this5 = 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 _this5.$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 handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n var _this6 = this;\n\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 _this6.$message({\n message: res.data.msg,\n type: 'success'\n });\n } else {\n _this6.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n handleChange: function handleChange(value) {\n var _this7 = this;\n\n console.log('FPS', value);\n this.FPS = value;\n var formData = new URLSearchParams(); // let formData = new FormData();\n\n formData.append('VideoAccessLimit', this.videoNumber);\n formData.append('SkipFrame', value);\n formData.append('GlobalSettingId', this.id);\n formData(formData).then(function (res) {\n _this7.$message({\n message: res.data.msg,\n type: 'success'\n });\n });\n },\n //获取全局设置数据\n getShipjkDatalist: function getShipjkDatalist() {\n var _this8 = this;\n\n getQuanjszData().then(function (res) {\n console.log('res11111', res);\n\n if (res.data.code == 200) {\n _this8.videoNumber = res.data.data.videoAccessLimit;\n _this8.FPS = res.data.data.skipFrame;\n _this8.id = res.data.data.globalSettingId;\n }\n });\n },\n //点击确认\n commit: function commit() {\n var _this9 = this;\n\n var formData = new URLSearchParams(); // let formData = new FormData();\n\n formData.append('VideoAccessLimit', this.videoNumber);\n formData.append('SkipFrame', this.FPS);\n formData.append('GlobalSettingId', this.id);\n setQuanjsz(formData).then(function (res) {\n _this9.$message({\n message: res.data.msg,\n type: 'success'\n });\n });\n }\n }\n};",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,SAAA,cAAA;AACA,SAAA,cAAA;AACA,OAAA,SAAA;AACA,SAAA,UAAA,QAAA,aAAA;AACA,OAAA,KAAA,MAAA,OAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,cAAA,EAAA,OADA;AAEA,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,OAFA;AAYA,MAAA,QAAA,EAAA,EAZA;AAaA,MAAA,WAAA,EAAA,CAbA;AAcA,MAAA,GAAA,EAAA,GAdA;AAeA,MAAA,EAAA,EAAA,EAfA;AAgBA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA;AAhBA,KAAA;AA+BA,GAjCA;AAkCA,EAAA,OAlCA,qBAkCA;AACA,SAAA,iBAAA;AACA,SAAA,OAAA;AACA,GArCA;AAsCA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,QAFA,sBAEA;AAAA;;AACA,UAAA,QAAA,GAAA,IAAA,QAAA,EAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,UAAA,EAAA,KAAA,QAAA,CAAA,KAAA;AACA,MAAA,KAAA,CAAA;AACA,QAAA,MAAA,EAAA,MADA;AAEA,QAAA,GAAA,EAAA,SAAA,CAAA,WAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,CAAA,CAIA,IAJA,CAIA,UAAA,GAAA,EAAA;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA,SALA,MAKA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA;AACA,OAhBA;AAiBA,KAtBA;AAuBA;AACA,IAAA,YAxBA,wBAwBA,KAxBA,EAwBA;AAAA;;AACA,UAAA,QAAA,GAAA,IAAA,QAAA,EAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,UAAA,EAAA,KAAA,QAAA,CAAA,IAAA;AACA,MAAA,KAAA,CAAA;AACA,QAAA,MAAA,EAAA,MADA;AAEA,QAAA,GAAA,EAAA,SAAA,CAAA,WAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,CAAA,CAIA,IAJA,CAIA,UAAA,GAAA,EAAA;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,MAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA,SALA,MAKA;AACA,UAAA,MAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA;AACA,OAhBA;AAiBA,KA5CA;AA6CA;AACA,IAAA,OA9CA,qBA8CA;AAAA;;AACA,MAAA,cAAA,GACA,IADA,CACA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA,KAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAA;AACA,OALA,EAMA,KANA,CAMA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA;AACA,OARA;AASA,KAxDA;AAyDA,IAAA,WAzDA,yBAyDA;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,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KA3EA;AA4EA,IAAA,WA5EA,yBA4EA;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,KA9FA;AA+FA,IAAA,YA/FA,wBA+FA,IA/FA,EA+FA,QA/FA,EA+FA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KAjGA;AAkGA,IAAA,aAlGA,yBAkGA,IAlGA,EAkGA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KApGA;AAqGA,IAAA,YArGA,wBAqGA,KArGA,EAqGA,QArGA,EAqGA;AACA,WAAA,QAAA,CAAA,OAAA,yGACA,KAAA,CAAA,MADA,+DACA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MADA;AAGA,KAzGA;AA0GA,IAAA,YA1GA,wBA0GA,IA1GA,EA0GA,QA1GA,EA0GA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA,KA5GA;AA6GA,IAAA,uBA7GA,mCA6GA,KA7GA,EA6GA;AAAA;;AACA,WAAA,WAAA,GAAA,KAAA;AACA,UAAA,QAAA,GAAA,IAAA,QAAA,EAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,eAAA,EAAA,KAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,cAAA,EAAA,KAAA,GAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA;AACA,MAAA,KAAA,CAAA;AACA,QAAA,MAAA,EAAA,MADA;AAEA,QAAA,GAAA,EAAA,SAAA,CAAA,cAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,CAAA,CAIA,IAJA,CAIA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,GAAA;;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,MAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA,SALA,MAKA;AACA,UAAA,MAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA;AACA,OAjBA;AAkBA,KArIA;AAsIA,IAAA,YAtIA,wBAsIA,KAtIA,EAsIA;AAAA;;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA;AACA,WAAA,GAAA,GAAA,KAAA;AACA,UAAA,QAAA,GAAA,IAAA,eAAA,EAAA,CAHA,CAIA;;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,kBAAA,EAAA,KAAA,WAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,WAAA,EAAA,KAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,iBAAA,EAAA,KAAA,EAAA;AACA,MAAA,QAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,UAAA,IAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KApJA;AAqJA;AACA,IAAA,iBAtJA,+BAsJA;AAAA;;AACA,MAAA,cAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,GAAA;;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,MAAA,CAAA,WAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,gBAAA;AACA,UAAA,MAAA,CAAA,GAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,SAAA;AACA,UAAA,MAAA,CAAA,EAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,eAAA;AACA;AACA,OAPA;AAQA,KA/JA;AAgKA;AACA,IAAA,MAjKA,oBAiKA;AAAA;;AACA,UAAA,QAAA,GAAA,IAAA,eAAA,EAAA,CADA,CAEA;;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,kBAAA,EAAA,KAAA,WAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,WAAA,EAAA,KAAA,GAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,iBAAA,EAAA,KAAA,EAAA;AACA,MAAA,UAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,UAAA,IAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA;AA7KA;AAtCA,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>主机</p>\r\n <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n <el-button type=\"primary\" style=\"margin-left:10px\" @click=\"saveHostName\" size=\"small\">保存</el-button>\r\n </el-form-item>\r\n <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n <el-date-picker\r\n type=\"datetime\"\r\n value-format=\"yyyy-MM-dd HH:mm:ss\"\r\n placeholder=\"选择日期\"\r\n v-model=\"sizeForm.date1\"\r\n style=\"width: 50%;\"\r\n autocomplete=\"off\"\r\n ></el-date-picker>\r\n\r\n <el-button @click=\"saveTime\" type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\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\" size=\"small\">备份</el-button>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"3\">\r\n <el-button type=\"primary\" disabled 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 <p>出厂默认值</p>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"12\">\r\n <el-button type=\"primary\" @click=\"handleReset()\" 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=\"12\">\r\n <el-button type=\"primary\" @click=\"handleagain()\" 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-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\" :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-select v-model=\"FPS\" size=\"mini\" 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 <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流 0 ；2-3 路视频流\r\n 1；4-6 路视频流 4\r\n </el-form-item>\r\n <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n </el-form>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getHostInfoApi } from '../../api/aboutMachine';\r\nimport { getQuanjszData } from '../../api/index';\r\nimport serverUrl from '../../config/apiurl.js';\r\nimport { setQuanjsz } from '@/api/index';\r\nimport axios from 'axios';\r\nexport default {\r\n data() {\r\n return {\r\n formLabelWidth: '120px',\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 videoNumber: 6,\r\n FPS: '0',\r\n id: '',\r\n options: [\r\n {\r\n value: '0',\r\n label: '0'\r\n },\r\n {\r\n value: '1',\r\n label: '1'\r\n },\r\n {\r\n value: '4',\r\n label: '4'\r\n }\r\n ]\r\n };\r\n },\r\n mounted() {\r\n this.getShipjkDatalist();\r\n this.getInfo();\r\n },\r\n methods: {\r\n //保存主机时间\r\n saveTime() {\r\n let formData = new FormData();\r\n formData.append('HostTime', this.sizeForm.date1);\r\n axios({\r\n method: 'post',\r\n url: serverUrl.setHostTime,\r\n data: formData\r\n }).then(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 saveHostName(value) {\r\n let formData = new FormData();\r\n formData.append('HostName', this.sizeForm.name);\r\n axios({\r\n method: 'post',\r\n url: serverUrl.setHostName,\r\n data: formData\r\n }).then(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 getInfo() {\r\n getHostInfoApi()\r\n .then(res => {\r\n this.sizeForm.name = res.data.data.hostname;\r\n this.sizeForm.date1 = res.data.data.time;\r\n console.log(res.data.data, 11111);\r\n })\r\n .catch(err => {\r\n this.$message.error(res.data.msg);\r\n });\r\n },\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 handleChangeVideoNumber(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 const formData = new URLSearchParams();\r\n // let formData = new FormData();\r\n formData.append('VideoAccessLimit', this.videoNumber);\r\n formData.append('SkipFrame', value);\r\n formData.append('GlobalSettingId', this.id);\r\n formData(formData).then(res => {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n });\r\n },\r\n //获取全局设置数据\r\n getShipjkDatalist() {\r\n getQuanjszData().then(res => {\r\n console.log('res11111', res);\r\n if (res.data.code == 200) {\r\n this.videoNumber = res.data.data.videoAccessLimit;\r\n this.FPS = res.data.data.skipFrame;\r\n this.id = res.data.data.globalSettingId;\r\n }\r\n });\r\n },\r\n //点击确认\r\n commit() {\r\n const formData = new URLSearchParams();\r\n // let formData = new FormData();\r\n formData.append('VideoAccessLimit', this.videoNumber);\r\n formData.append('SkipFrame', this.FPS);\r\n formData.append('GlobalSettingId', this.id);\r\n setQuanjsz(formData).then(res => {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n });\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__label {\r\n text-align: left;\r\n font-size: 15px;\r\n}\r\n/deep/ .el-form-item {\r\n margin-bottom: 15px;\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":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1677376577620},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/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//\nimport { getHostInfoApi, resetReboot } from \"../../api/aboutMachine\";\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport { setQuanjsz } from '@/api/index';\nimport axios from 'axios';\nexport default {\n data: function data() {\n return {\n formLabelWidth: '120px',\n sizeForm: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: ''\n },\n fileList: [],\n videoNumber: 6,\n FPS: '0',\n id: '',\n options: [{\n value: '0',\n label: '0'\n }, {\n value: '1',\n label: '1'\n }, {\n value: '4',\n label: '4'\n }]\n };\n },\n mounted: function mounted() {\n this.getShipjkDatalist();\n this.getInfo();\n },\n methods: {\n //保存主机时间\n saveTime: function saveTime() {\n var _this = this;\n\n var formData = new FormData();\n formData.append('HostTime', this.sizeForm.date1);\n axios({\n method: 'post',\n url: serverUrl.setHostTime,\n data: formData\n }).then(function (res) {\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 //保存主机名称\n saveHostName: function saveHostName(value) {\n var _this2 = this;\n\n var formData = new FormData();\n formData.append('HostName', this.sizeForm.name);\n axios({\n method: 'post',\n url: serverUrl.setHostName,\n data: formData\n }).then(function (res) {\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 getInfo: function getInfo() {\n var _this3 = this;\n\n getHostInfoApi().then(function (res) {\n _this3.sizeForm.name = res.data.data.hostname;\n _this3.sizeForm.date1 = res.data.data.time;\n }).catch(function (err) {\n _this3.$message.error(res.data.msg);\n });\n },\n handleagain: function handleagain() {\n var _this4 = this;\n\n this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n resetReboot().then(function (res) {\n console.log(res);\n\n _this4.$message.success(res.data.msg);\n }).catch(function (err) {\n _this4.$message.error(res.data.msg);\n });\n }).catch(function () {\n _this4.$message({\n type: 'info',\n message: '已取消'\n });\n });\n },\n handleReset: function handleReset() {\n var _this5 = 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 _this5.$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 handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n var _this6 = this;\n\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 _this6.$message({\n message: res.data.msg,\n type: 'success'\n });\n } else {\n _this6.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n });\n },\n handleChange: function handleChange(value) {\n var _this7 = this;\n\n console.log('FPS', value);\n this.FPS = value;\n var formData = new URLSearchParams(); // let formData = new FormData();\n\n formData.append('VideoAccessLimit', this.videoNumber);\n formData.append('SkipFrame', value);\n formData.append('GlobalSettingId', this.id);\n formData(formData).then(function (res) {\n _this7.$message({\n message: res.data.msg,\n type: 'success'\n });\n });\n },\n //获取全局设置数据\n getShipjkDatalist: function getShipjkDatalist() {\n var _this8 = this;\n\n getQuanjszData().then(function (res) {\n console.log('res11111', res);\n\n if (res.data.code == 200) {\n _this8.videoNumber = res.data.data.videoAccessLimit;\n _this8.FPS = res.data.data.skipFrame;\n _this8.id = res.data.data.globalSettingId;\n }\n });\n },\n //点击确认\n commit: function commit() {\n var _this9 = this;\n\n var formData = new URLSearchParams(); // let formData = new FormData();\n\n formData.append('VideoAccessLimit', this.videoNumber);\n formData.append('SkipFrame', this.FPS);\n formData.append('GlobalSettingId', this.id);\n setQuanjsz(formData).then(function (res) {\n _this9.$message({\n message: res.data.msg,\n type: 'success'\n });\n });\n }\n }\n};",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div class=\"content-box\">\r\n <div class=\"container\">\r\n <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n <p>主机</p>\r\n <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n <el-button type=\"primary\" style=\"margin-left:10px\" @click=\"saveHostName\" size=\"small\">保存</el-button>\r\n </el-form-item>\r\n <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n <el-date-picker\r\n type=\"datetime\"\r\n value-format=\"yyyy-MM-dd HH:mm:ss\"\r\n placeholder=\"选择日期\"\r\n v-model=\"sizeForm.date1\"\r\n style=\"width: 50%;\"\r\n autocomplete=\"off\"\r\n ></el-date-picker>\r\n\r\n <el-button @click=\"saveTime\" type=\"primary\" style=\"margin-left:10px\" size=\"small\">校时</el-button>\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\" size=\"small\">备份</el-button>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"3\">\r\n <el-button type=\"primary\" disabled 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 <p>出厂默认值</p>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"12\">\r\n <el-button type=\"primary\" @click=\"handleReset()\" 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=\"12\">\r\n <el-button type=\"primary\" @click=\"handleagain()\" 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-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\" :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-select v-model=\"FPS\" size=\"mini\" 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 <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流 0 ；2-3 路视频流\r\n 1；4-6 路视频流 4\r\n </el-form-item>\r\n <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n </el-form>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getHostInfoApi, resetReboot } from '../../api/aboutMachine';\r\nimport { getQuanjszData } from '../../api/index';\r\nimport serverUrl from '../../config/apiurl.js';\r\nimport { setQuanjsz } from '@/api/index';\r\nimport axios from 'axios';\r\nexport default {\r\n data() {\r\n return {\r\n formLabelWidth: '120px',\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 videoNumber: 6,\r\n FPS: '0',\r\n id: '',\r\n options: [\r\n {\r\n value: '0',\r\n label: '0'\r\n },\r\n {\r\n value: '1',\r\n label: '1'\r\n },\r\n {\r\n value: '4',\r\n label: '4'\r\n }\r\n ]\r\n };\r\n },\r\n mounted() {\r\n this.getShipjkDatalist();\r\n this.getInfo();\r\n },\r\n methods: {\r\n //保存主机时间\r\n saveTime() {\r\n let formData = new FormData();\r\n formData.append('HostTime', this.sizeForm.date1);\r\n axios({\r\n method: 'post',\r\n url: serverUrl.setHostTime,\r\n data: formData\r\n }).then(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 saveHostName(value) {\r\n let formData = new FormData();\r\n formData.append('HostName', this.sizeForm.name);\r\n axios({\r\n method: 'post',\r\n url: serverUrl.setHostName,\r\n data: formData\r\n }).then(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 getInfo() {\r\n getHostInfoApi()\r\n .then(res => {\r\n this.sizeForm.name = res.data.data.hostname;\r\n this.sizeForm.date1 = res.data.data.time;\r\n })\r\n .catch(err => {\r\n this.$message.error(res.data.msg);\r\n });\r\n },\r\n handleagain() {\r\n this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n resetReboot()\r\n .then(res => {\r\n console.log(res);\r\n this.$message.success(res.data.msg);\r\n })\r\n .catch(err => {\r\n this.$message.error(res.data.msg);\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 handleChangeVideoNumber(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 const formData = new URLSearchParams();\r\n // let formData = new FormData();\r\n formData.append('VideoAccessLimit', this.videoNumber);\r\n formData.append('SkipFrame', value);\r\n formData.append('GlobalSettingId', this.id);\r\n formData(formData).then(res => {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n });\r\n },\r\n //获取全局设置数据\r\n getShipjkDatalist() {\r\n getQuanjszData().then(res => {\r\n console.log('res11111', res);\r\n if (res.data.code == 200) {\r\n this.videoNumber = res.data.data.videoAccessLimit;\r\n this.FPS = res.data.data.skipFrame;\r\n this.id = res.data.data.globalSettingId;\r\n }\r\n });\r\n },\r\n //点击确认\r\n commit() {\r\n const formData = new URLSearchParams();\r\n // let formData = new FormData();\r\n formData.append('VideoAccessLimit', this.videoNumber);\r\n formData.append('SkipFrame', this.FPS);\r\n formData.append('GlobalSettingId', this.id);\r\n setQuanjsz(formData).then(res => {\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n });\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__label {\r\n text-align: left;\r\n font-size: 15px;\r\n}\r\n/deep/ .el-form-item {\r\n margin-bottom: 15px;\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/f33a3790ba493045db8997e3255aae8b.json b/node_modules/.cache/babel-loader/f33a3790ba493045db8997e3255aae8b.json
index 46bebfc1..4e18b04c 100644
--- a/node_modules/.cache/babel-loader/f33a3790ba493045db8997e3255aae8b.json
+++ b/node_modules/.cache/babel-loader/f33a3790ba493045db8997e3255aae8b.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1677208560154},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nvar _methods;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';\nexport default {\n props: {\n analysisConfigurationdata: {\n default: function _default() {\n return false;\n },\n type: Object,\n required: true\n }\n },\n data: function data() {\n return {\n unityDone: false,\n oldName: '',\n formRules: {\n pointName: [{\n required: true,\n message: '请输入点名称',\n trigger: 'blur'\n }],\n longitude: [{\n required: true,\n message: '请输入经度',\n trigger: 'blur'\n }],\n latitude: [{\n required: true,\n message: '请输入纬度',\n trigger: 'blur'\n }]\n },\n addDianForm: {\n pointName: '',\n longitude: '',\n latitude: '',\n oldName: ''\n },\n dialogVisible: false,\n coordinateTransformationId: '',\n AnalysisSettingId: '',\n contentShow: {\n postion: true,\n coordinate: false,\n plate: true,\n parking: true\n },\n sizeForm: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: '',\n longitude: '',\n latitude: ''\n },\n formInline: {\n user: '',\n region: ''\n },\n //最上部表单\n topForm: {},\n //坐标转换\n coordinateForm: {\n coordinateClose: false,\n model: 'Georeferencing',\n coordinateTransformation: '84坐标系',\n value: '0',\n num: 1\n },\n options: [{\n value: '南',\n label: '南'\n }, {\n value: '北',\n label: '北'\n }],\n coordinateTableData: [],\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: 0\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 renewalFrequency: ''\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 watch: {\n analysisConfigurationdata: {\n handler: function handler(old, newV) {\n // console.log(\"old\",old)\n // console.log(\"newV\",newV)\n if (newV != null && this.unityDone == true) {\n console.log(newV, 'yyy');\n this.$refs.analysisWeb.contentWindow.getDestination(newV);\n }\n }\n }\n },\n created: function created() {\n var _this = this;\n\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 getFeixpz({\n VideoId: this.$route.query.id\n }).then(function (res) {\n _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n _this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\n _this.coordinateForm.value = res.data.data.hemisphere;\n _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n _this.coordinateTableData = res.data.data.pointData != null ? res.data.data.pointData.map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n btnShow: '1'\n });\n }) : [];\n _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n _this.stopStateform.speed = res.data.data.parkingSpeed;\n _this.AnalysisSettingId = res.data.data.analysisSettingId;\n _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n\n _this.coordinateTableData.forEach(function (item) {\n item.btnShow = '1';\n });\n });\n },\n mounted: function mounted() {\n window.OnSceneload = this.OnSceneload;\n window.saveCoordinate = this.saveCoordinate;\n },\n methods: (_methods = {\n saveCoordinate: function saveCoordinate(obj) {\n console.log(obj);\n this.coordinateTableData.forEach(function (item) {\n if (item.pointName == obj.pointName) {\n item.imageXCoordinate = obj.imageXCoordinate;\n item.imageYCoordinate = obj.imageYCoordinate;\n }\n });\n },\n updateName: function updateName(val) {\n console.log('val', val.target.value);\n },\n handleExit: function handleExit(row, index) {\n // this.oldName = row.pointName\n row.oldName = row.pointName;\n this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\n row.btnShow = '2'; // this.$set(this.coordinateTableData, index, row);\n },\n handleconfirm: function handleconfirm(row, index) {\n var bol = this.coordinateTableData.some(function (item, indexa) {\n return item.pointName == row.pointName && indexa != index;\n });\n\n if (bol == true) {\n this.$message({\n type: 'info',\n message: '该点位已存在'\n });\n return false;\n }\n\n var string = row.oldName + ',' + row.pointName;\n this.$refs.analysisWeb.contentWindow.saveDian(string);\n row.btnShow = '1';\n row.oldName = row.pointName; // this.$set(this.coordinateTableData, index, row);\n },\n OnSceneload: function OnSceneload(newV) {\n var ip = window.location.host;\n this.ipData = 'http://' + ip.split(':')[0] + ':5000';\n this.$refs.analysisWeb.contentWindow.getIpData('http://172.16.1.168:5000'); // this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\n\n this.unityDone = true;\n },\n handleDeleteDian: function handleDeleteDian(row, idx) {\n var _this2 = this;\n\n this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n _this2.coordinateTableData.splice(idx, 1); // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);\n\n\n _this2.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);\n\n _this2.$message({\n type: 'success',\n message: '删除成功!'\n });\n }).catch(function () {\n _this2.$message({\n type: 'info',\n message: '已取消删除'\n });\n });\n },\n handleDian: function handleDian() {\n var newPointData = {\n btnShow: '2',\n longitude: '0',\n latitude: '0'\n };\n newPointData.oldName = newPointData.pointName = String(new Date().getTime());\n this.coordinateTableData.unshift(newPointData);\n this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);\n },\n phoneChange: function phoneChange(e) {\n console.log('e', e.currentTarget.value);\n this.addDianForm.oldName = e.currentTarget.value;\n },\n handleClose: function handleClose(done) {\n this.$confirm('确认关闭？').then(function (_) {\n done();\n }).catch(function (_) {});\n },\n // 坐标转换接口\n handlePos: function handlePos() {\n var _this3 = this;\n\n if (this.coordinateTableData.some(function (item) {\n return item.btnShow === '2';\n })) {\n this.$message.warning('请先确认编辑');\n return;\n }\n\n var params = {\n CoordinateTransformationId: this.coordinateTransformationId,\n UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\n Hemisphere: this.coordinateForm.value,\n CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n PointData: this.coordinateTableData.map(function (item) {\n return {\n longitude: item.longitude,\n latitude: item.latitude,\n pointName: item.pointName,\n imageXCoordinate: item.imageXCoordinate,\n imageYCoordinate: item.imageYCoordinate\n };\n })\n };\n setFeixzbzh(params).then(function (res) {\n _this3.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 停车状态\n handleParking: function handleParking() {\n var _this4 = this;\n\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('ParkingDisplacement', this.stopStateform.displacement);\n params.append('ParkingSpeed', this.stopStateform.speed);\n setParkingStatus(params).then(function (res) {\n _this4.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 车牌识别\n changeChepai: function changeChepai(val) {\n var _this5 = this;\n\n console.log(val, 'val111');\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('LicensePlateRecognitionSwitch', val);\n setLicensePlate(params).then(function (res) {\n _this5.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 经纬度保存\n handSaveitude: function handSaveitude() {\n var _this6 = this;\n\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('CameraPositionLongitude', this.sizeForm.longitude);\n params.append('CameraPositionLatitude', this.sizeForm.latitude);\n setCameraPosition(params).then(function (res) {\n _this6.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 收放\n handleContent: function handleContent(val) {\n if (val == 'postion') {\n this.contentShow.postion = !this.contentShow.postion;\n }\n\n if (val == 'coordinate') {\n this.contentShow.coordinate = !this.contentShow.coordinate;\n }\n\n if (val == 'plate') {\n this.contentShow.plate = !this.contentShow.plate;\n }\n\n if (val == 'parking') {\n this.contentShow.parking = !this.contentShow.parking;\n }\n },\n handleChange: function handleChange(value) {\n console.log(value);\n },\n load: function load() {\n var _this7 = 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 _this7.testMqtt(); // }, 5000);\n\n };\n },\n testMqtt: function testMqtt() {\n console.log('222');\n this.getDataByMqtt();\n }\n }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n var _this8 = 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 _this8.$message({\n type: 'info',\n message: '已取消'\n });\n });\n }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n var _this9 = 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 _this9.$message({\n type: 'info',\n message: '已取消重置'\n });\n });\n }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n console.log(file, fileList);\n }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n console.log(file);\n }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n var _this10 = 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 ip = window.location.host.split(\":\")[0];\n console.log(\"ip\", ip);\n var host = \"ws://\".concat(ip, \":10087\"); // const host = 'ws://172.16.1.168:10087/';\n\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 _this10.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 _this10.mqttClient.subscribe('img0', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img1', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img2', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img3', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img4', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img5', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream0', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream1', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream2', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream3', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream4', {\n qos: 0\n });\n\n _this10.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 _this10.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 _this10.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 _this10.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 _this10.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 _this10.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 }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div class=\"analysis\">\r\n <div class=\"top\" style=\"margin-top:10px\">\r\n <div class=\"section\">\r\n <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">自动保存</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\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=\"fit-content\" style=\"margin-top:15px\">\r\n <div class=\"warning\" v-if=\"false\">\r\n <p class=\"board-title\">重置分析</p>\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 v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n <i\r\n :class=\"contentShow.postion == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">相机位置</p>\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=\"相机位置：\" v-if=\"contentShow.postion\">\r\n <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n <el-input\r\n v-model=\"sizeForm.latitude\"\r\n size=\"small\"\r\n style=\"width: 150px; margin-left: 20px\"\r\n placeholder=\"纬度\"\r\n ></el-input>\r\n </el-form-item>\r\n </el-form>\r\n <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n <i\r\n :class=\"contentShow.coordinate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">坐标转换</p>\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=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\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=\"UTM区：\" class=\"otherThings\">\r\n <el-input-number\r\n v-model=\"coordinateForm.num\"\r\n controls-position=\"right\"\r\n :precision=\"0\"\r\n size=\"small\"\r\n :min=\"1\"\r\n :max=\"60\"\r\n ></el-input-number>\r\n <div class=\"warning\" style=\"margin:0px\">\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n </div>\r\n </el-form-item>\r\n <el-form-item label=\"半球：\">\r\n <el-select size=\"small\" v-model=\"coordinateForm.value\" 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-form-item>\r\n <el-form-item label=\"坐标转换：\">\r\n <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n <el-radio label=\"WGS-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: 702px; margin-bottom: 10px\">\r\n <iframe ref=\"analysisWeb\" src=\"./analysisWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n </div>\r\n <div class=\"warning\">\r\n <el-button size=\"mini\" type=\"primary\" style=\"color: #fffff\" @click=\"handleDian\">新增点 </el-button>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>请至少配置4个点，不满足4个点会没有数据。\r\n </div>\r\n <el-table border :data=\"coordinateTableData\">\r\n <template slot=\"empty\">\r\n <el-empty :image-size=\"100\" description=\"暂无数据\"></el-empty>\r\n </template>\r\n <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n :disabled=\"scope.row.btnShow == '1' ? true : false\"\r\n v-model=\"scope.row.pointName\"\r\n maxlength=\"30\"\r\n placeholder=\"请输入\"\r\n @blur=\"updateName($event)\"\r\n />\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 :disabled=\"scope.row.btnShow == '1' ? true : false\"\r\n v-model=\"scope.row.longitude\"\r\n maxlength=\"20\"\r\n placeholder=\"请输入\"\r\n />\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n <template v-slot=\"{ row, $index }\">\r\n <el-input\r\n :disabled=\"row.btnShow == '1' ? true : false\"\r\n v-model=\"row.latitude\"\r\n maxlength=\"20\"\r\n placeholder=\"请输入\"\r\n />\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"imageXCoordinate\" label=\"横坐标\" align=\"center\">\r\n </el-table-column>\r\n <el-table-column prop=\"imageYCoordinate\" label=\"纵坐标\" align=\"center\">\r\n </el-table-column>\r\n <el-table-column prop=\"oldName\" label=\"旧名字\" align=\"center\" v-if=\"laneform.laneClose == true\">\r\n <template slot-scope=\"scope\">\r\n <el-input v-model=\"scope.row.oldName\" maxlength=\"20\" placeholder=\"请输入\" />\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 v-slot=\"{ row, $index }\">\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n v-if=\"row.btnShow == '1' ? true : false\"\r\n @click=\"handleExit(row, $index)\"\r\n >编辑\r\n </el-button>\r\n <el-button size=\"mini\" type=\"text\" style=\"color: #2090c1\" v-else @click=\"handleconfirm(row, $index)\"\r\n >确认编辑\r\n </el-button>\r\n <el-button size=\"mini\" type=\"text\" style=\"color: #f56c6c\" @click=\"handleDeleteDian(row, $index)\"\r\n >删除\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\r\n type=\"primary\"\r\n :disabled=\"coordinateTableData.length < 4\"\r\n @click=\"handlePos()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n >保存</el-button\r\n >\r\n </div>\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">车道识别配置</p>\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: 400px\" v-if=\"laneform.laneClose == true\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></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\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">识别区域</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n </div>\r\n\r\n <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\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: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n </div>\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">轨迹平滑</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n </div>\r\n <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\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\r\n label=\"预测滤波时间：\"\r\n style=\"width: 250px\"\r\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n >\r\n <el-input-number\r\n v-model=\"trajectorySmoothingform.time\"\r\n @change=\"handleChange\"\r\n :min=\"2000\"\r\n :max=\"3000\"\r\n label=\"预测滤波时间\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('plate')\">\r\n <i\r\n :class=\"contentShow.plate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">车牌识别</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n </div>\r\n <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n <el-form-item label=\"车牌识别开关：\">\r\n <el-switch\r\n v-model=\"licensePlateform.licensePlateClose\"\r\n active-value=\"1\"\r\n inactive-value=\"0\"\r\n @change=\"changeChepai($event)\"\r\n ></el-switch>\r\n </el-form-item>\r\n <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\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=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\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\" v-if=\"false\">\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"licensePlateform.licensePlateClose == true\"\r\n >保存</el-button\r\n >\r\n </div>\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('parking')\">\r\n <i\r\n :class=\"contentShow.parking == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">停车状态</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n </div>\r\n <el-form\r\n :inline=\"true\"\r\n :model=\"stopStateform\"\r\n class=\"demo-form-inline\"\r\n label-width=\"fit-content\"\r\n v-if=\"contentShow.parking\"\r\n >\r\n <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n <el-input-number\r\n v-model=\"stopStateform.displacement\"\r\n @change=\"handleChange\"\r\n :min=\"0\"\r\n :max=\"3000\"\r\n label=\"位移\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n <el-input-number\r\n v-model=\"stopStateform.speed\"\r\n @change=\"handleChange\"\r\n :min=\"0\"\r\n :max=\"3000\"\r\n label=\"速度\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"加速度：\" v-if=\"false\">\r\n <el-input-number\r\n v-model=\"stopStateform.acceleration\"\r\n @change=\"handleChange\"\r\n :min=\"2000\"\r\n :max=\"3000\"\r\n label=\"加速度\"\r\n ></el-input-number>\r\n </el-form-item>\r\n </el-form>\r\n <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">通信设置</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n </div>\r\n <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n <el-form-item label=\"更新频率：\">\r\n <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"类型：\" style=\"display:flex\">\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 </div>\r\n <!-- <el-dialog\r\n title=\"新增点\"\r\n :visible.sync=\"dialogVisible\"\r\n width=\"30%\"\r\n >\r\n <el-form ref=\"addform\" :rules=\"formRules\" :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\" @blur=\"phoneChange($event)\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入经度\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入纬度\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"旧名称：\" prop=\"latitude\" v-if=\"laneform.laneClose == true\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.oldName\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n </el-form>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n </span>\r\n </el-dialog> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';\r\nexport default {\r\n props: {\r\n analysisConfigurationdata: {\r\n default: () => false,\r\n type: Object,\r\n required: true\r\n }\r\n },\r\n data() {\r\n return {\r\n unityDone: false,\r\n oldName: '',\r\n formRules: {\r\n pointName: [{ required: true, message: '请输入点名称', trigger: 'blur' }],\r\n longitude: [{ required: true, message: '请输入经度', trigger: 'blur' }],\r\n latitude: [{ required: true, message: '请输入纬度', trigger: 'blur' }]\r\n },\r\n addDianForm: {\r\n pointName: '',\r\n longitude: '',\r\n latitude: '',\r\n oldName: ''\r\n },\r\n dialogVisible: false,\r\n coordinateTransformationId: '',\r\n AnalysisSettingId: '',\r\n contentShow: {\r\n postion: true,\r\n coordinate: false,\r\n plate: true,\r\n parking: true\r\n },\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 longitude: '',\r\n latitude: ''\r\n },\r\n formInline: {\r\n user: '',\r\n region: ''\r\n },\r\n //最上部表单\r\n topForm: {},\r\n //坐标转换\r\n coordinateForm: {\r\n coordinateClose: false,\r\n model: 'Georeferencing',\r\n coordinateTransformation: '84坐标系',\r\n value: '0',\r\n num: 1\r\n },\r\n options: [\r\n {\r\n value: '南',\r\n label: '南'\r\n },\r\n {\r\n value: '北',\r\n label: '北'\r\n }\r\n ],\r\n coordinateTableData: [],\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: 0\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 {\r\n thresholdValue: '22',\r\n sectionPlate: '222',\r\n inIp: '02',\r\n setAssociation: ''\r\n },\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 renewalFrequency: ''\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 {\r\n name: '22',\r\n inPort: '222',\r\n inIp: '02'\r\n },\r\n {\r\n name: '33',\r\n inPort: '333',\r\n inIp: '03'\r\n }\r\n ],\r\n internalIpList: [],\r\n fileList: []\r\n };\r\n },\r\n watch: {\r\n analysisConfigurationdata: {\r\n handler: function(old, newV) {\r\n // console.log(\"old\",old)\r\n // console.log(\"newV\",newV)\r\n if (newV != null && this.unityDone == true) {\r\n console.log(newV, 'yyy');\r\n this.$refs.analysisWeb.contentWindow.getDestination(newV);\r\n }\r\n }\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 getFeixpz({ VideoId: this.$route.query.id }).then(res => {\r\n this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\r\n this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\r\n this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\r\n this.coordinateForm.value = res.data.data.hemisphere;\r\n this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\r\n this.coordinateTableData =\r\n res.data.data.pointData != null\r\n ? res.data.data.pointData.map(item => {\r\n return { ...item, btnShow: '1' };\r\n })\r\n : [];\r\n this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\r\n this.stopStateform.displacement = res.data.data.parkingDisplacement;\r\n this.stopStateform.speed = res.data.data.parkingSpeed;\r\n this.AnalysisSettingId = res.data.data.analysisSettingId;\r\n this.coordinateTransformationId = res.data.data.coordinateTransformationId;\r\n this.coordinateTableData.forEach(item => {\r\n item.btnShow = '1';\r\n });\r\n });\r\n },\r\n mounted() {\r\n window.OnSceneload = this.OnSceneload;\r\n window.saveCoordinate = this.saveCoordinate;\r\n },\r\n methods: {\r\n saveCoordinate(obj) {\r\n console.log(obj);\r\n this.coordinateTableData.forEach(item => {\r\n if (item.pointName == obj.pointName) {\r\n item.imageXCoordinate = obj.imageXCoordinate;\r\n item.imageYCoordinate = obj.imageYCoordinate;\r\n }\r\n });\r\n },\r\n\r\n updateName(val) {\r\n console.log('val', val.target.value);\r\n },\r\n handleExit(row, index) {\r\n // this.oldName = row.pointName\r\n row.oldName = row.pointName;\r\n this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\r\n row.btnShow = '2';\r\n // this.$set(this.coordinateTableData, index, row);\r\n },\r\n handleconfirm(row, index) {\r\n var bol = this.coordinateTableData.some((item, indexa) => item.pointName == row.pointName && indexa != index);\r\n if (bol == true) {\r\n this.$message({\r\n type: 'info',\r\n message: '该点位已存在'\r\n });\r\n return false;\r\n }\r\n var string = row.oldName + ',' + row.pointName;\r\n this.$refs.analysisWeb.contentWindow.saveDian(string);\r\n row.btnShow = '1';\r\n row.oldName = row.pointName;\r\n // this.$set(this.coordinateTableData, index, row);\r\n },\r\n OnSceneload(newV) {\r\n var ip = window.location.host;\r\n this.ipData = 'http://' + ip.split(':')[0] + ':5000';\r\n this.$refs.analysisWeb.contentWindow.getIpData('http://172.16.1.168:5000');\r\n // this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\r\n this.unityDone = true;\r\n },\r\n handleDeleteDian(row, idx) {\r\n this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n this.coordinateTableData.splice(idx, 1);\r\n // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);\r\n this.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);\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 handleDian() {\r\n const newPointData = {\r\n btnShow: '2',\r\n longitude: '0',\r\n latitude: '0'\r\n };\r\n newPointData.oldName = newPointData.pointName = String(new Date().getTime());\r\n this.coordinateTableData.unshift(newPointData);\r\n this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);\r\n },\r\n phoneChange(e) {\r\n console.log('e', e.currentTarget.value);\r\n this.addDianForm.oldName = e.currentTarget.value;\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 handlePos() {\r\n if (this.coordinateTableData.some(item => item.btnShow === '2')) {\r\n this.$message.warning('请先确认编辑');\r\n return;\r\n }\r\n let params = {\r\n CoordinateTransformationId: this.coordinateTransformationId,\r\n UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\r\n Hemisphere: this.coordinateForm.value,\r\n CoordinateTransformation: this.coordinateForm.coordinateTransformation,\r\n PointData: this.coordinateTableData.map(item => {\r\n return {\r\n longitude: item.longitude,\r\n latitude: item.latitude,\r\n pointName: item.pointName,\r\n imageXCoordinate: item.imageXCoordinate,\r\n imageYCoordinate: item.imageYCoordinate\r\n };\r\n })\r\n };\r\n setFeixzbzh(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 停车状态\r\n handleParking() {\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('ParkingDisplacement', this.stopStateform.displacement);\r\n params.append('ParkingSpeed', this.stopStateform.speed);\r\n setParkingStatus(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 车牌识别\r\n changeChepai(val) {\r\n console.log(val, 'val111');\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('LicensePlateRecognitionSwitch', val);\r\n setLicensePlate(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 经纬度保存\r\n handSaveitude() {\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('CameraPositionLongitude', this.sizeForm.longitude);\r\n params.append('CameraPositionLatitude', this.sizeForm.latitude);\r\n setCameraPosition(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 收放\r\n handleContent(val) {\r\n if (val == 'postion') {\r\n this.contentShow.postion = !this.contentShow.postion;\r\n }\r\n if (val == 'coordinate') {\r\n this.contentShow.coordinate = !this.contentShow.coordinate;\r\n }\r\n if (val == 'plate') {\r\n this.contentShow.plate = !this.contentShow.plate;\r\n }\r\n if (val == 'parking') {\r\n this.contentShow.parking = !this.contentShow.parking;\r\n }\r\n },\r\n handleChange(value) {\r\n console.log(value);\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 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 getReverseShellList() {\r\n // getShellList().then(res => {\r\n // if (res.code === 200) {\r\n // if (res.data && res.data.length > 0) {\r\n // \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n // res.data.forEach(item => {\r\n // item['isEdit'] = false\r\n // })\r\n // }\r\n // this.tableData = res.data\r\n // 在表格列表前插入一行，用来新增数据\r\n this.tableData.unshift({\r\n name: '',\r\n inIp: '',\r\n inPort: null,\r\n outPort: null,\r\n enabled: null,\r\n isEdit: true\r\n });\r\n // }\r\n // })\r\n },\r\n // 新增按钮\r\n handleAdd(row) {\r\n for (let key in row) {\r\n // 判断一行字段是否输入完整\r\n if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n this.msgError('Please complete the information');\r\n return;\r\n }\r\n }\r\n const params = {\r\n name: row.name,\r\n inIp: row.inIp\r\n // inPort: parseInt(row.inPort),\r\n // outPort: parseInt(row.outPort),\r\n // enabled: row.enabled\r\n };\r\n this.getReverseShellList();\r\n // addShell(params).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Add reverse shell successfully')\r\n // row.isEdit = false\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n },\r\n // 编辑或者Apply按钮\r\n handleUpdate(row) {\r\n // 点击Apply时\r\n if (row.isEdit) {\r\n for (let key in row) {\r\n if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n this.msgError('Please complete the information');\r\n return;\r\n }\r\n }\r\n const params = {\r\n name: row.name,\r\n inIp: row.inIp,\r\n inPort: parseInt(row.inPort),\r\n outPort: parseInt(row.outPort),\r\n enabled: row.enabled\r\n };\r\n // updateShell(params).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Update reverse shell successfully')\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n } else {\r\n // 点击编辑时\r\n row.isEdit = true;\r\n }\r\n },\r\n // 删除或取消按钮\r\n handleDelete(row) {\r\n // 点击取消时\r\n if (row.isEdit) {\r\n this.getReverseShellList();\r\n } else {\r\n // 点击删除时\r\n this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n confirmButtonText: 'Sure',\r\n cancelButtonText: 'Cancel',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // deleteShell(row.name).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Delete reverse shell successfully')\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n })\r\n .catch(() => {});\r\n }\r\n },\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 var ip = window.location.host.split(\":\")[0];\r\n console.log(\"ip\",ip)\r\n const host = `ws://${ip}:10087`;\r\n // const host = 'ws://172.16.1.168:10087/';\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 this.mqttClient.on('message', (topic, message, packet) => {\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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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</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.otherThings {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\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}\r\n.analysis {\r\n .board-title {\r\n font-size: 17px;\r\n font-weight: bolder;\r\n width: max-content;\r\n }\r\n}\r\n.analysis .warning {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n cursor: pointer;\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: 0 15px;\r\n margin-bottom: 15px;\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: 0 15px;\r\n margin-bottom: 15px;\r\n}\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":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1677376577619},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nvar _methods;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';\nexport default {\n props: {\n analysisConfigurationdata: {\n default: function _default() {\n return false;\n },\n type: Object,\n required: true\n }\n },\n data: function data() {\n return {\n unityDone: false,\n oldName: '',\n formRules: {\n pointName: [{\n required: true,\n message: '请输入点名称',\n trigger: 'blur'\n }],\n longitude: [{\n required: true,\n message: '请输入经度',\n trigger: 'blur'\n }],\n latitude: [{\n required: true,\n message: '请输入纬度',\n trigger: 'blur'\n }]\n },\n addDianForm: {\n pointName: '',\n longitude: '',\n latitude: '',\n oldName: ''\n },\n dialogVisible: false,\n coordinateTransformationId: '',\n AnalysisSettingId: '',\n contentShow: {\n postion: true,\n coordinate: false,\n plate: true,\n parking: true\n },\n sizeForm: {\n name: '',\n region: '',\n date1: '',\n date2: '',\n delivery: false,\n type: [],\n resource: '',\n desc: '',\n longitude: '',\n latitude: ''\n },\n formInline: {\n user: '',\n region: ''\n },\n //最上部表单\n topForm: {},\n //坐标转换\n coordinateForm: {\n coordinateClose: false,\n model: 'Georeferencing',\n coordinateTransformation: '84坐标系',\n value: '0',\n num: 1\n },\n options: [{\n value: '南',\n label: '南'\n }, {\n value: '北',\n label: '北'\n }],\n coordinateTableData: [],\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: 0\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 renewalFrequency: ''\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 watch: {\n analysisConfigurationdata: {\n handler: function handler(old, newV) {\n // console.log(\"old\",old)\n // console.log(\"newV\",newV)\n if (newV != null && this.unityDone == true) {\n console.log(newV, 'yyy');\n this.$refs.analysisWeb.contentWindow.getDestination(newV);\n }\n }\n }\n },\n created: function created() {\n var _this = this;\n\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 getFeixpz({\n VideoId: this.$route.query.id\n }).then(function (res) {\n _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n _this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\n _this.coordinateForm.value = res.data.data.hemisphere;\n _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n _this.coordinateTableData = res.data.data.pointData != null ? res.data.data.pointData.map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n btnShow: '1'\n });\n }) : [];\n _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n _this.stopStateform.speed = res.data.data.parkingSpeed;\n _this.AnalysisSettingId = res.data.data.analysisSettingId;\n _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n\n _this.coordinateTableData.forEach(function (item) {\n item.btnShow = '1';\n });\n });\n },\n mounted: function mounted() {\n window.OnSceneload = this.OnSceneload;\n window.saveCoordinate = this.saveCoordinate;\n },\n methods: (_methods = {\n saveCoordinate: function saveCoordinate(obj) {\n console.log(obj);\n this.coordinateTableData.forEach(function (item) {\n if (item.pointName == obj.pointName) {\n item.imageXCoordinate = obj.imageXCoordinate;\n item.imageYCoordinate = obj.imageYCoordinate;\n }\n });\n },\n updateName: function updateName(val) {\n console.log('val', val.target.value);\n },\n handleExit: function handleExit(row, index) {\n // this.oldName = row.pointName\n row.oldName = row.pointName;\n this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\n row.btnShow = '2'; // this.$set(this.coordinateTableData, index, row);\n },\n handleconfirm: function handleconfirm(row, index) {\n var bol = this.coordinateTableData.some(function (item, indexa) {\n return item.pointName == row.pointName && indexa != index;\n });\n\n if (bol == true) {\n this.$message({\n type: 'info',\n message: '该点位已存在'\n });\n return false;\n }\n\n var string = row.oldName + ',' + row.pointName;\n this.$refs.analysisWeb.contentWindow.saveDian(string);\n row.btnShow = '1';\n row.oldName = row.pointName; // this.$set(this.coordinateTableData, index, row);\n },\n OnSceneload: function OnSceneload(newV) {\n var ip = window.location.host;\n this.ipData = 'http://' + ip.split(':')[0] + ':5000'; // this.$refs.analysisWeb.contentWindow.getIpData('http://172.16.1.168:5000');\n\n this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\n this.unityDone = true;\n },\n handleDeleteDian: function handleDeleteDian(row, idx) {\n var _this2 = this;\n\n this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n _this2.coordinateTableData.splice(idx, 1); // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);\n\n\n _this2.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);\n\n _this2.$message({\n type: 'success',\n message: '删除成功!'\n });\n }).catch(function () {\n _this2.$message({\n type: 'info',\n message: '已取消删除'\n });\n });\n },\n handleDian: function handleDian() {\n var newPointData = {\n btnShow: '2',\n longitude: '0',\n latitude: '0'\n };\n newPointData.oldName = newPointData.pointName = String(new Date().getTime());\n this.coordinateTableData.unshift(newPointData);\n this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);\n },\n phoneChange: function phoneChange(e) {\n console.log('e', e.currentTarget.value);\n this.addDianForm.oldName = e.currentTarget.value;\n },\n handleClose: function handleClose(done) {\n this.$confirm('确认关闭？').then(function (_) {\n done();\n }).catch(function (_) {});\n },\n // 坐标转换接口\n handlePos: function handlePos() {\n var _this3 = this;\n\n if (this.coordinateTableData.some(function (item) {\n return item.btnShow === '2';\n })) {\n this.$message.warning('请先确认编辑');\n return;\n }\n\n var params = {\n CoordinateTransformationId: this.coordinateTransformationId,\n UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\n Hemisphere: this.coordinateForm.value,\n CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n PointData: this.coordinateTableData.map(function (item) {\n return {\n longitude: item.longitude,\n latitude: item.latitude,\n pointName: item.pointName,\n imageXCoordinate: item.imageXCoordinate,\n imageYCoordinate: item.imageYCoordinate\n };\n })\n };\n setFeixzbzh(params).then(function (res) {\n _this3.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 停车状态\n handleParking: function handleParking() {\n var _this4 = this;\n\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('ParkingDisplacement', this.stopStateform.displacement);\n params.append('ParkingSpeed', this.stopStateform.speed);\n setParkingStatus(params).then(function (res) {\n _this4.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 车牌识别\n changeChepai: function changeChepai(val) {\n var _this5 = this;\n\n console.log(val, 'val111');\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('LicensePlateRecognitionSwitch', val);\n setLicensePlate(params).then(function (res) {\n _this5.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 经纬度保存\n handSaveitude: function handSaveitude() {\n var _this6 = this;\n\n var params = new URLSearchParams();\n params.append('AnalysisSettingId', this.AnalysisSettingId);\n params.append('CameraPositionLongitude', this.sizeForm.longitude);\n params.append('CameraPositionLatitude', this.sizeForm.latitude);\n setCameraPosition(params).then(function (res) {\n _this6.$message({\n type: 'success',\n message: res.data.msg\n });\n });\n },\n // 收放\n handleContent: function handleContent(val) {\n if (val == 'postion') {\n this.contentShow.postion = !this.contentShow.postion;\n }\n\n if (val == 'coordinate') {\n this.contentShow.coordinate = !this.contentShow.coordinate;\n }\n\n if (val == 'plate') {\n this.contentShow.plate = !this.contentShow.plate;\n }\n\n if (val == 'parking') {\n this.contentShow.parking = !this.contentShow.parking;\n }\n },\n handleChange: function handleChange(value) {\n console.log(value);\n },\n load: function load() {\n var _this7 = 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 _this7.testMqtt(); // }, 5000);\n\n };\n },\n testMqtt: function testMqtt() {\n console.log('222');\n this.getDataByMqtt();\n }\n }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n var _this8 = 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 _this8.$message({\n type: 'info',\n message: '已取消'\n });\n });\n }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n var _this9 = 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 _this9.$message({\n type: 'info',\n message: '已取消重置'\n });\n });\n }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n console.log(file, fileList);\n }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n console.log(file);\n }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"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 }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n var _this10 = 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 ip = window.location.host.split(\":\")[0];\n console.log(\"ip\", ip); // const host = `ws://${ip}:10087`;\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 _this10.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 _this10.mqttClient.subscribe('img0', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img1', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img2', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img3', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img4', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('img5', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream0', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream1', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream2', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream3', {\n qos: 0\n });\n\n _this10.mqttClient.subscribe('stream4', {\n qos: 0\n });\n\n _this10.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 _this10.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 _this10.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 _this10.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 _this10.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 _this10.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 }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div class=\"analysis\">\r\n <div class=\"top\" style=\"margin-top:10px\">\r\n <div class=\"section\">\r\n <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">自动保存</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\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=\"fit-content\" style=\"margin-top:15px\">\r\n <div class=\"warning\" v-if=\"false\">\r\n <p class=\"board-title\">重置分析</p>\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 v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n <i\r\n :class=\"contentShow.postion == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">相机位置</p>\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=\"相机位置：\" v-if=\"contentShow.postion\">\r\n <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n <el-input\r\n v-model=\"sizeForm.latitude\"\r\n size=\"small\"\r\n style=\"width: 150px; margin-left: 20px\"\r\n placeholder=\"纬度\"\r\n ></el-input>\r\n </el-form-item>\r\n </el-form>\r\n <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n <i\r\n :class=\"contentShow.coordinate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">坐标转换</p>\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=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\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=\"UTM区：\" class=\"otherThings\">\r\n <el-input-number\r\n v-model=\"coordinateForm.num\"\r\n controls-position=\"right\"\r\n :precision=\"0\"\r\n size=\"small\"\r\n :min=\"1\"\r\n :max=\"60\"\r\n ></el-input-number>\r\n <div class=\"warning\" style=\"margin:0px\">\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n </div>\r\n </el-form-item>\r\n <el-form-item label=\"半球：\">\r\n <el-select size=\"small\" v-model=\"coordinateForm.value\" 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-form-item>\r\n <el-form-item label=\"坐标转换：\">\r\n <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n <el-radio label=\"WGS-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: 702px; margin-bottom: 10px\">\r\n <iframe ref=\"analysisWeb\" src=\"./analysisWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n </div>\r\n <div class=\"warning\">\r\n <el-button size=\"mini\" type=\"primary\" style=\"color: #fffff\" @click=\"handleDian\">新增点 </el-button>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>请至少配置4个点，不满足4个点会没有数据。\r\n </div>\r\n <el-table border :data=\"coordinateTableData\">\r\n <template slot=\"empty\">\r\n <el-empty :image-size=\"100\" description=\"暂无数据\"></el-empty>\r\n </template>\r\n <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <el-input\r\n :disabled=\"scope.row.btnShow == '1' ? true : false\"\r\n v-model=\"scope.row.pointName\"\r\n maxlength=\"30\"\r\n placeholder=\"请输入\"\r\n @blur=\"updateName($event)\"\r\n />\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 :disabled=\"scope.row.btnShow == '1' ? true : false\"\r\n v-model=\"scope.row.longitude\"\r\n maxlength=\"20\"\r\n placeholder=\"请输入\"\r\n />\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n <template v-slot=\"{ row, $index }\">\r\n <el-input\r\n :disabled=\"row.btnShow == '1' ? true : false\"\r\n v-model=\"row.latitude\"\r\n maxlength=\"20\"\r\n placeholder=\"请输入\"\r\n />\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"imageXCoordinate\" label=\"横坐标\" align=\"center\">\r\n </el-table-column>\r\n <el-table-column prop=\"imageYCoordinate\" label=\"纵坐标\" align=\"center\">\r\n </el-table-column>\r\n <el-table-column prop=\"oldName\" label=\"旧名字\" align=\"center\" v-if=\"laneform.laneClose == true\">\r\n <template slot-scope=\"scope\">\r\n <el-input v-model=\"scope.row.oldName\" maxlength=\"20\" placeholder=\"请输入\" />\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 v-slot=\"{ row, $index }\">\r\n <el-button\r\n size=\"mini\"\r\n type=\"text\"\r\n style=\"color: #2090c1\"\r\n v-if=\"row.btnShow == '1' ? true : false\"\r\n @click=\"handleExit(row, $index)\"\r\n >编辑\r\n </el-button>\r\n <el-button size=\"mini\" type=\"text\" style=\"color: #2090c1\" v-else @click=\"handleconfirm(row, $index)\"\r\n >确认编辑\r\n </el-button>\r\n <el-button size=\"mini\" type=\"text\" style=\"color: #f56c6c\" @click=\"handleDeleteDian(row, $index)\"\r\n >删除\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\r\n type=\"primary\"\r\n :disabled=\"coordinateTableData.length < 4\"\r\n @click=\"handlePos()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n >保存</el-button\r\n >\r\n </div>\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">车道识别配置</p>\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: 400px\" v-if=\"laneform.laneClose == true\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></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\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">识别区域</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n </div>\r\n\r\n <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\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: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n </div>\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">轨迹平滑</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n </div>\r\n <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\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\r\n label=\"预测滤波时间：\"\r\n style=\"width: 250px\"\r\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n >\r\n <el-input-number\r\n v-model=\"trajectorySmoothingform.time\"\r\n @change=\"handleChange\"\r\n :min=\"2000\"\r\n :max=\"3000\"\r\n label=\"预测滤波时间\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n >保存</el-button\r\n >\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('plate')\">\r\n <i\r\n :class=\"contentShow.plate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">车牌识别</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n </div>\r\n <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n <el-form-item label=\"车牌识别开关：\">\r\n <el-switch\r\n v-model=\"licensePlateform.licensePlateClose\"\r\n active-value=\"1\"\r\n inactive-value=\"0\"\r\n @change=\"changeChepai($event)\"\r\n ></el-switch>\r\n </el-form-item>\r\n <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\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=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\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\" v-if=\"false\">\r\n <el-button\r\n type=\"primary\"\r\n @click=\"handleagain()\"\r\n size=\"small\"\r\n style=\"width: 150px\"\r\n v-if=\"licensePlateform.licensePlateClose == true\"\r\n >保存</el-button\r\n >\r\n </div>\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <div class=\"warning\" @click=\"handleContent('parking')\">\r\n <i\r\n :class=\"contentShow.parking == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'\"\r\n style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\"\r\n ></i>\r\n <p class=\"board-title\">停车状态</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n </div>\r\n <el-form\r\n :inline=\"true\"\r\n :model=\"stopStateform\"\r\n class=\"demo-form-inline\"\r\n label-width=\"fit-content\"\r\n v-if=\"contentShow.parking\"\r\n >\r\n <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n <el-input-number\r\n v-model=\"stopStateform.displacement\"\r\n @change=\"handleChange\"\r\n :min=\"0\"\r\n :max=\"3000\"\r\n label=\"位移\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n <el-input-number\r\n v-model=\"stopStateform.speed\"\r\n @change=\"handleChange\"\r\n :min=\"0\"\r\n :max=\"3000\"\r\n label=\"速度\"\r\n ></el-input-number>\r\n </el-form-item>\r\n <el-form-item label=\"加速度：\" v-if=\"false\">\r\n <el-input-number\r\n v-model=\"stopStateform.acceleration\"\r\n @change=\"handleChange\"\r\n :min=\"2000\"\r\n :max=\"3000\"\r\n label=\"加速度\"\r\n ></el-input-number>\r\n </el-form-item>\r\n </el-form>\r\n <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dataBoard\" v-if=\"false\">\r\n <div class=\"section\">\r\n <div class=\"warning\">\r\n <p class=\"board-title\">通信设置</p>\r\n <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n </div>\r\n <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n <el-form-item label=\"更新频率：\">\r\n <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"类型：\" style=\"display:flex\">\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 </div>\r\n <!-- <el-dialog\r\n title=\"新增点\"\r\n :visible.sync=\"dialogVisible\"\r\n width=\"30%\"\r\n >\r\n <el-form ref=\"addform\" :rules=\"formRules\" :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\" @blur=\"phoneChange($event)\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入经度\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\" placeholder=\"请输入纬度\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"旧名称：\" prop=\"latitude\" v-if=\"laneform.laneClose == true\">\r\n <el-col :span=\"16\">\r\n <el-input v-model=\"addDianForm.oldName\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n </el-form>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n </span>\r\n </el-dialog> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';\r\nexport default {\r\n props: {\r\n analysisConfigurationdata: {\r\n default: () => false,\r\n type: Object,\r\n required: true\r\n }\r\n },\r\n data() {\r\n return {\r\n unityDone: false,\r\n oldName: '',\r\n formRules: {\r\n pointName: [{ required: true, message: '请输入点名称', trigger: 'blur' }],\r\n longitude: [{ required: true, message: '请输入经度', trigger: 'blur' }],\r\n latitude: [{ required: true, message: '请输入纬度', trigger: 'blur' }]\r\n },\r\n addDianForm: {\r\n pointName: '',\r\n longitude: '',\r\n latitude: '',\r\n oldName: ''\r\n },\r\n dialogVisible: false,\r\n coordinateTransformationId: '',\r\n AnalysisSettingId: '',\r\n contentShow: {\r\n postion: true,\r\n coordinate: false,\r\n plate: true,\r\n parking: true\r\n },\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 longitude: '',\r\n latitude: ''\r\n },\r\n formInline: {\r\n user: '',\r\n region: ''\r\n },\r\n //最上部表单\r\n topForm: {},\r\n //坐标转换\r\n coordinateForm: {\r\n coordinateClose: false,\r\n model: 'Georeferencing',\r\n coordinateTransformation: '84坐标系',\r\n value: '0',\r\n num: 1\r\n },\r\n options: [\r\n {\r\n value: '南',\r\n label: '南'\r\n },\r\n {\r\n value: '北',\r\n label: '北'\r\n }\r\n ],\r\n coordinateTableData: [],\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: 0\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 {\r\n thresholdValue: '22',\r\n sectionPlate: '222',\r\n inIp: '02',\r\n setAssociation: ''\r\n },\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 renewalFrequency: ''\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 {\r\n name: '22',\r\n inPort: '222',\r\n inIp: '02'\r\n },\r\n {\r\n name: '33',\r\n inPort: '333',\r\n inIp: '03'\r\n }\r\n ],\r\n internalIpList: [],\r\n fileList: []\r\n };\r\n },\r\n watch: {\r\n analysisConfigurationdata: {\r\n handler: function(old, newV) {\r\n // console.log(\"old\",old)\r\n // console.log(\"newV\",newV)\r\n if (newV != null && this.unityDone == true) {\r\n console.log(newV, 'yyy');\r\n this.$refs.analysisWeb.contentWindow.getDestination(newV);\r\n }\r\n }\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 getFeixpz({ VideoId: this.$route.query.id }).then(res => {\r\n this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\r\n this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\r\n this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\r\n this.coordinateForm.value = res.data.data.hemisphere;\r\n this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\r\n this.coordinateTableData =\r\n res.data.data.pointData != null\r\n ? res.data.data.pointData.map(item => {\r\n return { ...item, btnShow: '1' };\r\n })\r\n : [];\r\n this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\r\n this.stopStateform.displacement = res.data.data.parkingDisplacement;\r\n this.stopStateform.speed = res.data.data.parkingSpeed;\r\n this.AnalysisSettingId = res.data.data.analysisSettingId;\r\n this.coordinateTransformationId = res.data.data.coordinateTransformationId;\r\n this.coordinateTableData.forEach(item => {\r\n item.btnShow = '1';\r\n });\r\n });\r\n },\r\n mounted() {\r\n window.OnSceneload = this.OnSceneload;\r\n window.saveCoordinate = this.saveCoordinate;\r\n },\r\n methods: {\r\n saveCoordinate(obj) {\r\n console.log(obj);\r\n this.coordinateTableData.forEach(item => {\r\n if (item.pointName == obj.pointName) {\r\n item.imageXCoordinate = obj.imageXCoordinate;\r\n item.imageYCoordinate = obj.imageYCoordinate;\r\n }\r\n });\r\n },\r\n\r\n updateName(val) {\r\n console.log('val', val.target.value);\r\n },\r\n handleExit(row, index) {\r\n // this.oldName = row.pointName\r\n row.oldName = row.pointName;\r\n this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\r\n row.btnShow = '2';\r\n // this.$set(this.coordinateTableData, index, row);\r\n },\r\n handleconfirm(row, index) {\r\n var bol = this.coordinateTableData.some((item, indexa) => item.pointName == row.pointName && indexa != index);\r\n if (bol == true) {\r\n this.$message({\r\n type: 'info',\r\n message: '该点位已存在'\r\n });\r\n return false;\r\n }\r\n var string = row.oldName + ',' + row.pointName;\r\n this.$refs.analysisWeb.contentWindow.saveDian(string);\r\n row.btnShow = '1';\r\n row.oldName = row.pointName;\r\n // this.$set(this.coordinateTableData, index, row);\r\n },\r\n OnSceneload(newV) {\r\n var ip = window.location.host;\r\n this.ipData = 'http://' + ip.split(':')[0] + ':5000';\r\n // this.$refs.analysisWeb.contentWindow.getIpData('http://172.16.1.168:5000');\r\n this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\r\n this.unityDone = true;\r\n },\r\n handleDeleteDian(row, idx) {\r\n this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n this.coordinateTableData.splice(idx, 1);\r\n // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);\r\n this.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);\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 handleDian() {\r\n const newPointData = {\r\n btnShow: '2',\r\n longitude: '0',\r\n latitude: '0'\r\n };\r\n newPointData.oldName = newPointData.pointName = String(new Date().getTime());\r\n this.coordinateTableData.unshift(newPointData);\r\n this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);\r\n },\r\n phoneChange(e) {\r\n console.log('e', e.currentTarget.value);\r\n this.addDianForm.oldName = e.currentTarget.value;\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 handlePos() {\r\n if (this.coordinateTableData.some(item => item.btnShow === '2')) {\r\n this.$message.warning('请先确认编辑');\r\n return;\r\n }\r\n let params = {\r\n CoordinateTransformationId: this.coordinateTransformationId,\r\n UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\r\n Hemisphere: this.coordinateForm.value,\r\n CoordinateTransformation: this.coordinateForm.coordinateTransformation,\r\n PointData: this.coordinateTableData.map(item => {\r\n return {\r\n longitude: item.longitude,\r\n latitude: item.latitude,\r\n pointName: item.pointName,\r\n imageXCoordinate: item.imageXCoordinate,\r\n imageYCoordinate: item.imageYCoordinate\r\n };\r\n })\r\n };\r\n setFeixzbzh(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 停车状态\r\n handleParking() {\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('ParkingDisplacement', this.stopStateform.displacement);\r\n params.append('ParkingSpeed', this.stopStateform.speed);\r\n setParkingStatus(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 车牌识别\r\n changeChepai(val) {\r\n console.log(val, 'val111');\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('LicensePlateRecognitionSwitch', val);\r\n setLicensePlate(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 经纬度保存\r\n handSaveitude() {\r\n const params = new URLSearchParams();\r\n params.append('AnalysisSettingId', this.AnalysisSettingId);\r\n params.append('CameraPositionLongitude', this.sizeForm.longitude);\r\n params.append('CameraPositionLatitude', this.sizeForm.latitude);\r\n setCameraPosition(params).then(res => {\r\n this.$message({\r\n type: 'success',\r\n message: res.data.msg\r\n });\r\n });\r\n },\r\n // 收放\r\n handleContent(val) {\r\n if (val == 'postion') {\r\n this.contentShow.postion = !this.contentShow.postion;\r\n }\r\n if (val == 'coordinate') {\r\n this.contentShow.coordinate = !this.contentShow.coordinate;\r\n }\r\n if (val == 'plate') {\r\n this.contentShow.plate = !this.contentShow.plate;\r\n }\r\n if (val == 'parking') {\r\n this.contentShow.parking = !this.contentShow.parking;\r\n }\r\n },\r\n handleChange(value) {\r\n console.log(value);\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 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 getReverseShellList() {\r\n // getShellList().then(res => {\r\n // if (res.code === 200) {\r\n // if (res.data && res.data.length > 0) {\r\n // \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n // res.data.forEach(item => {\r\n // item['isEdit'] = false\r\n // })\r\n // }\r\n // this.tableData = res.data\r\n // 在表格列表前插入一行，用来新增数据\r\n this.tableData.unshift({\r\n name: '',\r\n inIp: '',\r\n inPort: null,\r\n outPort: null,\r\n enabled: null,\r\n isEdit: true\r\n });\r\n // }\r\n // })\r\n },\r\n // 新增按钮\r\n handleAdd(row) {\r\n for (let key in row) {\r\n // 判断一行字段是否输入完整\r\n if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n this.msgError('Please complete the information');\r\n return;\r\n }\r\n }\r\n const params = {\r\n name: row.name,\r\n inIp: row.inIp\r\n // inPort: parseInt(row.inPort),\r\n // outPort: parseInt(row.outPort),\r\n // enabled: row.enabled\r\n };\r\n this.getReverseShellList();\r\n // addShell(params).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Add reverse shell successfully')\r\n // row.isEdit = false\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n },\r\n // 编辑或者Apply按钮\r\n handleUpdate(row) {\r\n // 点击Apply时\r\n if (row.isEdit) {\r\n for (let key in row) {\r\n if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n this.msgError('Please complete the information');\r\n return;\r\n }\r\n }\r\n const params = {\r\n name: row.name,\r\n inIp: row.inIp,\r\n inPort: parseInt(row.inPort),\r\n outPort: parseInt(row.outPort),\r\n enabled: row.enabled\r\n };\r\n // updateShell(params).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Update reverse shell successfully')\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n } else {\r\n // 点击编辑时\r\n row.isEdit = true;\r\n }\r\n },\r\n // 删除或取消按钮\r\n handleDelete(row) {\r\n // 点击取消时\r\n if (row.isEdit) {\r\n this.getReverseShellList();\r\n } else {\r\n // 点击删除时\r\n this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n confirmButtonText: 'Sure',\r\n cancelButtonText: 'Cancel',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // deleteShell(row.name).then(res => {\r\n // if (res.code === 200) {\r\n // this.msgSuccess('Delete reverse shell successfully')\r\n // this.getReverseShellList()\r\n // }\r\n // })\r\n })\r\n .catch(() => {});\r\n }\r\n },\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 var ip = window.location.host.split(\":\")[0];\r\n console.log(\"ip\",ip)\r\n // const host = `ws://${ip}:10087`;\r\n const host = 'ws://172.16.1.168:10087/';\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 this.mqttClient.on('message', (topic, message, packet) => {\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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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); // 将二进制数据转为字符串\r\n const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是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</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.otherThings {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\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}\r\n.analysis {\r\n .board-title {\r\n font-size: 17px;\r\n font-weight: bolder;\r\n width: max-content;\r\n }\r\n}\r\n.analysis .warning {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n cursor: pointer;\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: 0 15px;\r\n margin-bottom: 15px;\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: 0 15px;\r\n margin-bottom: 15px;\r\n}\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/src/components/chart/avgChart.vue b/src/components/chart/avgChart.vue
index 29419f71..1a4a7f34 100644
--- a/src/components/chart/avgChart.vue
+++ b/src/components/chart/avgChart.vue
@@ -201,10 +201,14 @@ export default {
}
]
};
- myChart.setOption(option);
- window.addEventListener('resize', function() {
+ // myChart.setOption(option);
+ // window.addEventListener('resize', function() {
+ // myChart.resize();
+ // });
+ this.$nextTick(() => {
+ myChart.setOption(option)
myChart.resize();
- });
+ })
}
},
mounted() {
diff --git a/src/components/chart/barChart.vue b/src/components/chart/barChart.vue
index ccf347e7..5a1e6eca 100644
--- a/src/components/chart/barChart.vue
+++ b/src/components/chart/barChart.vue
@@ -124,10 +124,14 @@ export default {
}
]
};
- myChart.setOption(option);
- window.addEventListener('resize', function() {
+ // myChart.setOption(option);
+ // window.addEventListener('resize', function() {
+ // myChart.resize();
+ // });
+ this.$nextTick(() => {
+ myChart.setOption(option)
myChart.resize();
- });
+ })
}
},
mounted() {
diff --git a/src/components/chart/lineChart.vue b/src/components/chart/lineChart.vue
index 897f49bf..668f2cb3 100644
--- a/src/components/chart/lineChart.vue
+++ b/src/components/chart/lineChart.vue
@@ -79,7 +79,7 @@ export default {
myChart = this.$echarts.init(this.$refs.lineChart);
}
// var series = []
-
+
@@ -140,11 +140,18 @@ export default {
],
series: this.getMessage(newVal, title)
};
- myChart.setOption(option)
-
- window.addEventListener('resize', function () {
+
+// nextTick(() => {})
+ this.$nextTick(() => {
+ console.log("this.$refs.lineChart.style.width",this.$refs.lineChart.style.width)
+ myChart.setOption(option)
+// window.addEventListener('resize', function () {
myChart.resize();
- });
+ // });
+ })
+
+
+
},
getMessage(newVal, title) {
diff --git a/src/components/chart/pieChart.vue b/src/components/chart/pieChart.vue
index 3689eb0d..35c6c370 100644
--- a/src/components/chart/pieChart.vue
+++ b/src/components/chart/pieChart.vue
@@ -110,14 +110,14 @@ export default {
]
};
- myChart.setOption(option);
-
- // window.onresize = () => { // 根据窗口大小变化图表自适应
+ // myChart.setOption(option);
+ // window.addEventListener('resize', function() {
// myChart.resize();
- // };
- window.addEventListener('resize', function() {
+ // });
+ this.$nextTick(() => {
+ myChart.setOption(option)
myChart.resize();
- });
+ })
}
},
mounted() {
diff --git a/src/components/chart/thermalChart.vue b/src/components/chart/thermalChart.vue
index 2bbedc43..4b516cbd 100644
--- a/src/components/chart/thermalChart.vue
+++ b/src/components/chart/thermalChart.vue
@@ -133,10 +133,14 @@ export default {
}
]
};
- myChart.setOption(option);
- window.addEventListener('resize', function () {
+ // myChart.setOption(option);
+ // window.addEventListener('resize', function () {
+ // myChart.resize();
+ // });
+ this.$nextTick(() => {
+ myChart.setOption(option)
myChart.resize();
- });
+ })
}
},
mounted() {
diff --git a/src/components/target/typeChart.vue b/src/components/target/typeChart.vue
index 980416a8..b6099a75 100644
--- a/src/components/target/typeChart.vue
+++ b/src/components/target/typeChart.vue
@@ -4,9 +4,9 @@
<!-- <p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p> -->
<!-- 触发数据数值渲染 -->
<div class="typeContent">
- <div v-if="dataArr && dataArr.length != 0 && dataArr != undefined">
+ <div v-if="newDataArr && newDataArr.length != 0 && newDataArr != undefined">
<div v-if="title == '类型'" style="display:flex">
- <el-card v-for="(n, i) in dataArr[0].type_data" :key="i" style="width: 150px; margin-bottom: 20px; text-align: center">
+ <el-card v-for="(n, i) in newDataArr[0].type_data" :key="i" style="width: 150px; margin-bottom: 20px; text-align: center">
<div>
<span style="font-size: 15px;">{{ n.name }}</span
><br />
@@ -14,32 +14,32 @@
</div>
<div>
<div>
- {{ dataArr[0].time ? dataArr[0].time : '' }}
+ {{ newDataArr[0].time ? newDataArr[0].time : '' }}
</div>
</div>
</el-card>
</div>
</div>
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
- <div v-if="dataArr && dataArr.length != 0 && dataArr != undefined">
+ <div v-if="newDataArr && newDataArr.length != 0 && newDataArr != undefined">
<div v-if="title == '类型'">
<span style="font-size: 15px;">类型数量总和</span><br />
<span style="font-size: 30px; font-weight: bold">
- {{ getTotal(dataArr) }}
+ {{ getTotal(newDataArr) }}
</span>
</div>
- <div style="font-size: 30px; font-weight: bold" v-if="title == '速度'">
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '速度' && dataArr.length != 0 && dataArr != undefined">
<span style="font-size: 15px;">速度</span><br />
<!-- <span style="font-size: 30px; font-weight: bold">{{ typeValue.speed }}</span> -->
- <span style="font-size: 30px; font-weight: bold">{{ dataArr[0].speed }}</span>
+ <span style="font-size: 30px; font-weight: bold">{{ newDataArr[0].speed }}</span>
</div>
- <div style="font-size: 30px; font-weight: bold" v-if="title == '流量'">
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '流量' && dataArr.length != 0 && dataArr != undefined">
<span style="font-size: 15px;">流量</span><br />
- <span style="font-size: 30px; font-weight: bold">{{ dataArr[0].flow }}</span>
+ <span style="font-size: 30px; font-weight: bold">{{ newDataArr[0].flow }}</span>
</div>
<div style="font-size: 30px; font-weight: bold" v-if="title == '车头时距'">
<span style="font-size: 15px;">车头时距</span><br />
- <span style="font-size: 30px; font-weight: bold">{{ dataArr[0].headway }}</span>
+ <span style="font-size: 30px; font-weight: bold">{{ newDataArr[0].headway }}</span>
</div>
<div style="font-size: 30px; font-weight: bold" v-if="title == '排队数'">
<span style="font-size: 15px;">排队数</span><br />
@@ -47,15 +47,15 @@
</div>
<div style="font-size: 30px; font-weight: bold" v-if="title == '检测数'">
<span style="font-size: 15px;">检测数</span><br />
- <span style="font-size: 30px; font-weight: bold">{{ dataArr[0].n_stay }}</span>
+ <span style="font-size: 30px; font-weight: bold">{{ newDataArr[0].n_stay }}</span>
</div>
<div style="font-size: 30px; font-weight: bold" v-if="title == '延误'">
<span style="font-size: 15px;">延误</span><br />
- <span style="font-size: 30px; font-weight: bold">{{ dataArr[0].ave_delay }}</span>
+ <span style="font-size: 30px; font-weight: bold">{{ newDataArr[0].ave_delay }}</span>
</div>
<div>
<div>
- {{ dataArr[0].time ? dataArr[0].time : '' }}
+ {{ newDataArr[0].time ? newDataArr[0].time : '' }}
</div>
</div>
</div>
@@ -65,7 +65,7 @@
</el-card>
</div>
<div v-show="echartArr.includes('表格')">
- <div class="tableTitle" v-if="dataArr && dataArr.length != 0 && dataArr != undefined">
+ <div class="tableTitle" v-if="newDataArr && newDataArr.length != 0 && newDataArr != undefined">
<div>
<span
style="width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;"
@@ -73,14 +73,14 @@
<span style="font-size:18px;">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' + triggerType }}</span>
</div>
<div class="tableTime">
- {{ dataArr[0].time ? dataArr[0].time : '' }}
+ {{ newDataArr[0].time ? newDataArr[0].time : '' }}
</div>
</div>
<div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
- <tableShow :msg="dataArr" :triggerType="triggerType" />
+ <tableShow :msg="newDataArr" :triggerType="triggerType" />
</div>
<div v-if="pageType == '区域'">
- <regionTable :msg="dataArr" :triggerType="triggerType" />
+ <regionTable :msg="newDataArr" :triggerType="triggerType" />
</div>
</div>
<div class="border" v-if="echartArr.includes('曲线图')">
@@ -89,7 +89,7 @@
:componentName="componentName"
:chartName="chartName"
:pageType="pageType"
- :list="dataArr"
+ :list="newDataArr"
:status="triggerType"
:title="title"
:typeValue="typeValue"
@@ -102,7 +102,7 @@
:componentName="componentName"
:chartName="chartName"
:pageType="pageType"
- :list="dataArr"
+ :list="newDataArr"
:status="triggerType"
:title="title"
:typeValue="typeValue"
@@ -116,7 +116,7 @@
:componentName="componentName"
:chartName="chartName"
:pageType="pageType"
- :list="dataArr"
+ :list="newDataArr"
:status="triggerType"
:title="title"
:typeValue="typeValue"
@@ -128,7 +128,7 @@
:componentName="componentName"
:chartName="chartName"
:pageType="pageType"
- :list="dataArr"
+ :list="newDataArr"
:status="triggerType"
:title="title"
:typeValue="typeValue"
@@ -170,7 +170,8 @@ export default {
valueShow: {},
//排队数
- queue: ''
+ queue: '',
+ newDataArr:[]
};
},
created() {
@@ -178,7 +179,11 @@ export default {
},
methods: {
// 计算类型数量的总和
-
+ getDataArr(val){
+ console.log("getDataArr",val)
+ this.newDataArr = val
+ this.getNewQueue(this.newDataArr)
+ },
getTotal(dataArr) {
return dataArr[0].type_data.reduce(function(prev, cur) {
return cur.quantity + prev;
@@ -189,23 +194,15 @@ export default {
// }, 0)
},
// 计算类型的数值
- getNewQueue(dataArr) {
- // console.log("计算类型的数值",dataArr)
- // if(dataArr[0].timeMode=='触发'){
- // this.queue = dataArr[0].n_queue
- // }else if(dataArr[0].timeMode=='周期统计'){
- // this.queue = dataArr[0].ave_queue
- // }else if(dataArr[0].timeMode=='周期时刻'){
+ getNewQueue(val) {
- // }
-
- if (dataArr[0].timeMode == '触发') {
- this.queue = dataArr[0].n_queue;
- } else if (dataArr[0].timeMode == '周期统计') {
- this.queue = dataArr[0].ave_queue;
- } else if (dataArr[0].timeMode == '周期时刻') {
- }
- }
+ if (val[0].n_queue) {
+ this.queue = val[0].n_queue;
+ } else if (val[0].ave_queue) {
+ this.queue = val[0].ave_queue;
+ }
+ },
+
},
computed: {
diff --git a/src/views/bounced/dataBoard.vue b/src/views/bounced/dataBoard.vue
index 00e26bef..f752613e 100644
--- a/src/views/bounced/dataBoard.vue
+++ b/src/views/bounced/dataBoard.vue
@@ -9,7 +9,7 @@
<div
:class="sectionData.length <= 2 ? 'sectionBox' : 'section'"
ref="section"
- v-for="(s, i) in sectionData"
+ v-for="s in sectionData"
:key="s.analogAreaComponentId"
>
<template>
@@ -20,11 +20,11 @@
</p>
<!-- <span class="downPull1" data-num="1" @click="sectionHandle(i)"></span> -->
</div>
- <el-tabs>
- <el-collapse v-model="acticveName">
+ <!-- <el-tabs> -->
+ <el-collapse v-model="acticveName" @change="handleChange">
<div style="position:relative" v-for="o in s.children" :key="o.analogAreaComponentId">
<div class="titleGnag"></div>
- <el-collapse-item :title="o.componentName + o.timeMode" :name="o.analogAreaComponentId">
+ <el-collapse-item :title="o.componentName + o.timeMode" :name="o.analogAreaComponentId" >
<OD
v-if="o.componentName.includes('OD')"
:pageType="o.graphicType"
@@ -36,6 +36,7 @@
:chartName="o.combinationName"
/>
<!--触发的组件 -->
+ <!--触发的组件 -->
<typeChart
ref="typeChartRef"
v-if="o.timeMode === '触发'"
@@ -77,7 +78,7 @@
</el-collapse-item>
</div>
</el-collapse>
- </el-tabs>
+ <!-- </el-tabs> -->
</div>
</template>
</div>
@@ -186,22 +187,32 @@ export default {
this.sectionData = [];
this.classify = [];
this.componentList.forEach(val => {
+ // console.log("val",val)
this.sectionArr.push(val.combinationName);
this.sectionArr = Array.from(new Set(this.sectionArr));
});
this.sectionData = this.sectionArr.map(item => {
+
item = { title: item, children: [] };
this.acticveName = [];
this.componentList.forEach(val => {
+ console.log("val",val)
if (item.title == val.combinationName) {
this.classify.push(val);
item.children.push(val);
}
- this.acticveName.push([]);
+ this.acticveName.push([val.analogAreaComponentId]);
});
return item;
});
},
+ handleChange(val) {
+ // console.log(val);
+ // for (let i = 0; i < this.$refs.typeChartRef.length; i++) {
+ // console.log( "11111",this.$refs.typeChartRef[i].$refs.lineChartRef.style.width);
+ // }
+
+ },
// 组件图标点击下拉事件
sectionHandle(i) {
let sections = document.querySelectorAll('.section');
@@ -260,7 +271,8 @@ export default {
handler(newVal) {
this.triggerList = newVal;
// 触发数据
- var _this = this;
+ console.log(newVal, '触发数据');
+ var _this = this
if (newVal.length != 0 && _this.sectionData) {
_this.classify.forEach((ele, index) => {
if (ele.trigger == undefined && ele.timeMode == '触发') {
@@ -269,7 +281,7 @@ export default {
newVal.forEach(item => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {
if (ele.trigger.length == 10) {
- ele.trigger.splice(newVal.length - 1, 1);
+ ele.trigger.pop();
} else {
item.time = item.time.split('.')[0];
// 该时间的触发数据
@@ -280,20 +292,30 @@ export default {
_this.$nextTick(() => {
for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
- let item = _this.$refs.typeChartRef[i];
- _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(
- _this.$refs.typeChartRef[i].dataArr,
- _this.$refs.typeChartRef[i].componentName.split('_')[0]
- );
- // if (item.componentName.split('_')[0] == '类型' && item.$refs.barChartRef) {
- // // 数据改变重新渲染柱状图
- // item.$refs.barChartRef.drawBar(item.dataArr[0]);
- // } else if (item.componentName.split('_')[0] == '类型' && item.$refs.pieChartRef) {
- // // // 数据改变重新渲染饼图
- // item.$refs.pieChartRef.drawPie(item.dataArr[0]);
- // }
+ let item = _this.$refs.typeChartRef[i]
+ if (item.dataArr!= undefined && item.dataArr.length != 0) {
+ console.log("item.echartArr",item.echartArr)
+ if (item.echartArr.includes('时间曲线图')) {
+ _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0])
+ }
+ if (item.echartArr.includes('数值')) {
+ _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)
+ }
+
+ if (item.echartArr.includes('直方图') && item.componentName.split('_')[0]) {
+ // 数据改变重新渲染柱状图
+ item.$refs.barChartRef.drawBar(item.dataArr[0])
+ }
+ if (item.echartArr.includes('饼状图') && item.componentName.split('_')[0]) {
+ console.log(item, '饼图组件');
+ // 数据改变重新渲染饼图
+ item.$refs.pieChartRef.drawPie(item.dataArr[0])
+ }
+ }
}
- });
+
+
+ })
}
}
});
@@ -316,7 +338,7 @@ export default {
newVal.forEach(item => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {
if (ele.cycleTimeData.length == 10) {
- ele.cycleTimeData.splice(newVal.length - 1, 1);
+ ele.cycleTimeData.pop();
} else {
item.time = item.time.split('.')[0];
if (item.type_data != null) {
@@ -327,28 +349,18 @@ export default {
that.$nextTick(() => {
// 轮循周期时刻生成的各类组件
for (let i = 0; i < that.$refs.typeChartRef1.length; i++) {
- item = that.$refs.typeChartRef1[i];
- that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(
- that.$refs.typeChartRef1[i].dataArr,
- that.$refs.typeChartRef[i].componentName.split('_')[0]
- );
- // if (item.componentName.split('_')[0] == "类型") {
- // if (item.echartArr.includes('直方图')){
- // // 数据改变重新渲染柱状图
- // item.$refs.barChartRef.drawBar(item.dataArr[0])
- // }
- // if (item.echartArr.includes('饼状图')){
- // // 数据改变重新渲染饼图
- // item.$refs.pieChartRef.drawPie(item.dataArr[0])
- // }
+ item = that.$refs.typeChartRef1[i]
+ if (item.dataArr.length != 0) {
- // }
- if (item.componentName.split('_')[0] == '类型' && item.$refs.barChartRef) {
- // 数据改变重新渲染柱状图
- item.$refs.barChartRef.drawBar(item.dataArr[0]);
- } else if (item.componentName.split('_')[0] == '类型' && item.$refs.pieChartRef) {
- // // 数据改变重新渲染饼图
- // item.$refs.pieChartRef.drawPie(item.dataArr[0])
+
+ that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0])
+ if (item.$refs.barChartRef.drawBar) {
+ // 数据改变重新渲染柱状图
+ item.$refs.barChartRef.drawBar(item.dataArr[0])
+ } else if (item.$refs.pieChartRef.drawPie) {
+ // 数据改变重新渲染饼图
+ item.$refs.pieChartRef.drawPie(item.dataArr[0])
+ }
}
}
});
@@ -362,7 +374,6 @@ export default {
},
cycleStatistics: {
handler(newVal) {
- console.log(newVal, '周期统计数据');
if (newVal.length != 0 && this.sectionData) {
this.componentList.forEach(ele => {
if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {
@@ -371,7 +382,7 @@ export default {
newVal.forEach(item => {
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {
if (ele.cycleStatistics.length == 10) {
- ele.cycleStatistics.splice(newVal.length - 1, 1);
+ ele.cycleStatistics.pop();
} else {
item.time = item.time.split('.')[0];
if (item.type_data != null) {
@@ -381,28 +392,21 @@ export default {
for (let i = 0; i < this.$refs.typeChartRef2.length; i++) {
item = that.$refs.typeChartRef2[i];
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
- this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(
- this.$refs.typeChartRef2[i].dataArr,
- _this.$refs.typeChartRe2f[i].componentName.split('_')[0]
- );
- // if (item.componentName.split('_')[0] == "类型") {
- // if (item.echartArr.includes('直方图')) {
- // // 数据改变重新渲染柱状图
- // item.$refs.barChartRef.drawBar(item.dataArr[0])
- // }
- // if (item.echartArr.includes('饼状图')) {
- // // 数据改变重新渲染饼图
- // item.$refs.pieChartRef.drawPie(item.dataArr[0])
- // }
-
- // }
- if (item.componentName.split('_')[0] == '类型' && item.echartArr.includes('直方图')) {
- // 数据改变重新渲染柱状图
- item.$refs.barChartRef.drawBar(item.dataArr[0]);
- } else if (item.componentName.split('_')[0] == '类型' && item.echartArr.includes('饼状图')) {
- // // 数据改变重新渲染饼图
- item.$refs.pieChartRef.drawPie(item.dataArr[0]);
+ if (item.dataArr.length != 0) {
+ this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
+ if (item.componentName.split('_')[0] == "类型") {
+ // console.log(item,'组件数据');
+ if (item.echartArr.includes('直方图')) {
+ // 数据改变重新渲染柱状图
+ console.log(item, '组件');
+ item.$refs.barChartRef.drawBar(item.dataArr[0])
+ } else if (item.echartArr.includes('饼状图')) {
+ // 数据改变重新渲染饼图
+ item.$refs.pieChartRef.drawPie(item.dataArr[0])
+ }
+ }
}
+
}
}
}