数据看板代码提交
This commit is contained in:
commit
34825cd954
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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;"]}]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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]}
|
||||||
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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]}
|
||||||
|
|
@ -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]}
|
||||||
|
|
@ -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 }"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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 }"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
|
|
@ -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 }"]}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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 }"]}
|
||||||
|
|
@ -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"]}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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"]}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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"
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
|
@ -128,6 +128,14 @@
|
||||||
//unity初始化
|
//unity初始化
|
||||||
function OnSceneLoaded(){
|
function OnSceneLoaded(){
|
||||||
window.parent.OnScene();
|
window.parent.OnScene();
|
||||||
|
|
||||||
|
}
|
||||||
|
//初始化传离线视频数据功能
|
||||||
|
function lixianVideo(string){
|
||||||
|
console.log("string",string)
|
||||||
|
if(unity!=null){
|
||||||
|
unity.SendMessage('AAA','Unity_OfflineDataPrepare', string);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
//获取图像
|
//获取图像
|
||||||
function getDestination(string){
|
function getDestination(string){
|
||||||
|
|
|
||||||
|
|
@ -1,102 +1,114 @@
|
||||||
import axios from 'axios'
|
import axios from 'axios';
|
||||||
import qs from 'qs'
|
import qs from 'qs';
|
||||||
if (process.env.NODE_ENV === 'development') {
|
if (process.env.NODE_ENV === 'development') {
|
||||||
axios.defaults.baseURL = '/'
|
axios.defaults.baseURL = '/';
|
||||||
} else if (process.env.NODE_ENV === 'production') {
|
} 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', {
|
return axios.get('api/GetShipjk', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//获取全局设置
|
//获取全局设置
|
||||||
export const getQuanjszData = (params) => {
|
export const getQuanjszData = params => {
|
||||||
return axios.get('api/GetQuanjsz', {
|
return axios.get('api/GetQuanjsz', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
//
|
//
|
||||||
export const postAddShipjk = (data) => {
|
export const postAddShipjk = data => {
|
||||||
// return axios.post('api/AddShipjk', {
|
// return axios.post('api/AddShipjk', {
|
||||||
// F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,
|
// F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,
|
||||||
// F_VC_LEIX:data.F_VC_LEIX,
|
// F_VC_LEIX:data.F_VC_LEIX,
|
||||||
// // data: formData,
|
// // 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', {
|
return axios.get('api/SyncVideo', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//停止算法程序接口
|
//停止算法程序接口
|
||||||
export const getStopAlgorithm = (params) => {
|
export const getStopAlgorithm = params => {
|
||||||
return axios.get('api/StopAlgorithm', {
|
return axios.get('api/StopAlgorithm', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//分析-删除视频源接口
|
//分析-删除视频源接口
|
||||||
//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77
|
//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77
|
||||||
export const getDeleteShipjk = (params) => {
|
export const getDeleteShipjk = params => {
|
||||||
return axios.get('api/DeleteShipjk', {
|
return axios.get('api/DeleteShipjk', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//视频分析预览
|
//视频分析预览
|
||||||
// 分析配置接口
|
// 分析配置接口
|
||||||
export const getFeixpz = (params) => {
|
export const getFeixpz = params => {
|
||||||
return axios.get('api/GetFeixpz', {
|
return axios.get('api/GetFeixpz', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
// 设置相机位置接口
|
// 设置相机位置接口
|
||||||
export const setCameraPosition = (data) => {
|
export const setCameraPosition = data => {
|
||||||
return axios.post('api/SetCameraPosition',
|
return axios.post('api/SetCameraPosition', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
|
||||||
data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
|
|
||||||
};
|
};
|
||||||
// 设置车牌识别接口
|
// 设置车牌识别接口
|
||||||
export const setLicensePlate = (data) => {
|
export const setLicensePlate = data => {
|
||||||
return axios.post('api/SetLicensePlate',
|
return axios.post('api/SetLicensePlate', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
|
||||||
data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
|
|
||||||
};
|
};
|
||||||
// 设置停车状态
|
// 设置停车状态
|
||||||
export const setParkingStatus = (data) => {
|
export const setParkingStatus = data => {
|
||||||
return axios.post('api/SetParkingStatus',
|
return axios.post('api/SetParkingStatus', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
|
||||||
data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
|
|
||||||
};
|
};
|
||||||
export const setFeixzbzh = (params) => {
|
export const setFeixzbzh = params => {
|
||||||
return axios.post('api/SetFeixzbzh',
|
return axios.post('api/SetFeixzbzh', params, { headers: { 'Content-Type': 'application/json' } });
|
||||||
params,{headers: { 'Content-Type': 'application/json' }})
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
//根据组件id获取单个组件信息
|
//根据组件id获取单个组件信息
|
||||||
export const getComponentData = (params) => {
|
export const getComponentData = params => {
|
||||||
return axios.get('api/GetMonqjkzjcsDetails', {
|
return axios.get('api/GetMonqjkzjcsDetails', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//获取所有断面数据-用于组件OD类型数据
|
//获取所有断面数据-用于组件OD类型数据
|
||||||
export const getSectionalData = (params) => {
|
export const getSectionalData = params => {
|
||||||
return axios.get('api/GetSection', {
|
return axios.get('api/GetSection', {
|
||||||
params
|
params
|
||||||
})
|
});
|
||||||
};
|
};
|
||||||
//
|
//
|
||||||
|
|
||||||
export const setQuanjsz = (params) => {
|
export const setQuanjsz = params => {
|
||||||
return axios.post('api/SetQuanjsz',
|
return axios.post('api/SetQuanjsz', params, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } });
|
||||||
params,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})
|
|
||||||
};
|
};
|
||||||
//获取数据看板图形数据
|
//获取数据看板图形数据
|
||||||
export const getComponentSection = (params) => {
|
export const getComponentSection = params => {
|
||||||
return axios.get('api/GetComponentSection', {
|
return axios.get('api/GetComponentSection', {
|
||||||
params
|
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}`);
|
||||||
|
};
|
||||||
|
|
|
||||||
|
|
@ -11,16 +11,27 @@ export default {
|
||||||
list: Array,
|
list: Array,
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
|
},
|
||||||
|
pageType: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
status: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
xData: [],
|
||||||
|
yData: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
drawBar() {
|
drawBar() {
|
||||||
// console.log(this.$refs.barChart,'11111');
|
|
||||||
let myChart = this.$echarts.init(this.$refs.barChart)
|
let myChart = this.$echarts.init(this.$refs.barChart)
|
||||||
let option = {
|
let option = {
|
||||||
color: ['#7262FD', '#FC5A5A'],
|
color: ['#7262FD', '#FC5A5A'],
|
||||||
|
|
@ -34,30 +45,9 @@ export default {
|
||||||
top: '20%',
|
top: '20%',
|
||||||
containLabel: true,
|
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: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: this.list.map((value)=>{
|
data: this.xData,
|
||||||
return value.type
|
|
||||||
}),
|
|
||||||
axisLine: {
|
axisLine: {
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
color: '#000',
|
color: '#000',
|
||||||
|
|
@ -103,9 +93,7 @@ export default {
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
itemStyle: { barBorderRadius: [5, 5, 0, 0], },
|
itemStyle: { barBorderRadius: [5, 5, 0, 0], },
|
||||||
name: '时间',
|
name: '时间',
|
||||||
data: this.list.map((value)=>{
|
data: this.yData
|
||||||
return value.speed
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
@ -120,7 +108,23 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
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()
|
this.drawBar()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -43,68 +43,13 @@ export default {
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// console.log(this.title,'40');
|
// 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: {
|
methods: {
|
||||||
drawLine() {
|
drawLine() {
|
||||||
var myChart = this.$echarts.init(this.$refs.lineChart);
|
var myChart = this.$echarts.init(this.$refs.lineChart);
|
||||||
|
|
||||||
let option = {
|
let option = {
|
||||||
grid: {
|
grid: {
|
||||||
left: '2%',
|
left: '2%',
|
||||||
|
|
@ -224,6 +169,55 @@ export default {
|
||||||
this.drawLine();
|
this.drawLine();
|
||||||
// console.log(this.pageType, this.title, this.status);
|
// console.log(this.pageType, this.title, this.status);
|
||||||
// console.log(this.list1);
|
// 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>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,12 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
legend: [],
|
||||||
|
seriesData: []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
drawPie() {
|
drawPie() {
|
||||||
|
|
@ -28,19 +33,6 @@ export default {
|
||||||
'#3751E6',
|
'#3751E6',
|
||||||
'#FFC722'
|
'#FFC722'
|
||||||
];
|
];
|
||||||
|
|
||||||
var legend = [
|
|
||||||
'货车',
|
|
||||||
'汽车',
|
|
||||||
'卡车',
|
|
||||||
];
|
|
||||||
|
|
||||||
var seriesData = [
|
|
||||||
{ "name": "货车", "value": 30 },
|
|
||||||
{ "name": "汽车", "value": 10 },
|
|
||||||
{ "name": "卡车", "value": 15 },
|
|
||||||
]
|
|
||||||
|
|
||||||
let option = {
|
let option = {
|
||||||
|
|
||||||
color: color,
|
color: color,
|
||||||
|
|
@ -50,13 +42,13 @@ export default {
|
||||||
textStyle: {
|
textStyle: {
|
||||||
|
|
||||||
},
|
},
|
||||||
data: legend,
|
data: this.legend,
|
||||||
},
|
},
|
||||||
|
tooltip: {},
|
||||||
series: [{
|
series: [{
|
||||||
name: '需求类型占比',
|
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
center: ['50%', '55%'],
|
center: ['48%', '55%'],
|
||||||
radius: '80%',
|
radius: '70%',
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
show: false,
|
show: false,
|
||||||
|
|
@ -80,7 +72,7 @@ export default {
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data: seriesData,
|
data: this.seriesData,
|
||||||
}],
|
}],
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -98,9 +90,28 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
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()
|
this.drawPie()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
<!-- 区域的表格 -->
|
||||||
<div class="tableContent">
|
<div class="tableContent">
|
||||||
<div class="down">
|
<div class="down">
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
|
@ -8,29 +10,13 @@
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</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="steam_id" label="视频路"></el-table-column>
|
||||||
<el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
|
<el-table-column align="center" prop="graphical_id" 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="name" 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" prop="" label="视频帧"></el-table-column> -->
|
||||||
<el-table-column align="center" label="目标类型">
|
<el-table-column align="center" label="目标类型">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -41,7 +27,12 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" prop="n_stay" 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="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-column align="center" prop="speed" label="空间平均速度"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 周期统计 -->
|
<!-- 周期统计 -->
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<!-- 断面的表格 -->
|
||||||
<div class="tableContent">
|
<div class="tableContent">
|
||||||
<div class="down">
|
<div class="down">
|
||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
|
@ -10,10 +11,14 @@
|
||||||
</div>
|
</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="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="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="目标类型">
|
<el-table-column align="center" label="目标类型">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.type=='Person'">行人</span>
|
<span v-if="scope.row.type=='Person'">行人</span>
|
||||||
|
|
@ -21,12 +26,13 @@
|
||||||
<span v-if="scope.row.type=='Non_Motor'">非机动车</span>
|
<span v-if="scope.row.type=='Non_Motor'">非机动车</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" prop="plate" label="车牌"></el-table-column>
|
<el-table-column align="center" prop="n_stay" label="存车数"></el-table-column>
|
||||||
<el-table-column align="center" prop="speed" label="速度"></el-table-column>
|
<el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
|
||||||
<el-table-column align="center" prop="event" label="监测触发事件"></el-table-column>
|
<el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
|
||||||
<el-table-column align="center" prop="lane" label="车道"></el-table-column>
|
<el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
|
||||||
<el-table-column align="center" prop="headWay" label="车头时距"></el-table-column>
|
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
|
||||||
<!-- 周期统计 -->
|
<!-- 周期统计 -->
|
||||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
|
<el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }}</p>
|
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }}</p>
|
||||||
<div class="typeContent">
|
<div class="typeContent">
|
||||||
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
|
<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">
|
<div style="padding: 14px">
|
||||||
<span>数值</span>
|
<span>数值</span>
|
||||||
<div class="bottom clearfix">
|
<div class="bottom clearfix">
|
||||||
|
|
@ -49,6 +49,7 @@ import tableShow from '../chart/tableShow.vue';
|
||||||
import pieChart from '../chart/pieChart.vue';
|
import pieChart from '../chart/pieChart.vue';
|
||||||
import detailDialog from '../chart/detailDialog.vue';
|
import detailDialog from '../chart/detailDialog.vue';
|
||||||
import regionTable from '../chart/regionTable.vue';
|
import regionTable from '../chart/regionTable.vue';
|
||||||
|
import { watch } from 'fs';
|
||||||
export default {
|
export default {
|
||||||
name: 'typeChart', //类型组件
|
name: 'typeChart', //类型组件
|
||||||
props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName', 'title'],
|
props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName', 'title'],
|
||||||
|
|
@ -63,12 +64,26 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
total: 0
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {},
|
methods: {
|
||||||
mounted() {}
|
// 计算类型的数值
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() { },
|
||||||
|
watch: {
|
||||||
|
list(newVal) {
|
||||||
|
if (newVal.length != 0) {
|
||||||
|
newVal[newVal.length - 1].type_data.forEach(ele => {
|
||||||
|
this.total += ele.quantity
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
||||||
|
|
@ -23,12 +23,13 @@
|
||||||
<img src="@/assets/img/AnalysisMain/ssVideo.png" alt="" v-if="item.type=='实时视频'">
|
<img src="@/assets/img/AnalysisMain/ssVideo.png" alt="" v-if="item.type=='实时视频'">
|
||||||
<img src="@/assets/img/AnalysisMain/lxVideo.png" alt="" v-if="item.type=='离线视频'">
|
<img src="@/assets/img/AnalysisMain/lxVideo.png" alt="" v-if="item.type=='离线视频'">
|
||||||
</div>
|
</div>
|
||||||
<div class="statusN" v-if="item.type=='实时视频'|| item.status=='已分析'">
|
<div class="statusN">
|
||||||
<img src="@/assets/img/AnalysisMain/status.png" alt="" v-if="item.type=='实时视频'">
|
<img src="@/assets/img/AnalysisMain/status.png" alt="" >
|
||||||
<span class="statusName">{{ item.status }}</span>
|
<span class="statusName">{{ item.status }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="del" @click="open(item.id)"> <i class='el-icon-delete'></i></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">
|
<div class="bot">
|
||||||
<span style=" vertical-align: middle;">
|
<span style=" vertical-align: middle;">
|
||||||
<img src="@/assets/img/AnalysisMain/video (1).png" alt="">
|
<img src="@/assets/img/AnalysisMain/video (1).png" alt="">
|
||||||
|
|
@ -70,7 +71,6 @@
|
||||||
title="视频源配置"
|
title="视频源配置"
|
||||||
width="40%"
|
width="40%"
|
||||||
:visible.sync="dialogFormVisible"
|
:visible.sync="dialogFormVisible"
|
||||||
|
|
||||||
>
|
>
|
||||||
<!-- <editModal ></editModal> -->
|
<!-- <editModal ></editModal> -->
|
||||||
<el-form :model="form">
|
<el-form :model="form">
|
||||||
|
|
@ -299,8 +299,13 @@ destroyed: function () {
|
||||||
console.log("form",form)
|
console.log("form",form)
|
||||||
let formData = new FormData();
|
let formData = new FormData();
|
||||||
formData.append("VideoName",form.videoName);
|
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);
|
formData.append("VideoStreamAddress",form.videoStreamAddress);
|
||||||
|
}
|
||||||
axios({
|
axios({
|
||||||
method: "post",
|
method: "post",
|
||||||
url: serverUrl.dataUrl,
|
url: serverUrl.dataUrl,
|
||||||
|
|
@ -419,7 +424,7 @@ destroyed: function () {
|
||||||
message: r.data.msg,
|
message: r.data.msg,
|
||||||
type: 'success'
|
type: 'success'
|
||||||
});
|
});
|
||||||
|
this.form.videoStreamAddress=r.data.data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
}).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
|
||||||
|
}})
|
||||||
|
|
||||||
},
|
},
|
||||||
//获取视频数据
|
//获取视频数据
|
||||||
|
|
|
||||||
|
|
@ -26,13 +26,21 @@
|
||||||
<!-- <el-form-item > -->
|
<!-- <el-form-item > -->
|
||||||
<el-button v-if="false" type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button>
|
<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')">
|
<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>
|
<p class="board-title">相机位置</p>
|
||||||
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> 在 WGS84 坐标系中输入相机位置
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> 在 WGS84 坐标系中输入相机位置
|
||||||
</div>
|
</div>
|
||||||
<el-form-item label="相机位置：" v-if="contentShow.postion">
|
<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.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-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div style="margin-top: 15px" v-if="contentShow.postion">
|
<div style="margin-top: 15px" v-if="contentShow.postion">
|
||||||
|
|
@ -43,7 +51,10 @@
|
||||||
<div class="dataBoard">
|
<div class="dataBoard">
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="warning" @click="handleContent('coordinate')">
|
<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>
|
<p class="board-title">坐标转换</p>
|
||||||
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
||||||
>通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。
|
>通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。
|
||||||
|
|
@ -53,7 +64,14 @@
|
||||||
<el-switch v-model="coordinateForm.coordinateClose"></el-switch>
|
<el-switch v-model="coordinateForm.coordinateClose"></el-switch>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="UTM区：" class="otherThings">
|
<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">
|
<div class="warning" style="margin:0px">
|
||||||
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
||||||
>地理参照允许测量物理速度和静态图像源的距离,值范围1-60。
|
>地理参照允许测量物理速度和静态图像源的距离,值范围1-60。
|
||||||
|
|
@ -61,12 +79,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="半球：">
|
<el-form-item label="半球：">
|
||||||
<el-select size="small" v-model="coordinateForm.value" placeholder="请选择">
|
<el-select size="small" v-model="coordinateForm.value" placeholder="请选择">
|
||||||
<el-option
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
||||||
v-for="(item) in options"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="坐标转换：">
|
<el-form-item label="坐标转换：">
|
||||||
|
|
@ -76,41 +89,45 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="width: 100%; height: 702px; margin-bottom: 10px">
|
<div style="width: 100%; height: 702px; margin-bottom: 10px">
|
||||||
<iframe
|
<iframe ref="analysisWeb" src="./analysisWeb/index.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
|
||||||
ref="analysisWeb"
|
|
||||||
src="./analysisWeb/index.html"
|
|
||||||
frameborder="0"
|
|
||||||
style="width: 100%; height: 100%"
|
|
||||||
></iframe>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="warning">
|
<div class="warning">
|
||||||
<el-button
|
<el-button size="mini" type="primary" style="color: #fffff" @click="handleDian">新增点 </el-button>
|
||||||
size="mini"
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>请至少配置4个点，不满足4个点会没有数据。
|
||||||
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个点会没有数据。
|
|
||||||
</div>
|
</div>
|
||||||
<el-table border :data="coordinateTableData">
|
<el-table border :data="coordinateTableData">
|
||||||
<template slot="empty">
|
<template slot="empty">
|
||||||
<el-empty :image-size="100" description='暂无数据'></el-empty>
|
<el-empty :image-size="100" description="暂无数据"></el-empty>
|
||||||
</template>
|
</template>
|
||||||
<el-table-column prop="pointName" label="点名称" align="center">
|
<el-table-column prop="pointName" label="点名称" align="center">
|
||||||
<template slot-scope="scope">
|
<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>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="longitude" label="经度" align="center">
|
<el-table-column prop="longitude" label="经度" align="center">
|
||||||
<template slot-scope="scope">
|
<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>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="latitude" label="纬度" align="center">
|
<el-table-column prop="latitude" label="纬度" align="center">
|
||||||
<template slot-scope="scope">
|
<template v-slot="{ row, $index }">
|
||||||
<el-input :disabled="scope.row.btnShow == '1'?true:false" v-model="scope.row.latitude" maxlength="20" placeholder="请输入" />
|
<el-input
|
||||||
|
:disabled="row.btnShow == '1' ? true : false"
|
||||||
|
v-model="row.latitude"
|
||||||
|
maxlength="20"
|
||||||
|
placeholder="请输入"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
|
<el-table-column prop="oldName" label="旧名字" align="center" v-if="laneform.laneClose == true">
|
||||||
|
|
@ -119,28 +136,19 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template v-slot="{ row, $index }">
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
style="color: #2090c1"
|
style="color: #2090c1"
|
||||||
v-if="scope.row.btnShow == '1'?true:false"
|
v-if="row.btnShow == '1' ? true : false"
|
||||||
@click="handleExit(scope.row,scope.$index)"
|
@click="handleExit(row, $index)"
|
||||||
>编辑
|
>编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" type="text" style="color: #2090c1" v-else @click="handleconfirm(row, $index)"
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
style="color: #2090c1"
|
|
||||||
v-else
|
|
||||||
@click="handleconfirm(scope.row,scope.$index)"
|
|
||||||
>确认编辑
|
>确认编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" type="text" style="color: #f56c6c" @click="handleDeleteDian(row, $index)"
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
style="color: #f56c6c"
|
|
||||||
@click="handleDeleteDian(scope.row)"
|
|
||||||
>删除
|
>删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -176,11 +184,7 @@
|
||||||
<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.areaDetector"></el-switch>
|
<el-switch v-model="laneform.areaDetector"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="自动识别各车道中心点坐标（断面检测器）：" style="width: 300px" v-if="laneform.laneClose == true">
|
||||||
label="自动识别各车道中心点坐标（断面检测器）："
|
|
||||||
style="width: 300px"
|
|
||||||
v-if="laneform.laneClose == true"
|
|
||||||
>
|
|
||||||
<el-switch v-model="laneform.sectionDetector"></el-switch>
|
<el-switch v-model="laneform.sectionDetector"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
|
<el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
|
||||||
|
|
@ -197,7 +201,6 @@
|
||||||
>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
|
>您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<el-form ref="form" :model="identificationAreaform" label-width="fit-content">
|
<el-form ref="form" :model="identificationAreaform" label-width="fit-content">
|
||||||
<!-- <p>车道识别配置</p> -->
|
<!-- <p>车道识别配置</p> -->
|
||||||
|
|
||||||
|
|
@ -256,14 +259,22 @@
|
||||||
<div class="dataBoard">
|
<div class="dataBoard">
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="warning" @click="handleContent('plate')">
|
<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>
|
<p class="board-title">车牌识别</p>
|
||||||
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
||||||
>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
|
>车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）
|
||||||
</div>
|
</div>
|
||||||
<el-form ref="form" :model="licensePlateform" label-width="fit-content" v-if="contentShow.plate">
|
<el-form ref="form" :model="licensePlateform" label-width="fit-content" v-if="contentShow.plate">
|
||||||
<el-form-item label="车牌识别开关：">
|
<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>
|
</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="licensePlateform.licensePlateClose == true"> -->
|
||||||
<div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="false">
|
<div style="width: 100%; height: 400px; margin-bottom: 10px" v-if="false">
|
||||||
|
|
@ -349,12 +360,21 @@
|
||||||
<div class="dataBoard">
|
<div class="dataBoard">
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="warning" @click="handleContent('parking')">
|
<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>
|
<p class="board-title">停车状态</p>
|
||||||
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
<i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
|
||||||
>位移、速度，例如位移＜δ，速度＜v，则判断车辆停车
|
>位移、速度，例如位移＜δ，速度＜v，则判断车辆停车
|
||||||
</div>
|
</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-form-item label="位移：" style="margin-right:10px">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="stopStateform.displacement"
|
v-model="stopStateform.displacement"
|
||||||
|
|
@ -435,7 +455,7 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog
|
<!-- <el-dialog
|
||||||
title="新增点"
|
title="新增点"
|
||||||
:visible.sync="dialogVisible"
|
:visible.sync="dialogVisible"
|
||||||
width="30%"
|
width="30%"
|
||||||
|
|
@ -466,39 +486,33 @@
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="handleDian('addform')">确 定</el-button>
|
<el-button type="primary" @click="handleDian('addform')">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import mqtt from 'mqtt'; // mqtt协议
|
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 {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
analysisConfigurationdata: {
|
analysisConfigurationdata: {
|
||||||
default: () => false,
|
default: () => false,
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true
|
required: true
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
unityDone: false,
|
unityDone: false,
|
||||||
oldName: '',
|
oldName: '',
|
||||||
formRules: {
|
formRules: {
|
||||||
pointName: [
|
pointName: [{ required: true, message: '请输入点名称', trigger: 'blur' }],
|
||||||
{ required: true, message: '请输入点名称', trigger: 'blur' },
|
longitude: [{ required: true, message: '请输入经度', trigger: 'blur' }],
|
||||||
],
|
latitude: [{ required: true, message: '请输入纬度', trigger: 'blur' }]
|
||||||
longitude: [
|
|
||||||
{ required: true, message: '请输入经度', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
latitude: [
|
|
||||||
{ required: true, message: '请输入纬度', trigger: 'blur' },
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
addDianForm: {
|
addDianForm: {
|
||||||
pointName: '',
|
pointName: '',
|
||||||
longitude:"",
|
longitude: '',
|
||||||
latitude: '',
|
latitude: '',
|
||||||
oldName: ''
|
oldName: ''
|
||||||
},
|
},
|
||||||
|
|
@ -537,36 +551,17 @@ export default {
|
||||||
value: '0',
|
value: '0',
|
||||||
num: 1
|
num: 1
|
||||||
},
|
},
|
||||||
options: [{
|
options: [
|
||||||
|
{
|
||||||
value: '南',
|
value: '南',
|
||||||
label: '南'
|
label: '南'
|
||||||
}, {
|
},
|
||||||
|
{
|
||||||
value: '北',
|
value: '北',
|
||||||
label: '北'
|
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: {
|
laneform: {
|
||||||
laneClose: false,
|
laneClose: false,
|
||||||
|
|
@ -655,11 +650,10 @@ export default {
|
||||||
// console.log("newV",newV)
|
// console.log("newV",newV)
|
||||||
if (newV != null && this.unityDone == true) {
|
if (newV != null && this.unityDone == true) {
|
||||||
console.log(newV, 'yyy');
|
console.log(newV, 'yyy');
|
||||||
this.$refs.analysisWeb.contentWindow.getDestination(newV)
|
this.$refs.analysisWeb.contentWindow.getDestination(newV);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// this.getDataByMqtt()
|
// this.getDataByMqtt()
|
||||||
|
|
@ -676,22 +670,26 @@ export default {
|
||||||
// }, 5000);// 这样每次都会触发
|
// }, 5000);// 这样每次都会触发
|
||||||
// }
|
// }
|
||||||
getFeixpz({ VideoId: this.$route.query.id }).then(res => {
|
getFeixpz({ VideoId: this.$route.query.id }).then(res => {
|
||||||
this.sizeForm.longitude = res.data.data.cameraPositionLongitude
|
this.sizeForm.longitude = res.data.data.cameraPositionLongitude;
|
||||||
this.sizeForm.latitude = res.data.data.cameraPositionLatitude
|
this.sizeForm.latitude = res.data.data.cameraPositionLatitude;
|
||||||
this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea
|
this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;
|
||||||
this.coordinateForm.value = res.data.data.hemisphere
|
this.coordinateForm.value = res.data.data.hemisphere;
|
||||||
this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation
|
this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;
|
||||||
this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]
|
this.coordinateTableData =
|
||||||
this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch
|
res.data.data.pointData != null
|
||||||
this.stopStateform.displacement = res.data.data.parkingDisplacement
|
? res.data.data.pointData.map(item => {
|
||||||
this.stopStateform.speed = res.data.data.parkingSpeed
|
return { ...item, btnShow: '1' };
|
||||||
this.AnalysisSettingId = res.data.data.analysisSettingId
|
})
|
||||||
this.coordinateTransformationId = res.data.data.coordinateTransformationId
|
: [];
|
||||||
|
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 => {
|
this.coordinateTableData.forEach(item => {
|
||||||
item.btnShow='1'
|
item.btnShow = '1';
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
window.OnSceneload = this.OnSceneload;
|
window.OnSceneload = this.OnSceneload;
|
||||||
|
|
@ -702,97 +700,76 @@ export default {
|
||||||
console.log(obj);
|
console.log(obj);
|
||||||
this.coordinateTableData.forEach(item => {
|
this.coordinateTableData.forEach(item => {
|
||||||
if (item.pointName == obj.pointName) {
|
if (item.pointName == obj.pointName) {
|
||||||
item.imageXCoordinate=obj.imageXCoordinate
|
item.imageXCoordinate = obj.imageXCoordinate;
|
||||||
item.imageYCoordinate=obj.imageYCoordinate
|
item.imageYCoordinate = obj.imageYCoordinate;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
updateName(val) {
|
updateName(val) {
|
||||||
console.log("val",val.target.value);
|
console.log('val', val.target.value);
|
||||||
},
|
},
|
||||||
handleExit(row, index) {
|
handleExit(row, index) {
|
||||||
// this.oldName = row.pointName
|
// this.oldName = row.pointName
|
||||||
row.oldName = row.pointName
|
row.oldName = row.pointName;
|
||||||
console.log(this.coordinateTableData,'12312');
|
this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);
|
||||||
this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)
|
row.btnShow = '2';
|
||||||
this.coordinateTableData.forEach((item,index)=>{
|
// this.$set(this.coordinateTableData, index, row);
|
||||||
if(row.pointName == item.pointName){
|
|
||||||
item.btnShow = '2'
|
|
||||||
this.$set(this.coordinateTableData,index,item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
handleconfirm(row, index) {
|
handleconfirm(row, index) {
|
||||||
var bol = this.coordinateTableData.some((item,indexa)=>item.pointName==row.pointName&&indexa!=index)
|
var bol = this.coordinateTableData.some((item, indexa) => item.pointName == row.pointName && indexa != index);
|
||||||
if (bol == true) {
|
if (bol == true) {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'info',
|
type: 'info',
|
||||||
message: '该点位已存在'
|
message: '该点位已存在'
|
||||||
});
|
});
|
||||||
return false
|
return false;
|
||||||
}
|
}
|
||||||
var string = row.oldName+','+row.pointName
|
var string = row.oldName + ',' + row.pointName;
|
||||||
this.$refs.analysisWeb.contentWindow.saveDian(string)
|
this.$refs.analysisWeb.contentWindow.saveDian(string);
|
||||||
this.coordinateTableData.forEach((item,indexnew)=>{
|
row.btnShow = '1';
|
||||||
if(row.pointName == item.pointName){
|
row.oldName = row.pointName;
|
||||||
item.btnShow = '1'
|
// this.$set(this.coordinateTableData, index, row);
|
||||||
this.$set(this.coordinateTableData,indexnew,item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
},
|
},
|
||||||
OnSceneload(newV) {
|
OnSceneload(newV) {
|
||||||
this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)
|
this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);
|
||||||
this.unityDone=true
|
this.unityDone = true;
|
||||||
},
|
},
|
||||||
handleDeleteDian(row){
|
handleDeleteDian(row, idx) {
|
||||||
this.$confirm('此操作将删除该点位, 是否继续?', '提示', {
|
this.$confirm('此操作将删除该点位, 是否继续?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
}).then(() => {
|
})
|
||||||
this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )
|
.then(() => {
|
||||||
this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)
|
this.coordinateTableData.splice(idx, 1);
|
||||||
|
// this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName != row.pointName);
|
||||||
|
this.$refs.analysisWeb.contentWindow.deletePoint(row.oldName);
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: '删除成功!'
|
message: '删除成功!'
|
||||||
});
|
});
|
||||||
}).catch(() => {
|
})
|
||||||
|
.catch(() => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'info',
|
type: 'info',
|
||||||
message: '已取消删除'
|
message: '已取消删除'
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
handleDian(formName){
|
handleDian() {
|
||||||
this.$refs[formName].validate((valid) => {
|
const newPointData = {
|
||||||
if (valid) {
|
btnShow: '2',
|
||||||
console.log(this.addDianForm,'addDianForm,,,');
|
longitude: '0',
|
||||||
var bol = this.coordinateTableData.some(item=>item.pointName==this.addDianForm.pointName)
|
latitude: '0'
|
||||||
console.log(bol,'bol');
|
};
|
||||||
if(bol==true){
|
newPointData.oldName = newPointData.pointName = String(new Date().getTime());
|
||||||
this.$message({
|
this.coordinateTableData.unshift(newPointData);
|
||||||
type: 'info',
|
this.$refs.analysisWeb.contentWindow.setPOS(newPointData.pointName);
|
||||||
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;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
phoneChange(e) {
|
phoneChange(e) {
|
||||||
console.log("e", e.currentTarget.value);
|
console.log('e', e.currentTarget.value);
|
||||||
this.addDianForm.oldName = e.currentTarget.value
|
this.addDianForm.oldName = e.currentTarget.value;
|
||||||
},
|
},
|
||||||
handleClose(done) {
|
handleClose(done) {
|
||||||
this.$confirm('确认关闭？')
|
this.$confirm('确认关闭？')
|
||||||
|
|
@ -803,73 +780,84 @@ export default {
|
||||||
},
|
},
|
||||||
// 坐标转换接口
|
// 坐标转换接口
|
||||||
handlePos() {
|
handlePos() {
|
||||||
|
if (this.coordinateTableData.some(item => item.btnShow === '2')) {
|
||||||
|
this.$message.warning('请先确认编辑');
|
||||||
|
return;
|
||||||
|
}
|
||||||
let params = {
|
let params = {
|
||||||
CoordinateTransformationId: this.coordinateTransformationId,
|
CoordinateTransformationId: this.coordinateTransformationId,
|
||||||
UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,
|
UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,
|
||||||
Hemisphere: this.coordinateForm.value,
|
Hemisphere: this.coordinateForm.value,
|
||||||
CoordinateTransformation: this.coordinateForm.coordinateTransformation,
|
CoordinateTransformation: this.coordinateForm.coordinateTransformation,
|
||||||
PointData:this.coordinateTableData
|
PointData: this.coordinateTableData.map(item => {
|
||||||
}
|
return {
|
||||||
console.log("params",JSON.stringify(params))
|
longitude: item.longitude,
|
||||||
|
latitude: item.latitude,
|
||||||
|
pointName: item.pointName,
|
||||||
|
imageXCoordinate: item.imageXCoordinate,
|
||||||
|
imageYCoordinate: item.imageYCoordinate
|
||||||
|
};
|
||||||
|
})
|
||||||
|
};
|
||||||
setFeixzbzh(params).then(res => {
|
setFeixzbzh(params).then(res => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: res.data.msg,
|
message: res.data.msg
|
||||||
|
});
|
||||||
});
|
});
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 停车状态
|
// 停车状态
|
||||||
handleParking() {
|
handleParking() {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
params.append('AnalysisSettingId', this.AnalysisSettingId)
|
params.append('AnalysisSettingId', this.AnalysisSettingId);
|
||||||
params.append('ParkingDisplacement',this.stopStateform.displacement)
|
params.append('ParkingDisplacement', this.stopStateform.displacement);
|
||||||
params.append('ParkingSpeed',this.stopStateform.speed)
|
params.append('ParkingSpeed', this.stopStateform.speed);
|
||||||
setParkingStatus(params).then(res => {
|
setParkingStatus(params).then(res => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: res.data.msg,
|
message: res.data.msg
|
||||||
|
});
|
||||||
});
|
});
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 车牌识别
|
// 车牌识别
|
||||||
changeChepai(val) {
|
changeChepai(val) {
|
||||||
console.log(val, 'val111');
|
console.log(val, 'val111');
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
params.append('AnalysisSettingId', this.AnalysisSettingId)
|
params.append('AnalysisSettingId', this.AnalysisSettingId);
|
||||||
params.append('LicensePlateRecognitionSwitch',val)
|
params.append('LicensePlateRecognitionSwitch', val);
|
||||||
setLicensePlate(params).then(res => {
|
setLicensePlate(params).then(res => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: res.data.msg,
|
message: res.data.msg
|
||||||
|
});
|
||||||
});
|
});
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 经纬度保存
|
// 经纬度保存
|
||||||
handSaveitude() {
|
handSaveitude() {
|
||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
params.append('AnalysisSettingId', this.AnalysisSettingId)
|
params.append('AnalysisSettingId', this.AnalysisSettingId);
|
||||||
params.append('CameraPositionLongitude', this.sizeForm.longitude)
|
params.append('CameraPositionLongitude', this.sizeForm.longitude);
|
||||||
params.append('CameraPositionLatitude', this.sizeForm.latitude)
|
params.append('CameraPositionLatitude', this.sizeForm.latitude);
|
||||||
setCameraPosition(params).then(res => {
|
setCameraPosition(params).then(res => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: res.data.msg,
|
message: res.data.msg
|
||||||
|
});
|
||||||
});
|
});
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 收放
|
// 收放
|
||||||
handleContent(val) {
|
handleContent(val) {
|
||||||
if (val == 'postion') {
|
if (val == 'postion') {
|
||||||
this.contentShow.postion = !this.contentShow.postion
|
this.contentShow.postion = !this.contentShow.postion;
|
||||||
}
|
}
|
||||||
if (val == 'coordinate') {
|
if (val == 'coordinate') {
|
||||||
this.contentShow.coordinate = !this.contentShow.coordinate
|
this.contentShow.coordinate = !this.contentShow.coordinate;
|
||||||
}
|
}
|
||||||
if (val == 'plate') {
|
if (val == 'plate') {
|
||||||
this.contentShow.plate = !this.contentShow.plate
|
this.contentShow.plate = !this.contentShow.plate;
|
||||||
}
|
}
|
||||||
if (val == 'parking') {
|
if (val == 'parking') {
|
||||||
this.contentShow.parking = !this.contentShow.parking
|
this.contentShow.parking = !this.contentShow.parking;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleChange(value) {
|
handleChange(value) {
|
||||||
|
|
@ -1079,16 +1067,16 @@ export default {
|
||||||
// const client = mqtt.connect(host) // 连接
|
// const client = mqtt.connect(host) // 连接
|
||||||
// 错误回调
|
// 错误回调
|
||||||
// console.log("this.mqttClient", this.mqttClient)
|
// console.log("this.mqttClient", this.mqttClient)
|
||||||
this.mqttClient.on('error', (err) => {
|
this.mqttClient.on('error', err => {
|
||||||
console.log('[MQTT-TEST] 连接错误：', err);
|
console.log('[MQTT-TEST] 连接错误：', err);
|
||||||
this.mqttClient.end();
|
this.mqttClient.end();
|
||||||
});
|
});
|
||||||
// 重连回调
|
// 重连回调
|
||||||
this.mqttClient.on('reconnect', (reconnect) => {
|
this.mqttClient.on('reconnect', reconnect => {
|
||||||
// console.log("[MQTT-TEST] 重连中……", reconnect);
|
// console.log("[MQTT-TEST] 重连中……", reconnect);
|
||||||
});
|
});
|
||||||
// 连接回调
|
// 连接回调
|
||||||
this.mqttClient.on('connect', (connect) => {
|
this.mqttClient.on('connect', connect => {
|
||||||
// console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
|
// console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
|
||||||
// 订阅
|
// 订阅
|
||||||
this.mqttClient.subscribe('img0', { qos: 0 });
|
this.mqttClient.subscribe('img0', { qos: 0 });
|
||||||
|
|
@ -1281,6 +1269,7 @@ export default {
|
||||||
.board-title {
|
.board-title {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
|
width: max-content;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.analysis .warning {
|
.analysis .warning {
|
||||||
|
|
@ -1323,4 +1312,3 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
@ -109,44 +109,38 @@ export default {
|
||||||
// console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
|
// console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
|
||||||
// 订阅
|
// 订阅
|
||||||
this.mqttClient.subscribe('img0', { qos: 0 });
|
this.mqttClient.subscribe('img0', { qos: 0 });
|
||||||
// this.client.connect('aaa', '111')
|
|
||||||
this.mqttClient.publish('aaa', '111');
|
this.mqttClient.publish('aaa', '111');
|
||||||
// this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });
|
|
||||||
this.mqttClient.subscribe('img1', { qos: 0 });
|
this.mqttClient.subscribe('img1', { qos: 0 });
|
||||||
this.mqttClient.subscribe('img2', { qos: 0 });
|
this.mqttClient.subscribe('img2', { qos: 0 });
|
||||||
this.mqttClient.subscribe('img3', { qos: 0 });
|
this.mqttClient.subscribe('img3', { qos: 0 });
|
||||||
this.mqttClient.subscribe('img4', { qos: 0 });
|
this.mqttClient.subscribe('img4', { qos: 0 });
|
||||||
this.mqttClient.subscribe('img5', { 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('stream0', { qos: 0 });
|
||||||
this.mqttClient.subscribe('stream1', { qos: 0 });
|
this.mqttClient.subscribe('stream1', { qos: 0 });
|
||||||
this.mqttClient.subscribe('stream2', { qos: 0 });
|
this.mqttClient.subscribe('stream2', { qos: 0 });
|
||||||
this.mqttClient.subscribe('stream3', { qos: 0 });
|
this.mqttClient.subscribe('stream3', { qos: 0 });
|
||||||
this.mqttClient.subscribe('stream4', { qos: 0 });
|
this.mqttClient.subscribe('stream4', { qos: 0 });
|
||||||
this.mqttClient.subscribe('stream5', { 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) => {
|
this.mqttClient.on("message", (topic, message, packet) => {
|
||||||
|
|
||||||
if (topic.indexOf("img0") != -1) {
|
if (topic.indexOf("img0") != -1) {
|
||||||
try {
|
try {
|
||||||
const utf8decoder = new TextDecoder()
|
const utf8decoder = new TextDecoder()
|
||||||
const u8arr = new Uint8Array(message)
|
const u8arr = new Uint8Array(message)
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
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))
|
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
|
||||||
// this.imgUrl = 'data:image/png;base64,' + msg.pic;
|
|
||||||
// console.log("imageUrl", imageUrl)
|
|
||||||
|
|
||||||
} catch {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
|
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
|
||||||
// console.log("imageUrl", imageUrl)
|
console.log("imageUrl", imageUrl)
|
||||||
}
|
}
|
||||||
} else if (topic.indexOf("img1") != -1) {
|
} else if (topic.indexOf("img1") != -1) {
|
||||||
try {
|
try {
|
||||||
|
|
@ -155,8 +149,7 @@ export default {
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
||||||
// console.log("msg", msg) //msg为转换后的JSON数据
|
// console.log("msg", msg) //msg为转换后的JSON数据
|
||||||
this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
|
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
|
||||||
console.log("imageUrl", imageUrl)
|
|
||||||
} catch {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
|
|
@ -170,8 +163,7 @@ export default {
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
||||||
console.log("msg", msg) //msg为转换后的JSON数据
|
console.log("msg", msg) //msg为转换后的JSON数据
|
||||||
this.imgUrl2 = 'data:image/png;base64,' + msg.pic;
|
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
|
||||||
console.log("imageUrl", imageUrl)
|
|
||||||
} catch {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
|
|
@ -185,8 +177,7 @@ export default {
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
||||||
console.log("msg", msg) //msg为转换后的JSON数据
|
console.log("msg", msg) //msg为转换后的JSON数据
|
||||||
this.imgUrl3 = 'data:image/png;base64,' + msg.pic;
|
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
|
||||||
console.log("imageUrl", imageUrl)
|
|
||||||
} catch {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
|
|
@ -200,8 +191,7 @@ export default {
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
||||||
console.log("msg", msg) //msg为转换后的JSON数据
|
console.log("msg", msg) //msg为转换后的JSON数据
|
||||||
this.imgUrl4 = 'data:image/png;base64,' + msg.pic;
|
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
|
||||||
console.log("imageUrl", imageUrl)
|
|
||||||
} catch {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
|
|
@ -215,8 +205,35 @@ export default {
|
||||||
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
|
||||||
console.log("msg", msg) //msg为转换后的JSON数据
|
console.log("msg", msg) //msg为转换后的JSON数据
|
||||||
this.imgUrl5 = 'data:image/png;base64,' + msg.pic;
|
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)
|
console.log("imageUrl", imageUrl)
|
||||||
|
}
|
||||||
|
} 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 {
|
} catch {
|
||||||
let imageType = 'arraybuffer';
|
let imageType = 'arraybuffer';
|
||||||
const blob = new Blob([message], { type: imageType })
|
const blob = new Blob([message], { type: imageType })
|
||||||
|
|
@ -230,35 +247,47 @@ export default {
|
||||||
const msg = JSON.parse(temp)
|
const msg = JSON.parse(temp)
|
||||||
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
||||||
} else if (topic.indexOf("stream1") != -1) {
|
} else if (topic.indexOf("stream1") != -1) {
|
||||||
console.log(
|
const utf8decoder = new TextDecoder()
|
||||||
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
|
const u8arr = new Uint8Array(message)
|
||||||
new Date(),
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
new Date().getMilliseconds()
|
const msg = JSON.parse(temp)
|
||||||
);
|
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
||||||
} else if (topic.indexOf("stream2") != -1) {
|
} else if (topic.indexOf("stream2") != -1) {
|
||||||
console.log(
|
const utf8decoder = new TextDecoder()
|
||||||
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
|
const u8arr = new Uint8Array(message)
|
||||||
new Date(),
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
new Date().getMilliseconds()
|
const msg = JSON.parse(temp)
|
||||||
);
|
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
||||||
} else if (topic.indexOf("stream3") != -1) {
|
} else if (topic.indexOf("stream3") != -1) {
|
||||||
console.log(
|
const utf8decoder = new TextDecoder()
|
||||||
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
|
const u8arr = new Uint8Array(message)
|
||||||
new Date(),
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
new Date().getMilliseconds()
|
const msg = JSON.parse(temp)
|
||||||
);
|
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
||||||
} else if (topic.indexOf("stream4") != -1) {
|
} else if (topic.indexOf("stream4") != -1) {
|
||||||
console.log(
|
const utf8decoder = new TextDecoder()
|
||||||
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
|
const u8arr = new Uint8Array(message)
|
||||||
new Date(),
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
new Date().getMilliseconds()
|
const msg = JSON.parse(temp)
|
||||||
);
|
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
|
||||||
} else if (topic.indexOf("stream5") != -1) {
|
} else if (topic.indexOf("stream5") != -1) {
|
||||||
console.log(
|
const utf8decoder = new TextDecoder()
|
||||||
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
|
const u8arr = new Uint8Array(message)
|
||||||
new Date(),
|
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
|
||||||
new Date().getMilliseconds()
|
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))
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="box" class="box">
|
<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> -->
|
<!-- <p class="title" style="margin-bottom: 20px;font-size: 20px;font-weight: 400;">数据看板</p> -->
|
||||||
<el-scrollbar class="scrollbar">
|
<el-scrollbar class="scrollbar">
|
||||||
<div class="dataBoard" ref='dataBoard' v-if="activeName=='second'">
|
<div class="dataBoard" ref='dataBoard' v-if="activeName=='second'">
|
||||||
|
|
@ -19,8 +20,9 @@
|
||||||
<OD v-if="o.componentName.includes('OD')" :pageType="o.graphicType" triggerType="触发"
|
<OD v-if="o.componentName.includes('OD')" :pageType="o.graphicType" triggerType="触发"
|
||||||
:componentName="o.componentName" :echartArr="o.presentationForm" />
|
:componentName="o.componentName" :echartArr="o.presentationForm" />
|
||||||
<typeChart v-else :pageType="o.graphicType" triggerType="触发"
|
<typeChart v-else :pageType="o.graphicType" triggerType="触发"
|
||||||
:componentName="o.componentName" :data="tableData"
|
:componentName="o.componentName" :data="o.trigger"
|
||||||
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]" />
|
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -54,6 +56,12 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
triggerListData: {
|
||||||
|
type: Array,
|
||||||
|
default() {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -295,33 +303,35 @@ export default {
|
||||||
// 路线数据
|
// 路线数据
|
||||||
headWay: [],
|
headWay: [],
|
||||||
|
|
||||||
itemsDataObject: {
|
|
||||||
|
|
||||||
}
|
tripData: [],
|
||||||
|
|
||||||
|
sectionArr:[]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
console.log(this.sectionData);
|
||||||
this.idVal = this.$route.query.id;
|
this.idVal = this.$route.query.id;
|
||||||
getComponentSection({ VideoId: this.idVal }).then((res) => {
|
getComponentSection({ VideoId: this.idVal }).then((res) => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
console.log(res.data.data, '11111111111111111');
|
console.log(res.data.data, '11111111111111111');
|
||||||
this.componentList = res.data.data;
|
this.componentList = res.data.data
|
||||||
// 断面
|
// this.siftData()
|
||||||
var sectionArr = [];
|
|
||||||
// 区域
|
// 区域
|
||||||
res.data.data.forEach((val) => {
|
this.componentList.forEach((val) => {
|
||||||
sectionArr.push(val.combinationName);
|
this.sectionArr.push(val.combinationName);
|
||||||
sectionArr = Array.from(new Set(sectionArr));
|
this.sectionArr = Array.from(new Set(this.sectionArr));
|
||||||
});
|
});
|
||||||
this.sectionData = sectionArr.map((item) => {
|
this.sectionData = this.sectionArr.map((item) => {
|
||||||
item = { title: item, children: [] };
|
item = { title: item, children: [] };
|
||||||
res.data.data.forEach((val) => {
|
this.componentList.forEach((val) => {
|
||||||
if (item.title == val.combinationName) {
|
if (item.title == val.combinationName) {
|
||||||
item.children.push(val);
|
item.children.push(val);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
return item;
|
return item;
|
||||||
});
|
});
|
||||||
|
|
||||||
} else if (res.data.code == 404) {
|
} else if (res.data.code == 404) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
@ -329,7 +339,21 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
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) {
|
sectionHandle(i) {
|
||||||
let sections = document.querySelectorAll('.section');
|
let sections = document.querySelectorAll('.section');
|
||||||
|
|
@ -339,7 +363,7 @@ export default {
|
||||||
|
|
||||||
if (downPulls1[i].dataset.num % 2 == 0) {
|
if (downPulls1[i].dataset.num % 2 == 0) {
|
||||||
downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';
|
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 {
|
} else {
|
||||||
downPulls1[i].style.cssText = 'transition: all 0.5s linear;';
|
downPulls1[i].style.cssText = 'transition: all 0.5s linear;';
|
||||||
sections[i].style.height = '500px';
|
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() {
|
mounted() {
|
||||||
},
|
},
|
||||||
|
|
@ -446,19 +396,40 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
// this.$store.commit('setMqtt',newVal)
|
// this.$store.commit('setMqtt',newVal)
|
||||||
console.log(newVal, 'newVal');
|
// console.log(newVal, 'newVal');
|
||||||
this.triggerList = 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 = '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
immediate: true
|
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;
|
transition: all 1s;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dataBoard .section {
|
.dataBoard .section {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dataBoard .section:nth-child(1),
|
.dataBoard .section:nth-child(1),
|
||||||
.dataBoard .section:nth-child(2) {
|
.dataBoard .section:nth-child(2) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
|
||||||
1014
src/views/index.vue
1014
src/views/index.vue
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue