代码提交
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: {
|
methods: {
|
||||||
drawBar(arr) {
|
drawBar(arr) {
|
||||||
|
if (myChart != undefined) { myChart.clear() }
|
||||||
let myChart = this.$echarts.init(this.$refs.barChart);
|
let myChart = this.$echarts.init(this.$refs.barChart);
|
||||||
let chartData = [{ stage: '值', number: 40 }];
|
let chartData = [{ stage: '值', number: 40 }];
|
||||||
let option = {
|
let option = {
|
||||||
|
|
|
@ -20,6 +20,12 @@ export default {
|
||||||
},
|
},
|
||||||
status: {
|
status: {
|
||||||
type: String
|
type: String
|
||||||
|
},
|
||||||
|
componentName: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
chartName: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -32,9 +38,20 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
drawBar() {
|
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 = {
|
let option = {
|
||||||
color: ['#7262FD', '#FC5A5A'],
|
color: ['#7262FD', '#FC5A5A'],
|
||||||
|
title:{
|
||||||
|
show:true,
|
||||||
|
text:this.componentName + '-' + this.chartName + '-' + '柱状图',
|
||||||
|
textStyle:{
|
||||||
|
lineHeight:'30',
|
||||||
|
}
|
||||||
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
confine: true,
|
confine: true,
|
||||||
},
|
},
|
||||||
|
|
|
@ -20,8 +20,13 @@ export default {
|
||||||
},
|
},
|
||||||
status: {
|
status: {
|
||||||
type: String
|
type: String
|
||||||
|
},
|
||||||
|
componentName: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
chartName: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
|
|
||||||
// list1: {
|
// list1: {
|
||||||
// type: Array,
|
// type: Array,
|
||||||
// default() {
|
// default() {
|
||||||
|
@ -39,18 +44,45 @@ export default {
|
||||||
yData3: [],
|
yData3: [],
|
||||||
// series: []
|
// series: []
|
||||||
// triggerType:'触发时刻'
|
// 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() {
|
created() {
|
||||||
// console.log(this.title,'40');
|
// console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
drawLine() {
|
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 = {
|
let option = {
|
||||||
|
title: {
|
||||||
|
show: true,
|
||||||
|
text: this.componentName + '-' + this.chartName + '-' + '曲线图',
|
||||||
|
textStyle: {
|
||||||
|
lineHeight: '30',
|
||||||
|
}
|
||||||
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: '2%',
|
left: '2%',
|
||||||
right: '4%',
|
right: '4%',
|
||||||
|
@ -58,9 +90,7 @@ export default {
|
||||||
top: '20%',
|
top: '20%',
|
||||||
containLabel: true
|
containLabel: true
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: this.tooltip,
|
||||||
show: true,
|
|
||||||
},
|
|
||||||
xAxis: [
|
xAxis: [
|
||||||
{
|
{
|
||||||
type: 'category',
|
type: 'category',
|
||||||
|
@ -105,56 +135,9 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
series: [{
|
series: this.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
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
|
|
||||||
myChart.setOption(option);
|
myChart.setOption(option);
|
||||||
// window.onresize = () => { // 根据窗口大小变化图表自适应
|
// window.onresize = () => { // 根据窗口大小变化图表自适应
|
||||||
// myChart.resize();
|
// myChart.resize();
|
||||||
|
@ -166,35 +149,63 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
// 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: {
|
watch: {
|
||||||
list: {
|
list: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
this.xData = this.yData = newVal.map((val) => {
|
|
||||||
|
if (newVal) {
|
||||||
|
// x轴的数据
|
||||||
|
this.xData = newVal.map((val) => {
|
||||||
return val.time;
|
return val.time;
|
||||||
});
|
});
|
||||||
if (newVal.length != undefined) {
|
|
||||||
// 区域组件触发y轴展示
|
// 区域组件触发y轴展示
|
||||||
if (this.title == '类型') {
|
if (this.title == '类型') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}个',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
}
|
||||||
this.yData = newVal.map((val) => {
|
this.yData = newVal.map((val) => {
|
||||||
return val.speed;
|
return val.speed;
|
||||||
});
|
});
|
||||||
|
let arr = newVal.map((ele)=>{
|
||||||
|
return ele.type_data
|
||||||
|
})
|
||||||
|
console.log(arr,'177');
|
||||||
} else if (this.title == '速度') {
|
} else if (this.title == '速度') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}km/h',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
}
|
||||||
this.yData = newVal.map((val) => {
|
this.yData = newVal.map((val) => {
|
||||||
return val.speed;
|
return val.speed;
|
||||||
});
|
});
|
||||||
|
|
||||||
} else if (this.title == '流量') {
|
} else if (this.title == '流量') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}辆',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
}
|
||||||
this.yData = newVal.map((ele) => {
|
this.yData = newVal.map((ele) => {
|
||||||
return ele.in_flow + ele.out_flow
|
return ele.in_flow + ele.out_flow
|
||||||
});
|
});
|
||||||
|
|
||||||
} else if (this.title == '车头时距') {
|
} else if (this.title == '车头时距') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}/s',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
}
|
||||||
this.yData = newVal.map((val) => {
|
this.yData = newVal.map((val) => {
|
||||||
return val.ave_speed;
|
return val.ave_speed;
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
} else if (this.title == '排队数') {
|
} else if (this.title == '排队数') {
|
||||||
this.yData = newVal.map((val) => {
|
this.yData = newVal.map((val) => {
|
||||||
return val.n_queue;
|
return val.n_queue;
|
||||||
|
@ -212,10 +223,15 @@ export default {
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (this.$refs.lineChart) {
|
||||||
|
this.$nextTick(() => {
|
||||||
this.drawLine();
|
this.drawLine();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// immediate: true
|
immediate: true
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -13,7 +13,14 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
componentName: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
chartName: {
|
||||||
|
type: String
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
||||||
|
@ -29,14 +36,23 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
drawPie() {
|
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 = [
|
var color = [
|
||||||
'#0CD2E6',
|
'#0CD2E6',
|
||||||
'#3751E6',
|
'#3751E6',
|
||||||
'#FFC722'
|
'#FFC722'
|
||||||
];
|
];
|
||||||
let option = {
|
let option = {
|
||||||
|
title:{
|
||||||
|
show:true,
|
||||||
|
text:this.componentName + '-' + this.chartName + '-' + '饼状图',
|
||||||
|
textStyle:{
|
||||||
|
lineHeight:'30',
|
||||||
|
}
|
||||||
|
},
|
||||||
color: color,
|
color: color,
|
||||||
legend: {
|
legend: {
|
||||||
top: 20,
|
top: 20,
|
||||||
|
|
|
@ -12,7 +12,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 触发 -->
|
<!-- 触发 -->
|
||||||
<el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'||'触发'">
|
<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="steam_id" label="视频路"></el-table-column>
|
||||||
<el-table-column align="center" prop="graphical_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="name" label="区域名称"></el-table-column>
|
||||||
|
@ -20,16 +21,16 @@
|
||||||
<!-- <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">
|
||||||
<span v-if="scope.row.type=='Person'">行人</span>
|
<span v-if="scope.row.type == 'Person'">行人</span>
|
||||||
<span v-if="scope.row.type=='Motor Vehicle'">机动车</span>
|
<span v-if="scope.row.type == 'Motor Vehicle'">机动车</span>
|
||||||
<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="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 align="center" prop="occ" label="占用状态">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.occ=='1'">占用</span>
|
<span v-if="scope.row.occ == '1'">占用</span>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -42,9 +43,9 @@
|
||||||
<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" 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>
|
||||||
<span v-if="scope.row.type=='Motor Vehicle'">机动车</span>
|
<span v-if="scope.row.type == 'Motor Vehicle'">机动车</span>
|
||||||
<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="enter_flow" label="驶入流量"></el-table-column>
|
<el-table-column align="center" prop="enter_flow" label="驶入流量"></el-table-column>
|
||||||
|
@ -55,21 +56,18 @@
|
||||||
<el-table-column align="center" prop="ave_delay" 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-column align="center" prop="ave_speed" label="平均速度"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<el-empty :image-size="100"></el-empty>
|
||||||
|
</div>
|
||||||
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
||||||
<el-form :model="msg" label-width="80px">
|
<el-form :model="msg" label-width="80px">
|
||||||
<el-form-item label="val1">
|
<el-form-item label="val1">
|
||||||
<el-time-select
|
<el-time-select placeholder="起始时间" v-model="startTime"
|
||||||
placeholder="起始时间"
|
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
|
||||||
v-model="startTime"
|
|
||||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
|
|
||||||
>
|
|
||||||
</el-time-select>
|
</el-time-select>
|
||||||
<el-time-select
|
<el-time-select placeholder="结束时间" v-model="endTime"
|
||||||
placeholder="结束时间"
|
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
|
||||||
v-model="endTime"
|
|
||||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
|
|
||||||
>
|
|
||||||
</el-time-select>
|
</el-time-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="val2">
|
<el-form-item label="val2">
|
||||||
|
@ -127,7 +125,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {}
|
mounted() { }
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
@ -141,6 +139,7 @@ export default {
|
||||||
right: 5px;
|
right: 5px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.down .moreIcon {
|
.down .moreIcon {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
@ -148,9 +147,11 @@ export default {
|
||||||
background-image: url(../../assets/img/more.png);
|
background-image: url(../../assets/img/more.png);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tableContent {
|
.tableContent {
|
||||||
border: 1px solid #e4e7ed;
|
border: 1px solid #e4e7ed;
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,18 +12,19 @@
|
||||||
<!-- 触发 -->
|
<!-- 触发 -->
|
||||||
|
|
||||||
<!-- 触发 -->
|
<!-- 触发 -->
|
||||||
|
<div v-if="msg">
|
||||||
<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 :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="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="timestamp" 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">
|
||||||
<span v-if="scope.row.type=='Person'">行人</span>
|
<span v-if="scope.row.type == 'Person'">行人</span>
|
||||||
<span v-if="scope.row.type=='Motor Vehicle'">机动车</span>
|
<span v-if="scope.row.type == 'Motor Vehicle'">机动车</span>
|
||||||
<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="n_stay" label="存车数"></el-table-column>
|
<el-table-column align="center" prop="n_stay" label="存车数"></el-table-column>
|
||||||
|
@ -42,9 +43,9 @@
|
||||||
<el-table-column align="center" prop="interval" label="时间序号"></el-table-column>
|
<el-table-column align="center" prop="interval" label="时间序号"></el-table-column>
|
||||||
<el-table-column align="center" prop="type" label="目标类型">
|
<el-table-column align="center" prop="type" 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>
|
||||||
<span v-if="scope.row.type=='Motor Vehicle'">机动车</span>
|
<span v-if="scope.row.type == 'Motor Vehicle'">机动车</span>
|
||||||
<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="in_flow" label="入流流量"></el-table-column>
|
<el-table-column align="center" prop="in_flow" label="入流流量"></el-table-column>
|
||||||
|
@ -54,26 +55,24 @@
|
||||||
<el-table-column align="center" prop="out_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-column align="center" prop="speed" label="断面的平均速度"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<el-empty :image-size="100"></el-empty>
|
||||||
|
</div>
|
||||||
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
<el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
|
||||||
<el-form :model="msg" label-width="80px">
|
<el-form :model="msg" label-width="80px">
|
||||||
<el-form-item label="val1">
|
<el-form-item label="val1">
|
||||||
<el-time-select
|
<el-time-select placeholder="起始时间" v-model="startTime"
|
||||||
placeholder="起始时间"
|
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
|
||||||
v-model="startTime"
|
|
||||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
|
|
||||||
>
|
|
||||||
</el-time-select>
|
</el-time-select>
|
||||||
<el-time-select
|
<el-time-select placeholder="结束时间" v-model="endTime"
|
||||||
placeholder="结束时间"
|
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
|
||||||
v-model="endTime"
|
|
||||||
:picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
|
|
||||||
>
|
|
||||||
</el-time-select>
|
</el-time-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="val2">
|
<el-form-item label="val2">
|
||||||
<el-select v-model="value" placeholder="请选择">
|
<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-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="val3">
|
<el-form-item label="val3">
|
||||||
|
@ -148,10 +147,10 @@ export default {
|
||||||
this.dialogVisible = true;
|
this.dialogVisible = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onSubmit() {},
|
onSubmit() { },
|
||||||
handleClose() {}
|
handleClose() { }
|
||||||
},
|
},
|
||||||
mounted() {}
|
mounted() { }
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
@ -165,6 +164,7 @@ export default {
|
||||||
right: 5px;
|
right: 5px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.down .moreIcon {
|
.down .moreIcon {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
|
@ -172,6 +172,7 @@ export default {
|
||||||
background-image: url(../../assets/img/more.png);
|
background-image: url(../../assets/img/more.png);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,31 +3,54 @@
|
||||||
<div class="setion">
|
<div class="setion">
|
||||||
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
|
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
|
||||||
<div class="typeContent">
|
<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">
|
<el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
|
||||||
<div v-if="dataArr.length != 0">
|
<div v-if="dataArr">
|
||||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '类型'">{{ this.total }}</div>
|
<div style="font-size: 30px; font-weight: bold" v-if="title == '类型'">{{
|
||||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '速度'">{{ this.speed }}</div>
|
this.total
|
||||||
<div style="font-size: 30px; font-weight: bold" v-show="title == '流量'">{{
|
}}</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 -
|
dataArr[dataArr.length -
|
||||||
1].flow
|
1].flow
|
||||||
}}</div>
|
}}</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 -
|
dataArr[dataArr.length -
|
||||||
1].heavy
|
1].heavy
|
||||||
}}</div>
|
}}</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 -
|
dataArr[dataArr.length -
|
||||||
1].n_queue
|
1].n_queue
|
||||||
}}</div>
|
}}</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 -
|
dataArr[dataArr.length -
|
||||||
1].n_stay
|
1].n_stay
|
||||||
}}</div>
|
}}</div>
|
||||||
<div style="padding: 14px">
|
<div style="padding: 14px">
|
||||||
<span>数值</span>
|
|
||||||
<div class="bottom clearfix">
|
<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>
|
<el-button type="text" class="button">操作按钮</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -36,6 +59,7 @@
|
||||||
<el-empty :image-size="100"></el-empty>
|
<el-empty :image-size="100"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
</div>
|
||||||
<!-- <el-empty :image-size="50"></el-empty> -->
|
<!-- <el-empty :image-size="50"></el-empty> -->
|
||||||
<div v-show="echartArr.includes('表格')">
|
<div v-show="echartArr.includes('表格')">
|
||||||
<div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
|
<div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
|
||||||
|
@ -47,21 +71,25 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('曲线图')">
|
<div class="border" v-if="echartArr.includes('曲线图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<lineChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
<lineChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||||
|
:status="triggerType" :title="title" />
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('饼状图')">
|
<div class="border" v-if="echartArr.includes('饼状图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<pieChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
<pieChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||||
|
:status="triggerType" :title="title" />
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('均值图')">
|
<div class="border" v-if="echartArr.includes('均值图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<avgChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
<avgChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||||
|
:status="triggerType" :title="title" />
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('直方图')">
|
<div class="border" v-if="echartArr.includes('直方图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<barChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
|
<barChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="dataArr"
|
||||||
</div>
|
:status="triggerType" :title="title" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -75,7 +103,7 @@ import detailDialog from '../chart/detailDialog.vue';
|
||||||
import regionTable from '../chart/regionTable.vue';
|
import regionTable from '../chart/regionTable.vue';
|
||||||
export default {
|
export default {
|
||||||
name: 'typeChart', //类型组件
|
name: 'typeChart', //类型组件
|
||||||
props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title'],
|
props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],
|
||||||
components: {
|
components: {
|
||||||
lineChart,
|
lineChart,
|
||||||
barChart,
|
barChart,
|
||||||
|
@ -104,6 +132,7 @@ export default {
|
||||||
},
|
},
|
||||||
mounted() { },
|
mounted() { },
|
||||||
watch: {
|
watch: {
|
||||||
|
// 监听触发数据
|
||||||
dataArr: {
|
dataArr: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
this.total = 0
|
this.total = 0
|
||||||
|
@ -111,10 +140,6 @@ export default {
|
||||||
newVal[newVal.length - 1].type_data.forEach(ele => {
|
newVal[newVal.length - 1].type_data.forEach(ele => {
|
||||||
this.total += ele.quantity
|
this.total += ele.quantity
|
||||||
})
|
})
|
||||||
this.speed = newVal[newVal.length - 1].speed
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<el-row>
|
<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" >
|
<el-card :body-style="{ padding: '0px' }" class="card" >
|
||||||
<div class="type">
|
<div class="type">
|
||||||
<img src="@/assets/img/AnalysisMain/leftTop.png" alt="" v-if="item.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>
|
<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'">
|
||||||
<!-- 断面 -->
|
<!-- 断面 -->
|
||||||
<div class="plate1" ref="plate1">
|
<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>
|
<template>
|
||||||
<div ref="sectionContent">
|
<div ref="sectionContent">
|
||||||
<div>
|
<div>
|
||||||
|
@ -22,7 +23,7 @@
|
||||||
<typeChart v-else :pageType="o.graphicType" triggerType="触发"
|
<typeChart v-else :pageType="o.graphicType" triggerType="触发"
|
||||||
:componentName="o.componentName" :dataArr="o.trigger"
|
: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>
|
</div>
|
||||||
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
<!-- :data="triggerList.length != 0 ? triggerList : tableData" -->
|
||||||
</div>
|
</div>
|
||||||
|
@ -57,11 +58,19 @@ export default {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 触发数据
|
||||||
triggerListData: {
|
triggerListData: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default() {
|
default() {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
// 周期时刻数据
|
||||||
|
cycleTimeData:{
|
||||||
|
type:Array,
|
||||||
|
default(){
|
||||||
|
return [];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -306,7 +315,7 @@ export default {
|
||||||
|
|
||||||
tripData: [],
|
tripData: [],
|
||||||
|
|
||||||
sectionArr:[]
|
sectionArr: []
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
@ -357,6 +366,7 @@ export default {
|
||||||
// 组件图标点击下拉事件
|
// 组件图标点击下拉事件
|
||||||
sectionHandle(i) {
|
sectionHandle(i) {
|
||||||
let sections = document.querySelectorAll('.section');
|
let sections = document.querySelectorAll('.section');
|
||||||
|
let sectionBox = document.querySelector('.sectionBox');
|
||||||
let downPulls1 = document.querySelectorAll('.downPull1');
|
let downPulls1 = document.querySelectorAll('.downPull1');
|
||||||
// 断面的小图标
|
// 断面的小图标
|
||||||
downPulls1[i].dataset.num++;
|
downPulls1[i].dataset.num++;
|
||||||
|
@ -364,9 +374,16 @@ 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 = 'auto';
|
sections[i].style.height = 'auto';
|
||||||
|
if (sectionBox != undefined) {
|
||||||
|
sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';
|
||||||
|
}
|
||||||
|
|
||||||
} 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';
|
||||||
|
if (sectionBox != undefined) {
|
||||||
|
sectionBox.style.height = '100vh'
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -380,30 +397,14 @@ export default {
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
||||||
// 触发数据
|
// 触发的原始数据
|
||||||
triggerData: {
|
triggerData: {
|
||||||
handler(newVal, oldVal) {
|
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
|
immediate: true
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 处理过的触发数据
|
||||||
triggerListData: {
|
triggerListData: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
this.triggerList = newVal
|
this.triggerList = newVal
|
||||||
|
@ -431,6 +432,14 @@ export default {
|
||||||
immediate: true
|
immediate: true
|
||||||
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 周期时刻的数据
|
||||||
|
cycleTimeData:{
|
||||||
|
handler(newVal){
|
||||||
|
console.log(newVal,440);
|
||||||
|
},
|
||||||
|
immediate: true
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -479,6 +488,17 @@ export default {
|
||||||
overflow: hidden;
|
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 {
|
.dataBoard .section {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|
Loading…
Reference in New Issue