数据看板代码提交

node_modules/.cache/babel-loader/ff323aa0469c49c08ef27cc7d4add082.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\store\\index.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\store\\index.js","mtime":1675319332265},{"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 _toConsumableArray from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport Vue from 'vue';\nimport Vuex from 'vuex';\nimport Cookies from 'js-cookie';\nVue.use(Vuex);\nvar store = new Vuex.Store({\n  state: {\n    authToken: Cookies.get('authToken') || '',\n    // 存储mqtt的原始数据\n    mqttData: []\n  },\n  mutations: {\n    setMqtt: function setMqtt(state, payload) {\n      var _state$mqttData;\n\n      (_state$mqttData = state.mqttData).push.apply(_state$mqttData, _toConsumableArray(payload));\n\n      console.log(state.mqttData, '18');\n    }\n  },\n  actions: {}\n});\nexport default store;",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/store/index.js"],"names":["Vue","Vuex","Cookies","use","store","Store","state","authToken","get","mqttData","mutations","setMqtt","payload","push","console","log","actions"],"mappings":";AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEAF,GAAG,CAACG,GAAJ,CAAQF,IAAR;AAEA,IAAMG,KAAK,GAAG,IAAIH,IAAI,CAACI,KAAT,CAAe;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEL,OAAO,CAACM,GAAR,CAAY,WAAZ,KAA4B,EADlC;AAGL;AACAC,IAAAA,QAAQ,EAAE;AAJL,GADoB;AAO3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OADS,mBACDL,KADC,EACMM,OADN,EACe;AAAA;;AAEtB,yBAAAN,KAAK,CAACG,QAAN,EAAeI,IAAf,2CAAuBD,OAAvB;;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAYT,KAAK,CAACG,QAAlB,EAA2B,IAA3B;AACD;AALQ,GAPgB;AAc3BO,EAAAA,OAAO,EAAE;AAdkB,CAAf,CAAd;AAmBA,eAAeZ,KAAf","sourcesContent":["import Vue from 'vue';\r\nimport Vuex from 'vuex';\r\nimport Cookies from 'js-cookie';\r\n\r\nVue.use(Vuex);\r\n\r\nconst store = new Vuex.Store({\r\n  state: {\r\n    authToken: Cookies.get('authToken') || '',\r\n\r\n    // 存储mqtt的原始数据\r\n    mqttData: [],\r\n  },\r\n  mutations: {\r\n    setMqtt(state, payload) {\r\n      \r\n      state.mqttData.push(...payload)\r\n      console.log(state.mqttData,'18');\r\n    }\r\n  },\r\n  actions: {\r\n\r\n  }\r\n});\r\n\r\nexport default store;"]}]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\src\\store\\index.js","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\store\\index.js","mtime":1675560217570},{"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 Vue from 'vue';\nimport Vuex from 'vuex';\nimport Cookies from 'js-cookie';\nVue.use(Vuex);\nvar store = new Vuex.Store({\n  state: {\n    authToken: Cookies.get('authToken') || ''\n  },\n  mutations: {},\n  actions: {}\n});\nexport default store;",{"version":3,"sources":["E:/视频边缘计算管理平台/TransFlow/src/store/index.js"],"names":["Vue","Vuex","Cookies","use","store","Store","state","authToken","get","mutations","actions"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEAF,GAAG,CAACG,GAAJ,CAAQF,IAAR;AAEA,IAAMG,KAAK,GAAG,IAAIH,IAAI,CAACI,KAAT,CAAe;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEL,OAAO,CAACM,GAAR,CAAY,WAAZ,KAA4B;AADlC,GADoB;AAM3BC,EAAAA,SAAS,EAAE,EANgB;AAS3BC,EAAAA,OAAO,EAAE;AATkB,CAAf,CAAd;AAcA,eAAeN,KAAf","sourcesContent":["import Vue from 'vue';\r\nimport Vuex from 'vuex';\r\nimport Cookies from 'js-cookie';\r\n\r\nVue.use(Vuex);\r\n\r\nconst store = new Vuex.Store({\r\n  state: {\r\n    authToken: Cookies.get('authToken') || '',\r\n\r\n   \r\n  },\r\n  mutations: {\r\n    \r\n  },\r\n  actions: {\r\n\r\n  }\r\n});\r\n\r\nexport default store;"]}]}

node_modules/.cache/vue-loader/25817ecbd1b61d9a4ebf107e31076e8e.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675415111656},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675596613074},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}

node_modules/.cache/vue-loader/4f189b72a8f2a9a2eeb3a377be4df605.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675415111656},{"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 { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675596613074},{"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 { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/5b76757bb913fc64c584dda98b96a27c.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","mtime":1675215688475},{"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 { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\index.vue","mtime":1675578112717},{"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 { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/5f8f4d6b8784ad2e973e3d772b9a6ae9.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1674961941273},{"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 { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1675561599734},{"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 { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/6ed52ece3735636e62ab2f88b35cf091.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1674961941259},{"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 { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675598672867},{"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 { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/725db0be6ba2eb6d0640dda0bd1180a3.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1674961941260},{"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 { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"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 { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/7cb95d07eaa182f4f2007693136e1812.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1674961941259},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675598672867},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}

node_modules/.cache/vue-loader/88143e332e7021666444af5bd72cf5f0.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1675215688474},{"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 { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1675561599734},{"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 { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/9ca41afdfeb755480f2c509afd2832a1.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675415561728},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\n    <div class=\"typeContent\">\n        <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">{{data.length}}</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-show=\"echartArr.includes('表格')\">\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\n            </div>\n            <div v-if=\"pageType == '区域'\">\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\n            </div>\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\n            <detailDialog />\n            <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\n            <detailDialog />\n            <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675597536978},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\n    <div class=\"typeContent\">\n        <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\" v-show=\"title == '类型'\">{{ this.total }}</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-show=\"echartArr.includes('表格')\">\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\n            </div>\n            <div v-if=\"pageType == '区域'\">\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\n            </div>\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\n            <detailDialog />\n            <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\n            <detailDialog />\n            <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}

node_modules/.cache/vue-loader/9cc150b2b04b0589e7ef1dfd3e0e9608.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675402403887},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675597666326},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}

node_modules/.cache/vue-loader/a67eabede9df9cb4d07795a97f0e02e3.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1674961941260},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}

node_modules/.cache/vue-loader/bcc193fc479b37ed18c24238ccd46902.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675419623862},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div ref=\"box\" class=\"box\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <el-scrollbar class=\"scrollbar\">\n        <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName == 'second'\">\n            <!-- 断面 -->\n            <div class=\"plate1\" ref=\"plate1\">\n                <div class=\"section\" ref=\"section\" v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\n                    <template>\n                        <div ref=\"sectionContent\">\n                            <div>\n                                <p class=\"board-title\">\n                                    <span>{{ s.title }}</span>\n                                </p>\n                                <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\n                            </div>\n                            <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\n\n                                <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\" triggerType=\"触发\"\n                                    :componentName=\"o.componentName\" :echartArr=\"o.presentationForm\" />\n                                <typeChart v-else :pageType=\"o.graphicType\" triggerType=\"触发\"\n                                    :componentName=\"o.componentName\" :data=\"tableData\"\n                                    :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\" />\n                            </div>\n                            <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\n                        </div>\n                    </template>\n                </div>\n            </div>\n\n\n        </div>\n    </el-scrollbar>\n    <!-- 详情框 -->\n</div>\n",null]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675595937726},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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<div ref=\"box\" class=\"box\">\n    <el-empty v-show=\"componentList.length == 0\" :image-size=\"400\"></el-empty>\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <el-scrollbar class=\"scrollbar\">\n        <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName=='second'\">\n            <!-- 断面 -->\n            <div class=\"plate1\" ref=\"plate1\">\n                <div class=\"section\" ref=\"section\" v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\n                    <template>\n                        <div ref=\"sectionContent\">\n                            <div>\n                                <p class=\"board-title\">\n                                    <span>{{ s.title }}</span>\n                                </p>\n                                <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\n                            </div>\n                            <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\n\n                                <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\" triggerType=\"触发\"\n                                    :componentName=\"o.componentName\" :echartArr=\"o.presentationForm\" />\n                                <typeChart v-else :pageType=\"o.graphicType\" triggerType=\"触发\"\n                                    :componentName=\"o.componentName\" :data=\"o.trigger\"\n                                    :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\" \n                                    />\n                            </div>\n                            <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\n                        </div>\n                    </template>\n                </div>\n            </div>\n\n\n        </div>\n    </el-scrollbar>\n    <!-- 详情框 -->\n</div>\n",null]}

node_modules/.cache/vue-loader/c25c72ff0904727fed0b705731e92702.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675402403887},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675597666326},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}

node_modules/.cache/vue-loader/dd8ffe8b327bfaa509e62ba8adb467c7.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675419263831},{"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 { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675589843143},{"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 { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/de7b107cd541229ba21b6576c554ca6a.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675415111656},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675596613074},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}

node_modules/.cache/vue-loader/e3e15bf08ee228400a102eb921e801c8.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675419623862},{"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 { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675595937726},{"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 { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/e716b87078d232f2f70ede2308e6ed81.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675415561728},{"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 { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675597536978},{"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 { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/f724cdbcc8e19685ff7927a5e9b5866d.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1674961941259},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675598672867},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.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":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}

node_modules/.cache/vue-loader/fab6a8d71ed3ee8941a0900c1be7810b.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675402403887},{"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 { render, staticRenderFns } from \"./barChart.vue?vue&type=template&id=603ea6ac&\"\nimport script from \"./barChart.vue?vue&type=script&lang=js&\"\nexport * from \"./barChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('603ea6ac')) {\n      api.createRecord('603ea6ac', component.options)\n    } else {\n      api.reload('603ea6ac', component.options)\n    }\n    module.hot.accept(\"./barChart.vue?vue&type=template&id=603ea6ac&\", function () {\n      api.rerender('603ea6ac', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/barChart.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675597666326},{"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 { render, staticRenderFns } from \"./barChart.vue?vue&type=template&id=603ea6ac&\"\nimport script from \"./barChart.vue?vue&type=script&lang=js&\"\nexport * from \"./barChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('603ea6ac')) {\n      api.createRecord('603ea6ac', component.options)\n    } else {\n      api.reload('603ea6ac', component.options)\n    }\n    module.hot.accept(\"./barChart.vue?vue&type=template&id=603ea6ac&\", function () {\n      api.rerender('603ea6ac', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/barChart.vue\"\nexport default component.exports"]}

node_modules/.cache/vue-loader/fffe1e5d81c6836b5497bfe17d60a658.json

@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675419194466},{"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 { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675589677946},{"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 { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}

public/VideoWeb/StreamingAssets/JsonJianktx.txt

@@ -0,0 +1,20 @@
+{
+	"code": 200,
+	"msg": "成功",
+	"data": [{
+		"graphicId": "35fb0709596841e5b005fb1bc33a0fa4",
+		"graphicName": "测试区域",
+		"graphicType": "区域",
+		"coordinate": "218.6106 984.2285,453.5649 994.1006,267.9708 820.3528,218.6106 984.2285"
+	}, {
+		"graphicId": "957eb7cba61240f5a099ee6080bd29f0",
+		"graphicName": "测试路线2",
+		"graphicType": "轨迹",
+		"coordinate": "157.404 236.9287,179.1225 260.6216,192.9433 300.1097,202.8154 329.7258,214.6618 357.3675,222.5594 392.9068,236.3803 424.4973,258.0987 446.2157,289.6892 465.9598,317.3309 485.7039,350.8958 503.4735,382.4863 509.3967,420 517.2943,467.3858 521.2432,508.8483 525.192,556.234 525.192,599.671 525.192,631.2614 525.192,662.8519 513.3455,690.4936 499.5247,712.2121 477.8062,724.0585 444.2413,728.0073 412.6508,745.777 386.9836,775.3931 377.1115,806.9836 379.0859"
+	}, {
+		"graphicId": "7c24aa16e12840859164780d71827f5f",
+		"graphicName": "测试线2",
+		"graphicType": "断面",
+		"coordinate": "437.7697 642.6563,880.0366 737.4278"
+	}]
+}

public/VideoWeb/index.html

@@ -128,6 +128,14 @@
       //unity初始化
       function OnSceneLoaded(){
         window.parent.OnScene();
+
+      }
+      //初始化传离线视频数据功能
+      function lixianVideo(string){
+        console.log("string",string)
+        if(unity!=null){
+            unity.SendMessage('AAA','Unity_OfflineDataPrepare', string);
+        }
       }
        //获取图像
        function getDestination(string){

src/api/index.js

@@ -1,102 +1,114 @@
-import axios from 'axios'
-import qs from 'qs'
+import axios from 'axios';
+import qs from 'qs';
 if (process.env.NODE_ENV === 'development') {
-    axios.defaults.baseURL = '/'
+    axios.defaults.baseURL = '/';
 } else if (process.env.NODE_ENV === 'production') {
-    axios.defaults.baseURL = '/'
+    axios.defaults.baseURL = '/';
 }
 //获取视频数据接口
-export const getGetShipjk = (params) => {
+export const getGetShipjk = params => {
     return axios.get('api/GetShipjk', {
         params
-    })
+    });
 };
 //获取全局设置
-export const getQuanjszData = (params) => {
+export const getQuanjszData = params => {
     return axios.get('api/GetQuanjsz', {
         params
-    })
+    });
 };
 
 //
-export const postAddShipjk = (data) => {
+export const postAddShipjk = data => {
     // return axios.post('api/AddShipjk', {
     //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,
     //     F_VC_LEIX:data.F_VC_LEIX,
     //     // data: formData,
     // })
-    return axios.post('api/AddShipjk', data)
+    return axios.post('api/AddShipjk', data);
 };
 //分析应用按钮
-export const getApplication = (params) => {
+export const getApplication = params => {
     return axios.get('api/SyncVideo', {
         params
-    })
+    });
 };
 //停止算法程序接口
-export const getStopAlgorithm = (params) => {
+export const getStopAlgorithm = params => {
     return axios.get('api/StopAlgorithm', {
         params
-    })
+    });
 };
 //分析-删除视频源接口
 //172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77
-export const getDeleteShipjk = (params) => {
+export const getDeleteShipjk = params => {
     return axios.get('api/DeleteShipjk', {
         params
-    })
+    });
 };
 //视频分析预览
 // 分析配置接口
-export const getFeixpz = (params) => {
+export const getFeixpz = params => {
     return axios.get('api/GetFeixpz', {
         params
-    })
+    });
 };
 // 设置相机位置接口
