代码提交
This commit is contained in:
parent
a606d4cd51
commit
27da0d6c86
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
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":1675664769567},{"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":1675826426975},{"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
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":1675664769567},{"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":1675826426975},{"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"]}
|
|
@ -1 +1 @@
|
|||
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675663111379},{"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=\"barChart\" ref=\"barChart\" 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\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675735702486},{"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=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
|
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":1675653212591},{"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":1675739365208},{"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\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675653212591},{"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":1675739365208},{"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":1675645740323},{"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":1675753995989},{"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
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\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675651981781},{"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":1675739475433},{"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\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675663111379},{"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\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675735702486},{"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
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":1675661212979},{"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\" :dataArr=\"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]}
|
||||
{"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":1675823594769},{"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=\"sectionData.length == 1 ? 'sectionBox' : 'section'\" ref=\"section\"\n 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\" :dataArr=\"o.trigger\"\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\n :chartName='o.combinationName' />\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":1675651981781},{"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":1675739475433},{"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 }"]}
|
|
@ -1 +1 @@
|
|||
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675663111379},{"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 \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.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('1027cecd')) {\n api.createRecord('1027cecd', component.options)\n } else {\n api.reload('1027cecd', component.options)\n }\n module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n api.rerender('1027cecd', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.vue\"\nexport default component.exports"]}
|
||||
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675735702486},{"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 \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.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('1027cecd')) {\n api.createRecord('1027cecd', component.options)\n } else {\n api.reload('1027cecd', component.options)\n }\n module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n api.rerender('1027cecd', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.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\\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"]}
|
||||
{"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":1675751190697},{"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":1675664769567},{"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":1675826426975},{"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":1675661212979},{"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":1675823594769},{"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":1675662575911},{"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":1675835208799},{"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
|
@ -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":1675653212591},{"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":1675739365208},{"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":1675651981781},{"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":1675739475433},{"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"]}
|
|
@ -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":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"]}
|
||||
{"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":1675751458095},{"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"]}
|
|
@ -16,6 +16,7 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
drawBar(arr) {
|
||||
if (myChart != undefined) { myChart.clear() }
|
||||
let myChart = this.$echarts.init(this.$refs.barChart);
|
||||
let chartData = [{ stage: '值', number: 40 }];
|
||||
let option = {
|
||||
|
|
|
@ -20,6 +20,12 @@ export default {
|
|||
},
|
||||
status: {
|
||||
type: String
|
||||
},
|
||||
componentName: {
|
||||
type: String
|
||||
},
|
||||
chartName: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
@ -32,9 +38,20 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
drawBar() {
|
||||
let myChart = this.$echarts.init(this.$refs.barChart)
|
||||
|
||||
let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)
|
||||
if (myChart == null) {
|
||||
myChart = this.$echarts.init(this.$refs.barChart)
|
||||
}
|
||||
let option = {
|
||||
color: ['#7262FD', '#FC5A5A'],
|
||||
title:{
|
||||
show:true,
|
||||
text:this.componentName + '-' + this.chartName + '-' + '柱状图',
|
||||
textStyle:{
|
||||
lineHeight:'30',
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
confine: true,
|
||||
},
|
||||
|
|
|
@ -20,8 +20,13 @@ export default {
|
|||
},
|
||||
status: {
|
||||
type: String
|
||||
},
|
||||
componentName: {
|
||||
type: String
|
||||
},
|
||||
chartName: {
|
||||
type: String
|
||||
}
|
||||
|
||||
// list1: {
|
||||
// type: Array,
|
||||
// default() {
|
||||
|
@ -39,18 +44,45 @@ export default {
|
|||
yData3: [],
|
||||
// series: []
|
||||
// triggerType:'触发时刻'
|
||||
myChart: null,
|
||||
tooltip: {
|
||||
show: true
|
||||
},
|
||||
serise: [{
|
||||
name: this.title,
|
||||
type: 'line',
|
||||
symbolSize: 6,
|
||||
smooth: true,
|
||||
itemStyle: {
|
||||
color: '#fb864b',
|
||||
borderColor: '#fb864b',
|
||||
// borderWidth: 2
|
||||
},
|
||||
data: this.yData
|
||||
},
|
||||
]
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// console.log(this.title,'40');
|
||||
// console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');
|
||||
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
drawLine() {
|
||||
var myChart = this.$echarts.init(this.$refs.lineChart);
|
||||
let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)
|
||||
if (myChart == null) {
|
||||
myChart = this.$echarts.init(this.$refs.lineChart)
|
||||
}
|
||||
let option = {
|
||||
title: {
|
||||
show: true,
|
||||
text: this.componentName + '-' + this.chartName + '-' + '曲线图',
|
||||
textStyle: {
|
||||
lineHeight: '30',
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '2%',
|
||||
right: '4%',
|
||||
|
@ -58,9 +90,7 @@ export default {
|
|||
top: '20%',
|
||||
containLabel: true
|
||||
},
|
||||
tooltip: {
|
||||
show: true,
|
||||
},
|
||||
tooltip: this.tooltip,
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
|
@ -105,56 +135,9 @@ export default {
|
|||
}
|
||||
}
|
||||
],
|
||||
series: [{
|
||||
name: this.title,
|
||||
type: 'line',
|
||||
symbolSize: 6,
|
||||
smooth: true,
|
||||
itemStyle: {
|
||||
color: '#fb864b',
|
||||
borderColor: '#fb864b',
|
||||
// borderWidth: 2
|
||||
},
|
||||
data: this.yData
|
||||
},
|
||||
{
|
||||
name: this.title,
|
||||
type: 'line',
|
||||
symbolSize: 6,
|
||||
smooth: true,
|
||||
itemStyle: {
|
||||
color: '#cccc99',
|
||||
borderColor: '#cccc99',
|
||||
// borderWidth: 2
|
||||
},
|
||||
data: this.yData1
|
||||
},
|
||||
{
|
||||
name: this.title,
|
||||
type: 'line',
|
||||
symbolSize: 6,
|
||||
smooth: true,
|
||||
itemStyle: {
|
||||
color: '#336666',
|
||||
borderColor: '#336666',
|
||||
// borderWidth: 2
|
||||
},
|
||||
data: this.yData2
|
||||
},
|
||||
{
|
||||
name: this.title,
|
||||
type: 'line',
|
||||
symbolSize: 6,
|
||||
smooth: true,
|
||||
itemStyle: {
|
||||
color: '#FF6A6A',
|
||||
borderColor: '#FF6A6A',
|
||||
// borderWidth: 2
|
||||
},
|
||||
data: this.yData3
|
||||
}
|
||||
]
|
||||
series: this.series
|
||||
};
|
||||
|
||||
myChart.setOption(option);
|
||||
// window.onresize = () => { // 根据窗口大小变化图表自适应
|
||||
// myChart.resize();
|
||||
|
@ -162,39 +145,67 @@ export default {
|
|||
window.addEventListener('resize', function () {
|
||||
myChart.resize();
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
// this.drawLine()
|
||||
// console.log(this.pageType, this.title, this.status);
|
||||
// console.log(this.list1);
|
||||
},
|
||||
watch: {
|
||||
list: {
|
||||
handler(newVal) {
|
||||
this.xData = this.yData = newVal.map((val) => {
|
||||
return val.time;
|
||||
});
|
||||
if (newVal.length != undefined) {
|
||||
|
||||
if (newVal) {
|
||||
// x轴的数据
|
||||
this.xData = newVal.map((val) => {
|
||||
return val.time;
|
||||
});
|
||||
// 区域组件触发y轴展示
|
||||
if (this.title == '类型') {
|
||||
this.tooltip = {
|
||||
formatter: '{a} {b}:{c}个',
|
||||
show: true,
|
||||
confine: true
|
||||
}
|
||||
this.yData = newVal.map((val) => {
|
||||
return val.speed;
|
||||
});
|
||||
let arr = newVal.map((ele)=>{
|
||||
return ele.type_data
|
||||
})
|
||||
console.log(arr,'177');
|
||||
} else if (this.title == '速度') {
|
||||
this.tooltip = {
|
||||
formatter: '{a} {b}:{c}km/h',
|
||||
show: true,
|
||||
confine: true
|
||||
}
|
||||
this.yData = newVal.map((val) => {
|
||||
return val.speed;
|
||||
});
|
||||
|
||||
} else if (this.title == '流量') {
|
||||
this.tooltip = {
|
||||
formatter: '{a} {b}:{c}辆',
|
||||
show: true,
|
||||
confine: true
|
||||
}
|
||||
this.yData = newVal.map((ele) => {
|
||||
return ele.in_flow + ele.out_flow
|
||||
});
|
||||
|
||||
} else if (this.title == '车头时距') {
|
||||
this.tooltip = {
|
||||
formatter: '{a} {b}:{c}/s',
|
||||
show: true,
|
||||
confine: true
|
||||
}
|
||||
this.yData = newVal.map((val) => {
|
||||
return val.ave_speed;
|
||||
|
||||
});
|
||||
|
||||
} else if (this.title == '排队数') {
|
||||
this.yData = newVal.map((val) => {
|
||||
return val.n_queue;
|
||||
|
@ -212,10 +223,15 @@ export default {
|
|||
|
||||
});
|
||||
}
|
||||
this.drawLine();
|
||||
if (this.$refs.lineChart) {
|
||||
this.$nextTick(() => {
|
||||
this.drawLine();
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
// immediate: true
|
||||
immediate: true
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -13,7 +13,14 @@ export default {
|
|||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
componentName: {
|
||||
type: String
|
||||
},
|
||||
chartName: {
|
||||
type: String
|
||||
}
|
||||
|
||||
},
|
||||
data() {
|
||||
|
||||
|
@ -29,14 +36,23 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
drawPie() {
|
||||
let myChart = this.$echarts.init(this.$refs.pieChart)
|
||||
let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)
|
||||
if (myChart == null) {
|
||||
myChart = this.$echarts.init(this.$refs.pieChart)
|
||||
}
|
||||
var color = [
|
||||
'#0CD2E6',
|
||||
'#3751E6',
|
||||
'#FFC722'
|
||||
];
|
||||
let option = {
|
||||
|
||||
title:{
|
||||
show:true,
|
||||
text:this.componentName + '-' + this.chartName + '-' + '饼状图',
|
||||
textStyle:{
|
||||
lineHeight:'30',
|
||||
}
|
||||
},
|
||||
color: color,
|
||||
legend: {
|
||||
top: 20,
|
||||
|
|
|
@ -10,66 +10,64 @@
|
|||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
|
||||
<!-- 触发 -->
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'||'触发'">
|
||||
<el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
|
||||
<el-table-column align="center" prop="graphical_id" label="区域编号"></el-table-column>
|
||||
<el-table-column align="center" prop="name" label="区域名称"></el-table-column>
|
||||
<el-table-column align="center" prop="time" label="时间戳"></el-table-column>
|
||||
<!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
|
||||
<el-table-column align="center" label="目标类型">
|
||||
<template slot-scope="scope">
|
||||
<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="n_stay" label="存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="occ" label="占用状态">
|
||||
<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>
|
||||
<!-- 周期统计 -->
|
||||
<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" 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="enter_flow" label="驶入流量"></el-table-column>
|
||||
<el-table-column align="center" prop="leave_flow" label="驶离流量"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_stay" label="平均存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_queue" label="平均排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_occ" label="平均占有率"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_delay" label="平均延误"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_speed" label="平均速度"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 触发 -->
|
||||
<div v-if="msg">
|
||||
<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="graphical_id" label="区域编号"></el-table-column>
|
||||
<el-table-column align="center" prop="name" label="区域名称"></el-table-column>
|
||||
<el-table-column align="center" prop="time" label="时间戳"></el-table-column>
|
||||
<!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
|
||||
<el-table-column align="center" label="目标类型">
|
||||
<template slot-scope="scope">
|
||||
<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="n_stay" label="存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="occ" label="占用状态">
|
||||
<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>
|
||||
<!-- 周期统计 -->
|
||||
<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" 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="enter_flow" label="驶入流量"></el-table-column>
|
||||
<el-table-column align="center" prop="leave_flow" label="驶离流量"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_stay" label="平均存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_queue" label="平均排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_occ" label="平均占有率"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_delay" label="平均延误"></el-table-column>
|
||||
<el-table-column align="center" prop="ave_speed" label="平均速度"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-empty :image-size="100"></el-empty>
|
||||
</div>
|
||||
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
||||
<el-form :model="msg" label-width="80px">
|
||||
<el-form-item label="val1">
|
||||
<el-time-select
|
||||
placeholder="起始时间"
|
||||
v-model="startTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
|
||||
>
|
||||
<el-time-select placeholder="起始时间" v-model="startTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
|
||||
</el-time-select>
|
||||
<el-time-select
|
||||
placeholder="结束时间"
|
||||
v-model="endTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
|
||||
>
|
||||
<el-time-select placeholder="结束时间" v-model="endTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
|
||||
</el-time-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="val2">
|
||||
|
@ -127,7 +125,7 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
mounted() {}
|
||||
mounted() { }
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
@ -141,6 +139,7 @@ export default {
|
|||
right: 5px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.down .moreIcon {
|
||||
width: 5px;
|
||||
height: 18px;
|
||||
|
@ -148,9 +147,11 @@ export default {
|
|||
background-image: url(../../assets/img/more.png);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tableContent {
|
||||
border: 1px solid #e4e7ed;
|
||||
}
|
||||
|
|
|
@ -12,68 +12,67 @@
|
|||
<!-- 触发 -->
|
||||
|
||||
<!-- 触发 -->
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '触发'">
|
||||
<el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'||'触发'">
|
||||
<el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
|
||||
<el-table-column align="center" prop="name" label="区域名称"></el-table-column>
|
||||
<el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
|
||||
<!-- <el-table-column align="center" prop="" 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="n_stay" label="存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
|
||||
<el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
|
||||
</el-table>
|
||||
</el-table>
|
||||
|
||||
<div v-if="msg">
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '触发'">
|
||||
<el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期时刻' || '触发'">
|
||||
<el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
|
||||
<el-table-column align="center" prop="name" label="区域名称"></el-table-column>
|
||||
<el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
|
||||
<!-- <el-table-column align="center" prop="" 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="n_stay" label="存车数"></el-table-column>
|
||||
<el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
|
||||
<el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
|
||||
<el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
|
||||
</el-table>
|
||||
</el-table>
|
||||
|
||||
<!-- 周期统计 -->
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
|
||||
<el-table-column align="center" prop="gate_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="interval" label="时间序号"></el-table-column>
|
||||
<el-table-column align="center" prop="type" 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="in_flow" label="入流流量"></el-table-column>
|
||||
<el-table-column align="center" prop="out_flow" label="出流流量"></el-table-column>
|
||||
<el-table-column align="center" prop="flow" label="断面流量"></el-table-column>
|
||||
<el-table-column align="center" prop="in_spd" label="入流平均速度"></el-table-column>
|
||||
<el-table-column align="center" prop="out_spd" label="出流平均速度"></el-table-column>
|
||||
<el-table-column align="center" prop="speed" label="断面的平均速度"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 周期统计 -->
|
||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
|
||||
<el-table-column align="center" prop="gate_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="interval" label="时间序号"></el-table-column>
|
||||
<el-table-column align="center" prop="type" 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="in_flow" label="入流流量"></el-table-column>
|
||||
<el-table-column align="center" prop="out_flow" label="出流流量"></el-table-column>
|
||||
<el-table-column align="center" prop="flow" label="断面流量"></el-table-column>
|
||||
<el-table-column align="center" prop="in_spd" label="入流平均速度"></el-table-column>
|
||||
<el-table-column align="center" prop="out_spd" label="出流平均速度"></el-table-column>
|
||||
<el-table-column align="center" prop="speed" label="断面的平均速度"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-empty :image-size="100"></el-empty>
|
||||
</div>
|
||||
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
||||
<el-form :model="msg" label-width="80px">
|
||||
<el-form-item label="val1">
|
||||
<el-time-select
|
||||
placeholder="起始时间"
|
||||
v-model="startTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
|
||||
>
|
||||
<el-time-select placeholder="起始时间" v-model="startTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
|
||||
</el-time-select>
|
||||
<el-time-select
|
||||
placeholder="结束时间"
|
||||
v-model="endTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
|
||||
>
|
||||
<el-time-select placeholder="结束时间" v-model="endTime"
|
||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
|
||||
</el-time-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="val2">
|
||||
<el-select v-model="value" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="val3">
|
||||
|
@ -148,10 +147,10 @@ export default {
|
|||
this.dialogVisible = true;
|
||||
}
|
||||
},
|
||||
onSubmit() {},
|
||||
handleClose() {}
|
||||
onSubmit() { },
|
||||
handleClose() { }
|
||||
},
|
||||
mounted() {}
|
||||
mounted() { }
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
@ -165,6 +164,7 @@ export default {
|
|||
right: 5px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.down .moreIcon {
|
||||
width: 5px;
|
||||
height: 18px;
|
||||
|
@ -172,6 +172,7 @@ export default {
|
|||
background-image: url(../../assets/img/more.png);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
|
@ -3,31 +3,54 @@
|
|||
<div class="setion">
|
||||
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
|
||||
<div class="typeContent">
|
||||
|
||||
<!-- <div v-if="title == '类型' && dataArr[data.length - 1].type_data">
|
||||
<el-card v-for="(n,i) in dataArr[data.length - 1].type_data" :key="i">
|
||||
<div style="font-size: 30px; font-weight: bold">
|
||||
{{ n.name }}
|
||||
{{ n.quantity }}
|
||||
</div>
|
||||
<div style="padding: 14px">
|
||||
<div class="bottom clearfix">
|
||||
<time class="time">{{
|
||||
[dataArr.length -
|
||||
1].time
|
||||
}}</time>
|
||||
<el-button type="text" class="button">操作按钮</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div> -->
|
||||
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
|
||||
<div v-if="dataArr.length != 0">
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '类型'">{{ this.total }}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '速度'">{{ this.speed }}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '流量'">{{
|
||||
<div v-if="dataArr">
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '类型'">{{
|
||||
this.total
|
||||
}}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '速度'">{{
|
||||
dataArr[dataArr.length -
|
||||
1].speed
|
||||
}}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '流量'">{{
|
||||
dataArr[dataArr.length -
|
||||
1].flow
|
||||
}}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '车头时距'">{{
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '车头时距'">{{
|
||||
dataArr[dataArr.length -
|
||||
1].heavy
|
||||
}}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '排队数'">{{
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '排队数'">{{
|
||||
dataArr[dataArr.length -
|
||||
1].n_queue
|
||||
}}</div>
|
||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '检测数'">{{
|
||||
<div style="font-size: 30px; font-weight: bold" v-if="title == '检测数'">{{
|
||||
dataArr[dataArr.length -
|
||||
1].n_stay
|
||||
}}</div>
|
||||
<div style="padding: 14px">
|
||||
<span>数值</span>
|
||||
<div class="bottom clearfix">
|
||||
<time class="time">17:49</time>
|
||||
<time class="time">{{
|
||||
[dataArr.length -
|
||||
1].time
|
||||
}}</time>
|
||||
<el-button type="text" class="button">操作按钮</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -36,32 +59,37 @@
|
|||
<el-empty :image-size="100"></el-empty>
|
||||
</div>
|
||||
</el-card>
|
||||
<!-- <el-empty :image-size="50"></el-empty> -->
|
||||
<div v-show="echartArr.includes('表格')">
|
||||
<div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
|
||||
<tableShow :msg="dataArr" :type="triggerType" />
|
||||
</div>
|
||||
<div v-if="pageType == '区域'">
|
||||
<regionTable :msg="dataArr" :type="triggerType" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- <el-empty :image-size="50"></el-empty> -->
|
||||
<div v-show="echartArr.includes('表格')">
|
||||
<div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
|
||||
<tableShow :msg="dataArr" :type="triggerType" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('曲线图')">
|
||||
<detailDialog />
|
||||
<lineChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('饼状图')">
|
||||
<detailDialog />
|
||||
<pieChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('均值图')">
|
||||
<detailDialog />
|
||||
<avgChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('直方图')">
|
||||
<detailDialog />
|
||||
<barChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
||||
<div v-if="pageType == '区域'">
|
||||
<regionTable :msg="dataArr" :type="triggerType" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('曲线图')">
|
||||
<detailDialog />
|
||||
<lineChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||
:status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('饼状图')">
|
||||
<detailDialog />
|
||||
<pieChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||
:status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('均值图')">
|
||||
<detailDialog />
|
||||
<avgChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||
:status="triggerType" :title="title" />
|
||||
</div>
|
||||
<div class="border" v-if="echartArr.includes('直方图')">
|
||||
<detailDialog />
|
||||
<barChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||
:status="triggerType" :title="title" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -75,7 +103,7 @@ import detailDialog from '../chart/detailDialog.vue';
|
|||
import regionTable from '../chart/regionTable.vue';
|
||||
export default {
|
||||
name: 'typeChart', //类型组件
|
||||
props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title'],
|
||||
props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],
|
||||
components: {
|
||||
lineChart,
|
||||
barChart,
|
||||
|
@ -104,6 +132,7 @@ export default {
|
|||
},
|
||||
mounted() { },
|
||||
watch: {
|
||||
// 监听触发数据
|
||||
dataArr: {
|
||||
handler(newVal) {
|
||||
this.total = 0
|
||||
|
@ -111,10 +140,6 @@ export default {
|
|||
newVal[newVal.length - 1].type_data.forEach(ele => {
|
||||
this.total += ele.quantity
|
||||
})
|
||||
this.speed = newVal[newVal.length - 1].speed
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="6" v-for="(item, index) in videoList" :key="item" :offset="index > 0 ? 0 : 0" >
|
||||
<el-col :span="6" v-for="(item, index) in videoList" :key="item.id" :offset="index > 0 ? 0 : 0" >
|
||||
<el-card :body-style="{ padding: '0px' }" class="card" >
|
||||
<div class="type">
|
||||
<img src="@/assets/img/AnalysisMain/leftTop.png" alt="" v-if="item.type=='实时视频'">
|
||||
|
|
|
@ -3,10 +3,11 @@
|
|||
<el-empty v-show="componentList.length == 0" :image-size="400"></el-empty>
|
||||
<!-- <p class="title" style="margin-bottom: 20px;font-size: 20px;font-weight: 400;">数据看板</p> -->
|
||||
<el-scrollbar class="scrollbar">
|
||||
<div class="dataBoard" ref='dataBoard' v-if="activeName=='second'">
|
||||
<div class="dataBoard" ref='dataBoard' v-if="activeName == 'second'">
|
||||
<!-- 断面 -->
|
||||
<div class="plate1" ref="plate1">
|
||||
<div class="section" ref="section" v-for="(s, i) in sectionData" :key="s.analogAreaComponentId">
|
||||
<div :class="sectionData.length == 1 ? 'sectionBox' : 'section'" ref="section"
|
||||
v-for="(s, i) in sectionData" :key="s.analogAreaComponentId">
|
||||
<template>
|
||||
<div ref="sectionContent">
|
||||
<div>
|
||||
|
@ -21,8 +22,8 @@
|
|||
:componentName="o.componentName" :echartArr="o.presentationForm" />
|
||||
<typeChart v-else :pageType="o.graphicType" triggerType="触发"
|
||||
:componentName="o.componentName" :dataArr="o.trigger"
|
||||
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
||||
/>
|
||||
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
||||
:chartName='o.combinationName' />
|
||||
</div>
|
||||
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
||||
</div>
|
||||
|
@ -57,11 +58,19 @@ export default {
|
|||
return [];
|
||||
}
|
||||
},
|
||||
// 触发数据
|
||||
triggerListData: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
// 周期时刻数据
|
||||
cycleTimeData:{
|
||||
type:Array,
|
||||
default(){
|
||||
return [];
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
@ -306,7 +315,7 @@ export default {
|
|||
|
||||
tripData: [],
|
||||
|
||||
sectionArr:[]
|
||||
sectionArr: []
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
@ -341,22 +350,23 @@ export default {
|
|||
|
||||
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;
|
||||
this.sectionArr.push(val.combinationName);
|
||||
this.sectionArr = Array.from(new Set(this.sectionArr));
|
||||
});
|
||||
this.sectionData = this.sectionArr.map((item) => {
|
||||
item = { title: item, children: [] };
|
||||
this.componentList.forEach((val) => {
|
||||
if (item.title == val.combinationName) {
|
||||
item.children.push(val);
|
||||
}
|
||||
});
|
||||
return item;
|
||||
});
|
||||
},
|
||||
// 组件图标点击下拉事件
|
||||
sectionHandle(i) {
|
||||
let sections = document.querySelectorAll('.section');
|
||||
let sectionBox = document.querySelector('.sectionBox');
|
||||
let downPulls1 = document.querySelectorAll('.downPull1');
|
||||
// 断面的小图标
|
||||
downPulls1[i].dataset.num++;
|
||||
|
@ -364,9 +374,16 @@ export default {
|
|||
if (downPulls1[i].dataset.num % 2 == 0) {
|
||||
downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';
|
||||
sections[i].style.height = 'auto';
|
||||
if (sectionBox != undefined) {
|
||||
sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';
|
||||
}
|
||||
|
||||
} else {
|
||||
downPulls1[i].style.cssText = 'transition: all 0.5s linear;';
|
||||
sections[i].style.height = '500px';
|
||||
if (sectionBox != undefined) {
|
||||
sectionBox.style.height = '100vh'
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
@ -374,36 +391,20 @@ export default {
|
|||
|
||||
|
||||
// 触发数据的类型数值
|
||||
|
||||
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
watch: {
|
||||
|
||||
// 触发数据
|
||||
// 触发的原始数据
|
||||
triggerData: {
|
||||
handler(newVal, oldVal) {
|
||||
//var wayLine = {};//路线数据
|
||||
|
||||
// newVal.forEach(ele => {
|
||||
|
||||
// });
|
||||
// if (wayLine[newVal.det_id + '' + newVal.event] == undefined) {
|
||||
// wayLine[newVal.det_id + '' + newVal.event] = [];
|
||||
// }
|
||||
// wayLine[newVal.det_id + '' + newVal.event].push(newVal);
|
||||
|
||||
|
||||
|
||||
// this.$store.commit('setMqtt',newVal)
|
||||
// console.log(newVal, 'newVal');
|
||||
// this.triggerList = newVal;
|
||||
|
||||
|
||||
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
|
||||
// 处理过的触发数据
|
||||
triggerListData: {
|
||||
handler(newVal) {
|
||||
this.triggerList = newVal
|
||||
|
@ -431,6 +432,14 @@ export default {
|
|||
immediate: true
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
// 周期时刻的数据
|
||||
cycleTimeData:{
|
||||
handler(newVal){
|
||||
console.log(newVal,440);
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
@ -479,6 +488,17 @@ export default {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dataBoard .sectionBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
border: 1px solid #e4e7ed;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
transition: all 1s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dataBoard .section {
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
|
|
Loading…
Reference in New Issue