-export const setCameraPosition = (data) => {
-    return axios.post('api/SetCameraPosition', 
-        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+export const setCameraPosition = data => {
+    return axios.post('api/SetCameraPosition', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
 };
 // 设置车牌识别接口
-export const setLicensePlate = (data) => {
-    return axios.post('api/SetLicensePlate', 
-        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+export const setLicensePlate = data => {
+    return axios.post('api/SetLicensePlate', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
 };
 // 设置停车状态
-export const setParkingStatus = (data) => {
-    return axios.post('api/SetParkingStatus', 
-        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+export const setParkingStatus = data => {
+    return axios.post('api/SetParkingStatus', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
 };
-export const setFeixzbzh = (params) => {
-    return axios.post('api/SetFeixzbzh', 
-    params,{headers: { 'Content-Type': 'application/json' }})
+export const setFeixzbzh = params => {
+    return axios.post('api/SetFeixzbzh', params, { headers: { 'Content-Type': 'application/json' } });
 };
 
-
 //根据组件id获取单个组件信息
-export const getComponentData = (params) => {
+export const getComponentData = params => {
     return axios.get('api/GetMonqjkzjcsDetails', {
         params
-    })
+    });
 };
 //获取所有断面数据-用于组件OD类型数据
-export const getSectionalData = (params) => {
+export const getSectionalData = params => {
     return axios.get('api/GetSection', {
         params
-    })
+    });
 };
 //
 
-export const setQuanjsz = (params) => {
-    return axios.post('api/SetQuanjsz', 
-    params,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
+export const setQuanjsz = params => {
+    return axios.post('api/SetQuanjsz', params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
 };
 //获取数据看板图形数据
-export const getComponentSection = (params) => {
+export const getComponentSection = params => {
     return axios.get('api/GetComponentSection', {
         params
-    })
+    });
 };
 
+// 根据视频id获取离线视频的分析状态接口
+export const getVideoStatus = videoId => {
+    return axios.get(`api/GetVideoStatus?VideoId=${videoId}`);
+};
 
+// 启动交通分析接口（离线视频使用）
+export const startTrafficAnalysis = videoId => {
+    return axios.get(`api/StartTrafficAnalysis?VideoId=${videoId}`);
+};
+
+// 启动视频分析接口（离线视频使用）
+export const startVideoAnalysis = videoId => {
+    return axios.get(`api/StartVideoAnalysis?VideoId=${videoId}`);
+};
+
+// 根据视频id获取离线视频的分析状态接口
+export const getAnalysisData = videoId => {
+    return axios.get(`api/GetAnalysisData?VideoId=${videoId}`);
+};

src/components/chart/barChart.vue

@@ -7,20 +7,31 @@
 <script>
 export default {
     name: 'barChart', //饼图组件
-    props:{
-        list:Array,
-        default(){
-            return[]
+    props: {
+        list: Array,
+        default() {
+            return []
+        },
+        pageType: {
+            type: String
+        },
+        title: {
+            type: String
+        },
+        status: {
+            type: String
         }
     },
     data() {
         return {
-            
+            xData: [],
+            yData: []
         }
     },
+    created() {
+    },
     methods: {
         drawBar() {
-            // console.log(this.$refs.barChart,'11111');
             let myChart = this.$echarts.init(this.$refs.barChart)
             let option = {
                 color: ['#7262FD', '#FC5A5A'],
@@ -34,30 +45,9 @@ export default {
                     top: '20%',
                     containLabel: true,
                 },
-                // legend: {
-                //     icon: 'rect',
-                //     orient: 'horizontal',
-                //     left: 'left',
-                //     itemWidth: 12,
-                //     itemHeight: 12,
-                //     formatter: ['{a|{name}}'].join('\n'),
-                //     textStyle: {
-                //         fontSize: 12,
-                //         color: '#6A93B9',
-                //         height: 8,
-                //         rich: {
-                //             a: {
-                //                 verticalAlign: 'bottom',
-                //             },
-                //         },
-                //     },
-                //     data: ['已完成', '未完成'],
-                // },
                 xAxis: {
                     type: 'category',
-                    data: this.list.map((value)=>{
-                        return value.type
-                    }),
+                    data: this.xData,
                     axisLine: {
                         lineStyle: {
                             color: '#000',
@@ -103,9 +93,7 @@ export default {
                     barWidth: 20,
                     itemStyle: { barBorderRadius: [5, 5, 0, 0], },
                     name: '时间',
-                    data: this.list.map((value)=>{
-                        return value.speed
-                    })
+                    data: this.yData
                 },
                 ],
             };
@@ -113,14 +101,30 @@ export default {
             // window.onresize = () => {  // 根据窗口大小变化图表自适应
             //     myChart.resize();
             // };
-            window.addEventListener('resize',function(){
+            window.addEventListener('resize', function () {
                 myChart.resize()
             }
             )
         },
     },
     mounted() {
+
+    },
+    watch: {
+        list: {
+            handler(newVal) {
+                if (newVal.length != 0) {
+                    this.xData = newVal[newVal.length - 1].type_data.map(ele => {
+                        return ele.name
+                    })
+                    this.yData = newVal[newVal.length - 1].type_data.map(ele => {
+                        return ele.quantity
+                    })
                     this.drawBar()
                 }
+            }
+
+        }
+    }
 }
 </script>

src/components/chart/lineChart.vue

@@ -43,68 +43,13 @@ export default {
     },
     created() {
         // console.log(this.title,'40');
-        this.xData = this.yData = this.list.map((val) => {
-            return val.timestamp;
-        });
-        this.yData = this.yData = this.list.map((val) => {
-            return val.speed;
-        });
-        if (this.pageType == '断面') {
-            if (this.title == '类型') {
-                this.yData = this.list.map((val) => {
-                    return val.speed;
-                });
-            } else if (this.title == '速度') {
-                this.yData = this.list.map((val) => {
-                    return val.flow;
-                });
-            } else if (this.title == '流量') {
-                this.yData = this.list.map((val) => {
-                    return val.headWay;
-                });
-            } else if (this.title == '车头时距') {
-                return val.speed;
-            }
-        }
 
-        // 区域组件触发y轴展示
-        if (this.pageType == '区域') {
-            if (this.title == '类型') {
-            } else if (this.title == '速度') {
-                this.yData = this.list.map((val) => {
-                    return val.speed;
-                });
-                // 关于类型的组件y轴数据
-                this.yData1 = [20, 30, 40, 60, 88],
-                this.yData2 = [11, 45, 13, 47, 96],
-                this.yData3 = [30, 45, 63, 24, 52]
-            } else if (this.title == '流量') {
-                this.yData = this.list.map((val) => {
-                    return val.speed;
-                });
 
-            } else if (this.title == '车头时距') {
-                this.yData = this.list.map((val) => {
-                    return val.ave_speed;
-                });
-            } else if (this.title == '排队数') {
-            } else if (this.title == '监测数') {
-            } else if (this.title == '延误') {
-                this.yData = this.list.map((val) => {
-                    return val.ave_delay;
-                });
-            } else if (this.title == '拥堵') {
-                this.yData = this.list.map((val) => {
-                    return val.ave_speed;
-                });
-            }
-        }
 
     },
     methods: {
         drawLine() {
             var myChart = this.$echarts.init(this.$refs.lineChart);
-
             let option = {
                 grid: {
                     left: '2%',
@@ -224,6 +169,55 @@ export default {
         this.drawLine();
         // console.log(this.pageType, this.title, this.status);
         // console.log(this.list1);
+    },
+    watch: {
+        list: {
+            handler(newVal) {
+                this.xData = this.yData = newVal.map((val) => {
+                    return val.time;
+                });
+                if (newVal.length != undefined) {
+                    // 区域组件触发y轴展示
+                    if (this.title == '类型') {
+                        this.yData = newVal.map((val) => {
+                            return val.speed;
+                        });
+                    } else if (this.title == '速度') {
+                        this.yData = newVal.map((val) => {
+                            return val.speed;
+                        });
+                    } else if (this.title == '流量') {
+                        this.yData = newVal.map((ele) => {
+                            return ele.in_flow + ele.out_flow
+                        });
+
+                    } else if (this.title == '车头时距') {
+                        this.yData = newVal.map((val) => {
+                            return val.ave_speed;
+                        });
+                    } else if (this.title == '排队数') {
+                        this.yData = newVal.map((val) => {
+                            return val.n_queue;
+                        });
+                    } else if (this.title == '检测数') {
+                        this.yData = newVal.map((val) => {
+                            return val.n_stay;
+                        });
+                    } else if (this.title == '延误') {
+                        this.yData = newVal.map((val) => {
+                            
+                        });
+                    } else if (this.title == '拥堵') {
+                        this.yData = newVal.map((val) => {
+                            
+                        });
+                    }
+
+                }
+            },
+            immediate: true
+        }
+
     }
 };
 </script>

src/components/chart/pieChart.vue

@@ -8,17 +8,22 @@
 export default {
     name: 'pieChart',//饼图图组件
     props: {
-        list:{
-            type:Array,
-            default(){
-                return[]
+        list: {
+            type: Array,
+            default() {
+                return []
             }
         }
     },
     data() {
 
         return {
+            legend: [],
+            seriesData: []
         }
+    },
+    created() {
+
     },
     methods: {
         drawPie() {
@@ -28,19 +33,6 @@ export default {
                 '#3751E6',
                 '#FFC722'
             ];
-
-            var legend = [
-                '货车',
-                '汽车',
-                '卡车',
-            ];
-
-            var seriesData = [
-                { "name": "货车", "value": 30 },
-                { "name": "汽车", "value": 10 },
-                { "name": "卡车", "value": 15 },
-            ]
-
             let option = {
 
                 color: color,
@@ -50,13 +42,13 @@ export default {
                     textStyle: {
 
                     },
-                    data: legend,
+                    data: this.legend,
                 },
+                tooltip: {},
                 series: [{
-                    name: '需求类型占比',
                     type: 'pie',
-                    center: ['50%', '55%'],
-                    radius: '80%',
+                    center: ['48%', '55%'],
+                    radius: '70%',
                     label: {
                         normal: {
                             show: false,
@@ -80,7 +72,7 @@ export default {
                             },
                         }
                     },
-                    data: seriesData,
+                    data: this.seriesData,
                 }],
             };
 
@@ -90,7 +82,7 @@ export default {
             // window.onresize = () => {  // 根据窗口大小变化图表自适应
             //     myChart.resize();
             // };
-            window.addEventListener('resize',function(){
+            window.addEventListener('resize', function () {
                 myChart.resize()
             }
             )
@@ -98,8 +90,27 @@ export default {
         },
     },
     mounted() {
+
+    },
+    watch: {
+        list: {
+            handler(newVal) {
+                if (newVal.length != 0) {
+                    this.legend = newVal[newVal.length - 1].type_data.map(ele => {
+                        return ele.name
+                    });
+                    newVal[newVal.length - 1].type_data.forEach(ele => {
+                        this.seriesData.push({
+                            name: ele.name,
+                            value: ele.quantity
+                        })
+                    })
+
+                }
                 this.drawPie()
             }
+        }
+    }
 }
 </script>
 <style scoped>

src/components/chart/regionTable.vue

@@ -1,4 +1,6 @@
 <template>
+
+    <!-- 区域的表格 -->
     <div class="tableContent">
         <div class="down">
             <el-dropdown trigger="click" @command="handleCommand">
@@ -8,29 +10,13 @@
                 </el-dropdown-menu>
             </el-dropdown>
         </div>
+        
         <!-- 触发 -->
-        <el-table :data="msg" style="width: 100%" v-if="type == '触发'">
+        <el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'||'触发'">
             <el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
-            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop="obj_id" label="目标编号"></el-table-column>
-            <el-table-column align="center" label="目标类型">
-                <template slot-scope="scope">
-                    <span v-if="scope.row.type=='Person'">行人</span>
-                    <span v-if="scope.row.type=='Motor Vehicle'">机动车</span>
-                    <span v-if="scope.row.type=='Non_Motor'">非机动车</span>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="plate" label="车牌"></el-table-column>
-            <el-table-column align="center" prop="speed" label="速度"></el-table-column>
-            <el-table-column align="center" prop="event" label="监测触发事件"></el-table-column>
-            <el-table-column align="center" prop="lane" label="车道"></el-table-column>
-            <el-table-column align="center" prop="headWay" label="车头时距"></el-table-column>
-        </el-table>
-        <!-- 周期时刻 -->
-        <el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'">
-            <el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
+            <el-table-column align="center" prop="graphical_id" label="区域编号"></el-table-column>
             <el-table-column align="center" prop="name" label="区域名称"></el-table-column>
-            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
+            <el-table-column align="center" prop="time" label="时间戳"></el-table-column>
             <!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
             <el-table-column align="center"  label="目标类型">
                 <template slot-scope="scope">
@@ -41,7 +27,12 @@
             </el-table-column>
             <el-table-column align="center" prop="n_stay" label="存车数"></el-table-column>
             <el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
-            <el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
+            <el-table-column align="center" prop="occ" label="占用状态">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.occ=='1'">占用</span>
+                   
+                </template>
+            </el-table-column>
             <el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
         </el-table>
         <!-- 周期统计 -->

src/components/chart/tableShow.vue

@@ -1,4 +1,5 @@
 <template>
+    <!-- 断面的表格 -->
     <div class="tableContent">
         <div class="down">
             <el-dropdown trigger="click" @command="handleCommand">
@@ -10,10 +11,14 @@
         </div>
         <!-- 触发 -->
 
+        <!-- 触发 -->
         <el-table :data="msg" style="width: 100%" v-if="type == '触发'">
             <el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
+            <el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'||'触发'">
+            <el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
+            <el-table-column align="center" prop="name" label="区域名称"></el-table-column>
             <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop="obj_id" label="目标编号"></el-table-column>
+            <!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
             <el-table-column align="center"  label="目标类型">
                 <template slot-scope="scope">
                     <span v-if="scope.row.type=='Person'">行人</span>
@@ -21,12 +26,13 @@
                     <span v-if="scope.row.type=='Non_Motor'">非机动车</span>
                 </template>
             </el-table-column>
-            <el-table-column align="center" prop="plate" label="车牌"></el-table-column>
-            <el-table-column align="center" prop="speed" label="速度"></el-table-column>
-            <el-table-column align="center" prop="event" label="监测触发事件"></el-table-column>
-            <el-table-column align="center" prop="lane" label="车道"></el-table-column>
-            <el-table-column align="center" prop="headWay" label="车头时距"></el-table-column>
+            <el-table-column align="center" prop="n_stay" label="存车数"></el-table-column>
+            <el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
+            <el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
+            <el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
         </el-table>
+        </el-table>
+        
 
         <!-- 周期统计 -->
         <el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">

src/components/target/typeChart.vue

@@ -4,7 +4,7 @@
         <p class="chartTitle"><span class="titleIcon"></span> {{ componentName }}</p>
         <div class="typeContent">
             <el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
-                <div style="font-size: 30px; font-weight: bold">{{data.length}}</div>
+                <div style="font-size: 30px; font-weight: bold" v-show="title == '类型'">{{ this.total }}</div>
                 <div style="padding: 14px">
                     <span>数值</span>
                     <div class="bottom clearfix">
@@ -49,9 +49,10 @@ import tableShow from '../chart/tableShow.vue';
 import pieChart from '../chart/pieChart.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import regionTable from '../chart/regionTable.vue';
+import { watch } from 'fs';
 export default {
     name: 'typeChart', //类型组件
-    props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName','title'],
+    props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName', 'title'],
     components: {
         lineChart,
         barChart,
@@ -63,12 +64,26 @@ export default {
     },
     data() {
         return {
+            total: 0
         };
     },
-    created(){
+    created() {
+
     },
-    methods: {},
-    mounted() {}
+    methods: {
+        // 计算类型的数值
+
+    },
+    mounted() { },
+    watch: {
+        list(newVal) {
+            if (newVal.length != 0) {
+                newVal[newVal.length - 1].type_data.forEach(ele => {
+                    this.total += ele.quantity
+                })
+            }
+        }
+    }
 };
 </script>
 <style scoped>

src/views/AnalysisMain.vue

@@ -23,12 +23,13 @@
             <img src="@/assets/img/AnalysisMain/ssVideo.png" alt="" v-if="item.type=='实时视频'">
             <img src="@/assets/img/AnalysisMain/lxVideo.png" alt="" v-if="item.type=='离线视频'">
         </div>
-        <div class="statusN" v-if="item.type=='实时视频'|| item.status=='已分析'">
-             <img src="@/assets/img/AnalysisMain/status.png" alt="" v-if="item.type=='实时视频'">
+        <div class="statusN">
+             <img src="@/assets/img/AnalysisMain/status.png" alt="" >
              <span class="statusName">{{ item.status }}</span>
         </div>
+        
         <!-- <div class="del" @click="open(item.id)"> <i class='el-icon-delete'></i></div> -->
-      <img :src="item.img" class="image" @click="goToPage(item.id,item.num,item.title,item.type)">
+      <img :src="item.img" class="image" @click="goToPage(item.id,item.num,item.title,item.type,item.status)">
       <div class="bot">
         <span style=" vertical-align: middle;">
             <img src="@/assets/img/AnalysisMain/video (1).png" alt="">
@@ -70,7 +71,6 @@
     title="视频源配置"
     width="40%"
     :visible.sync="dialogFormVisible" 
-    
   >
     <!-- <editModal ></editModal> -->
     <el-form :model="form">
@@ -299,8 +299,13 @@ destroyed: function () {
         console.log("form",form)
         let formData = new FormData();
         formData.append("VideoName",form.videoName);
-            formData.append("VideoType",form.videoType);
+            formData.append("VideoType",this.videoTypeForm.videoType);
+            if(this.videoTypeForm.videoType=='离线视频'){
+                formData.append("VideoPath",form.videoStreamAddress);
+                
+            }else{
                 formData.append("VideoStreamAddress",form.videoStreamAddress);
+            }
         axios({
                 method: "post",
                 url: serverUrl.dataUrl,
@@ -419,7 +424,7 @@ destroyed: function () {
                                   message: r.data.msg,
                                   type: 'success'
                                 });
-                                
+                                this.form.videoStreamAddress=r.data.data
                                 }
                             }
                         }).catch(e => {
@@ -427,9 +432,10 @@ destroyed: function () {
                         });
                     }
                 },
-     goToPage(id,num,name,type) {
+     goToPage(id,num,name,type,status) {
 
-        this.$router.push({path:'index',query: {id:id,num:num,name:name,type:type}})
+        this.$router.push({path:'index',query: {id:id,num:num,name:name,type:type,status:status
+}})
         
     },
      //获取视频数据

src/views/bounced/analysisConfiguration.vue

@@ -26,13 +26,21 @@
                     <!-- <el-form-item > -->
                     <el-button v-if="false" type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button>
                     <div class="warning" style="margin-top:15px" @click="handleContent('postion')">
-                            <i :class="contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
+                        <i
+                            :class="contentShow.postion == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                            style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                        ></i>
                         <p class="board-title">相机位置</p>
                         <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> 在 WGS84 坐标系中输入相机位置
                     </div>
                     <el-form-item label="相机位置：" v-if="contentShow.postion">
                         <el-input v-model="sizeForm.longitude" size="small" style="width: 150px" placeholder="经度"></el-input>
-                            <el-input v-model="sizeForm.latitude" size="small" style="width: 150px; margin-left: 20px" placeholder="纬度"></el-input>
+                        <el-input
+                            v-model="sizeForm.latitude"
+                            size="small"
+                            style="width: 150px; margin-left: 20px"
+                            placeholder="纬度"
+                        ></el-input>
                     </el-form-item>
                 </el-form>
                 <div style="margin-top: 15px" v-if="contentShow.postion">
@@ -43,7 +51,10 @@
         <div class="dataBoard">
             <div class="section">
                 <div class="warning" @click="handleContent('coordinate')">
-                        <i :class="contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
+                    <i
+                        :class="contentShow.coordinate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
                     <p class="board-title">坐标转换</p>
                     <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
                     >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。
@@ -53,64 +64,70 @@
                             <el-switch v-model="coordinateForm.coordinateClose"></el-switch>
                         </el-form-item> -->
                     <el-form-item label="UTM区：" class="otherThings">
-                                <el-input-number v-model="coordinateForm.num" controls-position="right" :precision="0"  size="small" :min="1" :max="60"></el-input-number>
+                        <el-input-number
+                            v-model="coordinateForm.num"
+                            controls-position="right"
+                            :precision="0"
+                            size="small"
+                            :min="1"
+                            :max="60"
+                        ></el-input-number>
                         <div class="warning" style="margin:0px">
                             <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
                             >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。
                         </div>
                     </el-form-item>
-                        <el-form-item label="半球：" >
+                    <el-form-item label="半球：">
                         <el-select size="small" v-model="coordinateForm.value" placeholder="请选择">
-                              <el-option
-                                v-for="(item) in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value">
-                              </el-option>
+                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                         </el-select>
                     </el-form-item>
-                        <el-form-item label="坐标转换：" >
+                    <el-form-item label="坐标转换：">
                         <el-radio-group v-model="coordinateForm.coordinateTransformation">
                             <el-radio label="WGS-84坐标系"></el-radio>
                             <el-radio label="其他"></el-radio>
                         </el-radio-group>
                     </el-form-item>
-                        <div style="width: 100%; height: 702px; margin-bottom: 10px" >
-                            <iframe
-                                ref="analysisWeb"
-                                src="./analysisWeb/index.html"
-                                frameborder="0"
-                                style="width: 100%; height: 100%"
-                            ></iframe>
+                    <div style="width: 100%; height: 702px; margin-bottom: 10px">
+                        <iframe ref="analysisWeb" src="./analysisWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
                     </div>
                     <div class="warning">
-                            <el-button
-                                size="mini"
-                                type="primary"
-                                style="color: #fffff"
-                                @click="dialogVisible = true"
-                                >新增点
-                            </el-button>
-                            <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
-                            >请至少配置4个点，不满足4个点会没有数据。
+                        <el-button size="mini" type="primary" style="color: #fffff" @click="handleDian">新增点 </el-button>
+                        <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>请至少配置4个点，不满足4个点会没有数据。
                     </div>
-                        <el-table border :data="coordinateTableData" >
+                    <el-table border :data="coordinateTableData">
                         <template slot="empty">
-                              <el-empty :image-size="100" description='暂无数据'></el-empty>
+                            <el-empty :image-size="100" description="暂无数据"></el-empty>
                         </template>
                         <el-table-column prop="pointName" label="点名称" align="center">
                             <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false"  v-model="scope.row.pointName" maxlength="30" placeholder="请输入" @blur="updateName($event)"/>
+                                <el-input
+                                    :disabled="scope.row.btnShow == '1' ? true : false"
+                                    v-model="scope.row.pointName"
+                                    maxlength="30"
+                                    placeholder="请输入"
+                                    @blur="updateName($event)"
+                                />
                             </template>
                         </el-table-column>
                         <el-table-column prop="longitude" label="经度" align="center">
                             <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false"  v-model="scope.row.longitude" maxlength="20" placeholder="请输入" />
+                                <el-input
+                                    :disabled="scope.row.btnShow == '1' ? true : false"
+                                    v-model="scope.row.longitude"
+                                    maxlength="20"
+                                    placeholder="请输入"
+                                />
                             </template>
                         </el-table-column>
                         <el-table-column prop="latitude" label="纬度" align="center">
-                                <template slot-scope="scope">
-                                    <el-input :disabled="scope.row.btnShow == '1'?true:false" v-model="scope.row.latitude" maxlength="20" placeholder="请输入" />
+                            <template v-slot="{ row, $index }">
+                                <el-input
+                                    :disabled="row.btnShow == '1' ? true : false"
+                                    v-model="row.latitude"
+                                    maxlength="20"
+                                    placeholder="请输入"
+                                />
                             </template>
                         </el-table-column>
                         <el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
@@ -119,28 +136,19 @@
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                                <template slot-scope="scope">
+                            <template v-slot="{ row, $index }">
                                 <el-button
                                     size="mini"
                                     type="text"
                                     style="color: #2090c1"
-                                        v-if="scope.row.btnShow == '1'?true:false"
-                                        @click="handleExit(scope.row,scope.$index)"
+                                    v-if="row.btnShow == '1' ? true : false"
+                                    @click="handleExit(row, $index)"
                                     >编辑
                                 </el-button>
-                                    <el-button
-                                        size="mini"
-                                        type="text"
-                                        style="color: #2090c1"
-                                        v-else
-                                        @click="handleconfirm(scope.row,scope.$index)"
+                                <el-button size="mini" type="text" style="color: #2090c1" v-else @click="handleconfirm(row, $index)"
                                     >确认编辑
                                 </el-button>
-                                    <el-button
-                                        size="mini"
-                                        type="text"
-                                        style="color: #f56c6c"
-                                        @click="handleDeleteDian(scope.row)"
+                                <el-button size="mini" type="text" style="color: #f56c6c" @click="handleDeleteDian(row, $index)"
                                     >删除
                                 </el-button>
                             </template>
@@ -149,7 +157,7 @@
                     <div style="margin-top: 15px">
                         <el-button
                             type="primary"
-                                :disabled="coordinateTableData.length<4"
+                            :disabled="coordinateTableData.length < 4"
                             @click="handlePos()"
                             size="small"
                             style="width: 150px"
@@ -176,11 +184,7 @@
                     <el-form-item label="各车道中心线（区域检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
                         <el-switch v-model="laneform.areaDetector"></el-switch>
                     </el-form-item>
-                        <el-form-item
-                            label="自动识别各车道中心点坐标（断面检测器）："
-                            style="width: 300px"
-                            v-if="laneform.laneClose == true"
-                        >
+                    <el-form-item label="自动识别各车道中心点坐标（断面检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
                         <el-switch v-model="laneform.sectionDetector"></el-switch>
                     </el-form-item>
                     <el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
@@ -197,7 +201,6 @@
                     >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
                 </div>
 
-
                 <el-form ref="form" :model="identificationAreaform" label-width="fit-content">
                     <!-- <p>车道识别配置</p> -->
 
@@ -256,14 +259,22 @@
         <div class="dataBoard">
             <div class="section">
                 <div class="warning" @click="handleContent('plate')">
-                      <i :class="contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
+                    <i
+                        :class="contentShow.plate == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
                     <p class="board-title">车牌识别</p>
                     <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
                     >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
                 </div>
                 <el-form ref="form" :model="licensePlateform" label-width="fit-content" v-if="contentShow.plate">
                     <el-form-item label="车牌识别开关：">
-                            <el-switch v-model="licensePlateform.licensePlateClose" active-value="1" inactive-value="0" @change="changeChepai($event)"></el-switch>
+                        <el-switch
+                            v-model="licensePlateform.licensePlateClose"
+                            active-value="1"
+                            inactive-value="0"
+                            @change="changeChepai($event)"
+                        ></el-switch>
                     </el-form-item>
                     <!-- <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="licensePlateform.licensePlateClose == true"> -->
                     <div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="false">
@@ -349,12 +360,21 @@
         <div class="dataBoard">
             <div class="section">
                 <div class="warning" @click="handleContent('parking')">
-                      <i :class="contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'" style="font-weight: 600;font-size: 18px;margin-right: 5px;" ></i>
+                    <i
+                        :class="contentShow.parking == false ? 'el-icon-arrow-right' : 'el-icon-arrow-down'"
+                        style="font-weight: 600;font-size: 18px;margin-right: 5px;"
+                    ></i>
                     <p class="board-title">停车状态</p>
                     <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
                     >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车
                 </div>
-                    <el-form :inline="true" :model="stopStateform" class="demo-form-inline" label-width="fit-content" v-if="contentShow.parking">
+                <el-form
+                    :inline="true"
+                    :model="stopStateform"
+                    class="demo-form-inline"
+                    label-width="fit-content"
+                    v-if="contentShow.parking"
+                >
                     <el-form-item label="位移：" style="margin-right:10px">
                         <el-input-number
                             v-model="stopStateform.displacement"
@@ -435,7 +455,7 @@
                 </el-form>
             </div>
         </div>
-            <el-dialog
+        <!-- <el-dialog
               title="新增点"
               :visible.sync="dialogVisible"
               width="30%"
@@ -466,50 +486,44 @@
                 <el-button @click="dialogVisible = false">取 消</el-button>
                 <el-button type="primary" @click="handleDian('addform')">确 定</el-button>
               </span>
-            </el-dialog>
+            </el-dialog> -->
     </div>
 </template>
 
-  <script>
+<script>
 import mqtt from 'mqtt'; // mqtt协议
-import {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from "@/api/index";
+import { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from '@/api/index';
 export default {
-     props:{
+    props: {
         analysisConfigurationdata: {
             default: () => false,
             type: Object,
             required: true
-        },
+        }
     },
     data() {
         return {
-            unityDone:false,
-            oldName:'',
-          formRules:{
-            pointName: [
-              { required: true, message: '请输入点名称', trigger: 'blur' },
-            ],
-            longitude: [
-              { required: true, message: '请输入经度', trigger: 'blur' },
-            ],
-            latitude: [
-              { required: true, message: '请输入纬度', trigger: 'blur' },
-            ],
+            unityDone: false,
+            oldName: '',
+            formRules: {
+                pointName: [{ required: true, message: '请输入点名称', trigger: 'blur' }],
+                longitude: [{ required: true, message: '请输入经度', trigger: 'blur' }],
+                latitude: [{ required: true, message: '请输入纬度', trigger: 'blur' }]
             },
-          addDianForm:{
-            pointName:'',
-            longitude:"",
-            latitude:'',
-            oldName:''
+            addDianForm: {
+                pointName: '',
+                longitude: '',
+                latitude: '',
+                oldName: ''
             },
             dialogVisible: false,
-          coordinateTransformationId:'',
-          AnalysisSettingId:'',
-          contentShow:{
-            postion:true,
-            coordinate:false,
-            plate:true,
-            parking:true
+            coordinateTransformationId: '',
+            AnalysisSettingId: '',
+            contentShow: {
+                postion: true,
+                coordinate: false,
+                plate: true,
+                parking: true
             },
             sizeForm: {
                 name: '',
@@ -520,8 +534,8 @@ export default {
                 type: [],
                 resource: '',
                 desc: '',
-                longitude:'',
-                latitude:''
+                longitude: '',
+                latitude: ''
             },
             formInline: {
                 user: '',
@@ -537,36 +551,17 @@ export default {
                 value: '0',
                 num: 1
             },
-            options: [{
+            options: [
+                {
                     value: '南',
                     label: '南'
-            }, {
+                },
+                {
                     value: '北',
                     label: '北'
-            }],
-            coordinateTableData: [
-                {
-                    name: '11',
-                    longitude: '111',
-                    inIp: '01',
-                    latitude: '',
-                    oldName:''
-                },
-                {
-                    name: '22',
-                    longitude: '222',
-                    inIp: '02',
-                    latitude: '',
-                    oldName:''
-                },
-                {
-                    name: '33',
-                    longitude: '333',
-                    inIp: '03',
-                    latitude: '',
-                    oldName:''
                 }
             ],
+            coordinateTableData: [],
             //车道识别配置
             laneform: {
                 laneClose: false,
@@ -648,18 +643,17 @@ export default {
             fileList: []
         };
     },
-    watch:{
-        analysisConfigurationdata:{
-            handler:function(old,newV){
+    watch: {
+        analysisConfigurationdata: {
+            handler: function(old, newV) {
                 // console.log("old",old)
                 // console.log("newV",newV)
-                if(newV!=null&&this.unityDone==true){
-                    console.log(newV,'yyy');
-                    this.$refs.analysisWeb.contentWindow.getDestination(newV)
+                if (newV != null && this.unityDone == true) {
+                    console.log(newV, 'yyy');
+                    this.$refs.analysisWeb.contentWindow.getDestination(newV);
                 }
             }
         }
-         
     },
     created() {
         //    this.getDataByMqtt()
@@ -675,124 +669,107 @@ export default {
         //             this.load()
         //         }, 5000);// 这样每次都会触发
         // }
-        getFeixpz({VideoId:this.$route.query.id}).then(res=>{
-            this.sizeForm.longitude = res.data.data.cameraPositionLongitude
-            this.sizeForm.latitude = res.data.data.cameraPositionLatitude
-            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea
-            this.coordinateForm.value = res.data.data.hemisphere
-            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation
-            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]
-            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch
-            this.stopStateform.displacement = res.data.data.parkingDisplacement
-            this.stopStateform.speed = res.data.data.parkingSpeed
-            this.AnalysisSettingId = res.data.data.analysisSettingId
-            this.coordinateTransformationId = res.data.data.coordinateTransformationId
-            this.coordinateTableData.forEach(item=>{
-                item.btnShow='1'
+        getFeixpz({ VideoId: this.$route.query.id }).then(res => {
+            this.sizeForm.longitude = res.data.data.cameraPositionLongitude;
+            this.sizeForm.latitude = res.data.data.cameraPositionLatitude;
+            this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;
+            this.coordinateForm.value = res.data.data.hemisphere;
+            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;
+            this.coordinateTableData =
+                res.data.data.pointData != null
+                    ? res.data.data.pointData.map(item => {
+                          return { ...item, btnShow: '1' };
                       })
-        })
-        
+                    : [];
+            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;
+            this.stopStateform.displacement = res.data.data.parkingDisplacement;
+            this.stopStateform.speed = res.data.data.parkingSpeed;
+            this.AnalysisSettingId = res.data.data.analysisSettingId;
+            this.coordinateTransformationId = res.data.data.coordinateTransformationId;
+            this.coordinateTableData.forEach(item => {
+                item.btnShow = '1';
+            });
+        });
     },
-    mounted(){
+    mounted() {
         window.OnSceneload = this.OnSceneload;
         window.saveCoordinate = this.saveCoordinate;
     },
     methods: {
-        saveCoordinate(obj){
+        saveCoordinate(obj) {
             console.log(obj);
-            this.coordinateTableData.forEach(item=>{
-                if(item.pointName == obj.pointName){
-                    item.imageXCoordinate=obj.imageXCoordinate
-                    item.imageYCoordinate=obj.imageYCoordinate
+            this.coordinateTableData.forEach(item => {
+                if (item.pointName == obj.pointName) {
+                    item.imageXCoordinate = obj.imageXCoordinate;
+                    item.imageYCoordinate = obj.imageYCoordinate;
                 }
-            })
+            });
         },
-        updateName(val){
-            console.log("val",val.target.value);
+
+        updateName(val) {
+            console.log('val', val.target.value);
         },
-        handleExit(row,index){
+        handleExit(row, index) {
             // this.oldName = row.pointName
-            row.oldName = row.pointName
-            console.log(this.coordinateTableData,'12312');
-            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)
-            this.coordinateTableData.forEach((item,index)=>{
-                if(row.pointName == item.pointName){
-                    item.btnShow = '2'
-                    this.$set(this.coordinateTableData,index,item)
-                }
-            })
+            row.oldName = row.pointName;
+            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);
+            row.btnShow = '2';
+            // this.$set(this.coordinateTableData, index, row);
         },
-        handleconfirm(row,index){
-            var bol =  this.coordinateTableData.some((item,indexa)=>item.pointName==row.pointName&&indexa!=index)
-            if(bol==true){
+        handleconfirm(row, index) {
+            var bol = this.coordinateTableData.some((item, indexa) => item.pointName == row.pointName && indexa != index);
+            if (bol == true) {
                 this.$message({
                     type: 'info',
                     message: '该点位已存在'
                 });
-                return false
+                return false;
             }
-            var string = row.oldName+','+row.pointName
-            this.$refs.analysisWeb.contentWindow.saveDian(string)
-            this.coordinateTableData.forEach((item,indexnew)=>{
-                if(row.pointName == item.pointName){
-                    item.btnShow = '1'
-                    this.$set(this.coordinateTableData,indexnew,item)
-                }
-            })
-           
+            var string = row.oldName + ',' + row.pointName;
+            this.$refs.analysisWeb.contentWindow.saveDian(string);
+            row.btnShow = '1';
+            row.oldName = row.pointName;
+            // this.$set(this.coordinateTableData, index, row);
         },
-        OnSceneload(newV){
-            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)
-            this.unityDone=true
+        OnSceneload(newV) {
+            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);
+            this.unityDone = true;
         },
-      handleDeleteDian(row){
+        handleDeleteDian(row, idx) {
             this.$confirm('此操作将删除该点位, 是否继续?', '提示', {
                 confirmButtonText: '确定',
                 cancelButtonText: '取消',
                 type: 'warning'
-        }).then(() => {
-          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )
-          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)
+            })
+                .then(() => {
+                    this.coordinateTableData.splice(idx, 1);
+                    // this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);
+                    this.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);
                     this.$message({
                         type: 'success',
                         message: '删除成功!'
                     });
-        }).catch(() => {
+                })
+                .catch(() => {
                     this.$message({
                         type: 'info',
                         message: '已取消删除'
                     });
                 });
         },
-      handleDian(formName){
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            console.log(this.addDianForm,'addDianForm,,,');
-            var bol =  this.coordinateTableData.some(item=>item.pointName==this.addDianForm.pointName)
-            console.log(bol,'bol');
-            if(bol==true){
-                this.$message({
-                        type: 'info',
-                        message: '该点位已存在'
-                }); 
-                return false
-            }
-            
-            this.addDianForm.btnShow = '2'
-            this.oldName = this.addDianForm.pointName
-            this.coordinateTableData.unshift(this.addDianForm)
-            this.dialogVisible = false
-            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)
-            this.addDianForm={}
-           
-          } else {
-            return false;
-          }
-        });
+        handleDian() {
+            const newPointData = {
+                btnShow: '2',
+                longitude: '0',
+                latitude: '0'
+            };
+            newPointData.oldName = newPointData.pointName = String(new Date().getTime());
+            this.coordinateTableData.unshift(newPointData);
+            this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);
         },
         phoneChange(e) {
-        console.log("e", e.currentTarget.value);
-        this.addDianForm.oldName = e.currentTarget.value
+            console.log('e', e.currentTarget.value);
+            this.addDianForm.oldName = e.currentTarget.value;
         },
         handleClose(done) {
             this.$confirm('确认关闭？')
@@ -802,74 +779,85 @@ export default {
                 .catch(_ => {});
         },
         // 坐标转换接口
-      handlePos(){
-        let params = {
-          CoordinateTransformationId:this.coordinateTransformationId,
-          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,
-          Hemisphere:this.coordinateForm.value,
-          CoordinateTransformation:this.coordinateForm.coordinateTransformation,
-          PointData:this.coordinateTableData
+        handlePos() {
+            if (this.coordinateTableData.some(item => item.btnShow === '2')) {
+                this.$message.warning('请先确认编辑');
+                return;
             }
-        console.log("params",JSON.stringify(params))
-        setFeixzbzh(params).then(res=>{
+            let params = {
+                CoordinateTransformationId: this.coordinateTransformationId,
+                UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,
+                Hemisphere: this.coordinateForm.value,
+                CoordinateTransformation: this.coordinateForm.coordinateTransformation,
+                PointData: this.coordinateTableData.map(item => {
+                    return {
+                        longitude: item.longitude,
+                        latitude: item.latitude,
+                        pointName: item.pointName,
+                        imageXCoordinate: item.imageXCoordinate,
+                        imageYCoordinate: item.imageYCoordinate
+                    };
+                })
+            };
+            setFeixzbzh(params).then(res => {
                 this.$message({
                     type: 'success',
-                 message: res.data.msg,
+                    message: res.data.msg
+                });
             });
-        })
         },
         // 停车状态
-      handleParking(){
+        handleParking() {
             const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('ParkingDisplacement',this.stopStateform.displacement)
-        params.append('ParkingSpeed',this.stopStateform.speed)
-        setParkingStatus(params).then(res=>{
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('ParkingDisplacement', this.stopStateform.displacement);
+            params.append('ParkingSpeed', this.stopStateform.speed);
+            setParkingStatus(params).then(res => {
                 this.$message({
                     type: 'success',
-                message: res.data.msg,
+                    message: res.data.msg
+                });
             });
-        })
         },
         // 车牌识别
-      changeChepai(val){
-        console.log(val,'val111');
+        changeChepai(val) {
+            console.log(val, 'val111');
             const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('LicensePlateRecognitionSwitch',val)
-        setLicensePlate(params).then(res=>{
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('LicensePlateRecognitionSwitch', val);
+            setLicensePlate(params).then(res => {
                 this.$message({
                     type: 'success',
-                message: res.data.msg,
+                    message: res.data.msg
+                });
             });
-        })
         },
         // 经纬度保存
-      handSaveitude(){
+        handSaveitude() {
             const params = new URLSearchParams();
-        params.append('AnalysisSettingId', this.AnalysisSettingId)
-        params.append('CameraPositionLongitude', this.sizeForm.longitude)
-        params.append('CameraPositionLatitude', this.sizeForm.latitude)
-        setCameraPosition(params).then(res=>{
+            params.append('AnalysisSettingId', this.AnalysisSettingId);
+            params.append('CameraPositionLongitude', this.sizeForm.longitude);
+            params.append('CameraPositionLatitude', this.sizeForm.latitude);
+            setCameraPosition(params).then(res => {
                 this.$message({
                     type: 'success',
-                message: res.data.msg,
+                    message: res.data.msg
+                });
             });
-        })
         },
         // 收放
-      handleContent(val){
-        if(val == 'postion'){
-          this.contentShow.postion = !this.contentShow.postion
+        handleContent(val) {
+            if (val == 'postion') {
+                this.contentShow.postion = !this.contentShow.postion;
             }
-        if(val == 'coordinate'){
-          this.contentShow.coordinate = !this.contentShow.coordinate
+            if (val == 'coordinate') {
+                this.contentShow.coordinate = !this.contentShow.coordinate;
             }
-        if(val == 'plate'){
-          this.contentShow.plate = !this.contentShow.plate
+            if (val == 'plate') {
+                this.contentShow.plate = !this.contentShow.plate;
             }
-        if(val == 'parking'){
-          this.contentShow.parking = !this.contentShow.parking
+            if (val == 'parking') {
+                this.contentShow.parking = !this.contentShow.parking;
             }
         },
         handleChange(value) {
@@ -1079,16 +1067,16 @@ export default {
                 // const client = mqtt.connect(host)  // 连接
                 // 错误回调
                 // console.log("this.mqttClient", this.mqttClient)
-                this.mqttClient.on('error', (err) => {
+                this.mqttClient.on('error', err => {
                     console.log('[MQTT-TEST] 连接错误：', err);
                     this.mqttClient.end();
                 });
                 // 重连回调
-                this.mqttClient.on('reconnect', (reconnect) => {
+                this.mqttClient.on('reconnect', reconnect => {
                     //   console.log("[MQTT-TEST] 重连中……", reconnect);
                 });
                 // 连接回调
-                this.mqttClient.on('connect', (connect) => {
+                this.mqttClient.on('connect', connect => {
                     //   console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
                     // 订阅
                     this.mqttClient.subscribe('img0', { qos: 0 });
@@ -1267,7 +1255,7 @@ export default {
 //     text-align: left;
 //     font-size: 16px;
 // }
-.otherThings{
+.otherThings {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -1277,13 +1265,14 @@ export default {
         align-items: center;
     }
 }
-.analysis{
+.analysis {
     .board-title {
         font-size: 17px;
         font-weight: bolder;
+        width: max-content;
     }
 }
-.analysis .warning{
+.analysis .warning {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -1323,4 +1312,3 @@ export default {
     }
 }
 </style>
-  

src/views/bounced/analysisPreview.vue

@@ -109,44 +109,38 @@ export default {
         //   console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
           // 订阅
           this.mqttClient.subscribe('img0', { qos: 0 });
-        //    this.client.connect('aaa', '111')
           this.mqttClient.publish('aaa', '111');
-        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });
           this.mqttClient.subscribe('img1', { qos: 0 });
           this.mqttClient.subscribe('img2', { qos: 0 });
           this.mqttClient.subscribe('img3', { qos: 0 });
           this.mqttClient.subscribe('img4', { qos: 0 });
           this.mqttClient.subscribe('img5', { qos: 0 });
+          this.mqttClient.subscribe('img6', { qos: 0 });
+          this.mqttClient.subscribe('img7', { qos: 0 });
           this.mqttClient.subscribe('stream0', { qos: 0 });
           this.mqttClient.subscribe('stream1', { qos: 0 });
           this.mqttClient.subscribe('stream2', { qos: 0 });
           this.mqttClient.subscribe('stream3', { qos: 0 });
           this.mqttClient.subscribe('stream4', { qos: 0 });
           this.mqttClient.subscribe('stream5', { qos: 0 });
-          
+          this.mqttClient.subscribe('stream6', { qos: 0 });
+          this.mqttClient.subscribe('stream7', { qos: 0 });        
         });
          
         // 接收回调
         this.mqttClient.on("message", (topic, message, packet) => {            
-            
           if (topic.indexOf("img0") != -1) {
             try {
               const utf8decoder = new TextDecoder()
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
-            //   debugger
-            //   console.log("msg", msg)   //msg为转换后的JSON数据
-            // console.log("1111",document.getElementById("mapModule"))
             document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
-            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;
-            //   console.log("imageUrl", imageUrl)
-             
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
               const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
-            //   console.log("imageUrl", imageUrl)
+              console.log("imageUrl", imageUrl)
             }
           } else if (topic.indexOf("img1") != -1) {
             try {
@@ -155,8 +149,7 @@ export default {
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
             //   console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+             document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
@@ -170,8 +163,7 @@ export default {
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
               console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+              document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
@@ -185,8 +177,7 @@ export default {
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
               console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+              document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
@@ -200,8 +191,7 @@ export default {
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
               console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+              document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
@@ -215,50 +205,89 @@ export default {
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
               console.log("msg", msg)   //msg为转换后的JSON数据
-              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;
-              console.log("imageUrl", imageUrl)
+             document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
             } catch {
               let imageType = 'arraybuffer';
               const blob = new Blob([message], { type: imageType })
               const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
               console.log("imageUrl", imageUrl)
             }
-          } else if (topic.indexOf("stream0") != -1) {
+          } else if (topic.indexOf("img6") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+             document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          }else if (topic.indexOf("img7") != -1) {
+            try {
+              const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)		//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
+              console.log("msg", msg)   //msg为转换后的JSON数据
+             document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
+            } catch {
+              let imageType = 'arraybuffer';
+              const blob = new Blob([message], { type: imageType })
+              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
+              console.log("imageUrl", imageUrl)
+            }
+          }else if (topic.indexOf("stream0") != -1) {
             const utf8decoder = new TextDecoder()
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
               const msg = JSON.parse(temp)
                 document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream1") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)
+                document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream2") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)
+                document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream3") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)
+                document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream4") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+           const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+              const msg = JSON.parse(temp)
+            document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           } else if (topic.indexOf("stream5") != -1) {
-            console.log(
-              `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
-              new Date(),
-              new Date().getMilliseconds()
-            );
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+            const msg = JSON.parse(temp)
+            document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
+          }else if (topic.indexOf("stream6") != -1) {
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+            const msg = JSON.parse(temp)
+            document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
+          }else if (topic.indexOf("stream7") != -1) {
+            const utf8decoder = new TextDecoder()
+              const u8arr = new Uint8Array(message)
+              const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
+            const msg = JSON.parse(temp)
+            document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
           }
 
         });

src/views/bounced/dataBoard.vue

@@ -1,8 +1,9 @@
 <template>
     <div ref="box" class="box">
+        <el-empty v-show="componentList.length == 0" :image-size="400"></el-empty>
         <!-- <p class="title" style="margin-bottom: 20px;font-size: 20px;font-weight: 400;">数据看板</p> -->
         <el-scrollbar class="scrollbar">
-            <div class="dataBoard" ref='dataBoard' v-if="activeName == 'second'">
+            <div class="dataBoard" ref='dataBoard' v-if="activeName=='second'">
                 <!-- 断面 -->
                 <div class="plate1" ref="plate1">
                     <div class="section" ref="section" v-for="(s, i) in sectionData" :key="s.analogAreaComponentId">
@@ -19,8 +20,9 @@
                                     <OD v-if="o.componentName.includes('OD')" :pageType="o.graphicType" triggerType="触发"
                                         :componentName="o.componentName" :echartArr="o.presentationForm" />
                                     <typeChart v-else :pageType="o.graphicType" triggerType="触发"
-                                        :componentName="o.componentName" :data="tableData"
-                                        :echartArr="o.presentationForm" :title="o.componentName.split('_')[0]" />
+                                        :componentName="o.componentName" :data="o.trigger"
+                                        :echartArr="o.presentationForm" :title="o.componentName.split('_')[0]" 
+                                        />
                                 </div>
                                 <!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
                             </div>
@@ -54,6 +56,12 @@ export default {
             default() {
                 return [];
             }
+        },
+        triggerListData: {
+            type: Array,
+            default() {
+                return [];
+            }
         }
     },
     data() {
@@ -295,33 +303,35 @@ export default {
             // 路线数据
             headWay: [],
 
-            itemsDataObject: {
 
-            }
+            tripData: [],
+
+            sectionArr:[]
         };
     },
     created() {
+        console.log(this.sectionData);
         this.idVal = this.$route.query.id;
         getComponentSection({ VideoId: this.idVal }).then((res) => {
             if (res.data.code == 200) {
                 console.log(res.data.data, '11111111111111111');
-                this.componentList = res.data.data;
-                // 断面
-                var sectionArr = [];
+                this.componentList = res.data.data
+                // this.siftData()
                 // 区域
-                res.data.data.forEach((val) => {
-                    sectionArr.push(val.combinationName);
-                    sectionArr = Array.from(new Set(sectionArr));
+                this.componentList.forEach((val) => {
+                    this.sectionArr.push(val.combinationName);
+                    this.sectionArr = Array.from(new Set(this.sectionArr));
                 });
-                this.sectionData = sectionArr.map((item) => {
+                this.sectionData = this.sectionArr.map((item) => {
                     item = { title: item, children: [] };
-                    res.data.data.forEach((val) => {
+                    this.componentList.forEach((val) => {
                         if (item.title == val.combinationName) {
                             item.children.push(val);
                         }
                     });
                     return item;
                 });
+
             } else if (res.data.code == 404) {
             }
         });
@@ -329,7 +339,21 @@ export default {
     },
     methods: {
 
-
+        siftData() {
+            this.componentList.forEach((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.componentList.forEach((val) => {
+                        if (item.title == val.combinationName) {
+                            item.children.push(val);
+                        }
+                    });
+                    return item;
+                });
+        },
         // 组件图标点击下拉事件
         sectionHandle(i) {
             let sections = document.querySelectorAll('.section');
@@ -339,7 +363,7 @@ export default {
 
             if (downPulls1[i].dataset.num % 2 == 0) {
                 downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';
-                sections[i].style.height = sections[i].firstChild.offsetHeight + 20 + 'px';
+                sections[i].style.height = 'auto';
             } else {
                 downPulls1[i].style.cssText = 'transition: all 0.5s linear;';
                 sections[i].style.height = '500px';
@@ -347,84 +371,10 @@ export default {
 
             }
         },
-        //递归筛选
-        // counterCalc(sdata, tdata) {
-        //     this.headWay = this.triggerList.filter((val) => {
-        //         return val.det_id ==  sdata.graphId
-        //     })
-        //     debugger
-        //     console.log(this.headWay);
-        //     // sdata.forEach( => {
 
-        //     // });
-        // },
 
-        // 筛选触发数据
-        tripHandle(s) {
-            // debugger
-            this.triggerList.forEach(item => {
-                if (this.itemsDataObject[item.obj_id]) {
-                    if (this.itemsDataObject[item.obj_id].det_id !== item.det_id || this.itemsDataObject[item.obj_id].det_id.split('-').pop() !== item.det_id) {
-                        this.itemsDataObject[item.obj_id] = { ...item, det_id: this.itemsDataObject[item.obj_id].det_id + '-' + item.det_id }
-                    }
-                } else {
-                    this.itemsDataObject[item.obj_id] = item
-                }
-            })
-            // debugger
-            console.log(this.itemsDataObject, '364');
-            // var key = s.graphId + 'out';
-            // var data = wayLine[key];
+        // 触发数据的类型数值
        
-            // var counter = data.length;//流程
-            // if (s.superiorData.length > 0) {
-            //     var arr = this.counterCalc(s.superiorData, data);
-            //     return
-            // }
-            // this.counterCalc(s,data)
-            /*
-            var dataMap = {};//data
-            var zoneStruct = [{
-                a:123,
-                b:456,
-                end:456
-            },{
-                a:123,
-                b:789,
-                c:888,
-                end:888
-            },{
-                a:123,
-                b:456,
-                c:888,
-                end:888
-            },{
-                a:123,
-                end:123
-            }]
-
-            var objArr={}
-            
-            if(dataMap[s.graphId]==undefined){
-                dataMap[s.graphId]=[]
-            }
-            dataMap[s.graphId].push(s)
-
-            var arr = zoneStruct.find(end==s.graphId);
-
-            s.objectid
-
-            //arr == dataMap[s.graphId] 是相同的
-            */
-            // console.log(s);
-            // 单个区域或者断面的触发数据
-            // let arr = this.triggerList.filter((val) => {
-            //     return val.det_id == s.graphId
-
-            // })
-            // console.log(arr);
-
-        }
     },
     mounted() {
     },
@@ -446,19 +396,40 @@ export default {
 
 
                 // this.$store.commit('setMqtt',newVal)
-                console.log(newVal, 'newVal');
-                this.triggerList = newVal;
-                for (let i = 0; i < this.triggerList.length; i++) {
-                    if (this.triggerList[i].headWay == -1) {
-                        this.triggerList[i].headWay = '';
-                    } else if (this.triggerList[i].lane == -1) {
-                        this.triggerList[i].lane = '';
-                    }
-                }
+                // console.log(newVal, 'newVal');
+                // this.triggerList = newVal;
+
 
 
             },
             immediate: true
+        },
+        triggerListData: {
+            handler(newVal) {
+                this.triggerList = newVal
+                console.log(newVal, 'triggerlistData');
+                if (newVal.length != 0) {
+                    this.componentList.forEach(ele => {
+                        if (ele.trigger == undefined) {
+                            ele.trigger = []
+                        }
+                        this.triggerList.forEach(item => {
+                            if (ele.analogAreaComponentId == item.component_id) {
+                                if (ele.trigger.length == 10) {
+                                    ele.trigger.pop()
+
+                                } else {
+                                    ele.trigger.unshift(item)
+                                }
+                            }
+                        })
+                    })
+                    this.siftData()
+                }
+
+            },
+            immediate: true
+
         }
     }
 };
@@ -507,10 +478,12 @@ export default {
     transition: all 1s;
     overflow: hidden;
 }
-.dataBoard .section{
+
+.dataBoard .section {
     float: left;
     margin-top: 20px;
 }
+
 .dataBoard .section:nth-child(1),
 .dataBoard .section:nth-child(2) {
     margin-top: 0;