diff --git a/node_modules/.cache/babel-loader/0924cbfe194dd0a750a1a5020402cf84.json b/node_modules/.cache/babel-loader/0924cbfe194dd0a750a1a5020402cf84.json
index 4d69d1c4..ba7cfa1a 100644
--- a/node_modules/.cache/babel-loader/0924cbfe194dd0a750a1a5020402cf84.json
+++ b/node_modules/.cache/babel-loader/0924cbfe194dd0a750a1a5020402cf84.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'pieChart',\n //饼图图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n }\n },\n data: function data() {\n return {\n // 图例数据\n legend: [],\n // pie图数据\n seriesData: []\n };\n },\n created: function created() {},\n methods: {\n drawPie: function drawPie() {\n var _ref;\n\n var myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.pieChart);\n }\n\n var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n var option = {\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '饼状图',\n textStyle: {\n lineHeight: '30'\n }\n },\n color: color,\n legend: {\n top: 20,\n right: 'center',\n textStyle: {},\n data: this.legend\n },\n tooltip: {},\n series: [(_ref = {\n type: 'pie',\n center: ['48%', '55%'],\n radius: '70%',\n label: {\n normal: {\n show: false\n }\n },\n labelLine: {\n show: false,\n length: 0,\n length2: 0\n }\n }, _defineProperty(_ref, \"label\", {\n normal: {\n show: true,\n position: 'inside',\n formatter: '{value|{c}}',\n rich: {\n value: {\n fontSize: 20,\n color: '#ffffff'\n }\n }\n }\n }), _defineProperty(_ref, \"data\", this.seriesData), _ref)]\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n var _this = this;\n\n if (newVal.length != 0) {\n this.legend = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.name;\n });\n newVal[newVal.length - 1].type_data.forEach(function (ele) {\n _this.seriesData.push({\n name: ele.name,\n value: ele.quantity\n });\n });\n this.drawPie();\n this.seriesData = [];\n }\n }\n }\n }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['48%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675938900705},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'pieChart',\n //饼图图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n }\n },\n data: function data() {\n return {\n // 图例数据\n legend: [],\n // pie图数据\n seriesData: []\n };\n },\n created: function created() {},\n methods: {\n drawPie: function drawPie() {\n var _ref;\n\n var myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.pieChart);\n }\n\n var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n var option = {\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '饼状图',\n textStyle: {\n lineHeight: '30'\n }\n },\n color: color,\n legend: {\n top: 20,\n right: 'center',\n textStyle: {},\n data: this.legend\n },\n tooltip: {},\n series: [(_ref = {\n type: 'pie',\n center: ['50%', '55%'],\n radius: '70%',\n label: {\n normal: {\n show: false\n }\n },\n labelLine: {\n show: false,\n length: 0,\n length2: 0\n }\n }, _defineProperty(_ref, \"label\", {\n normal: {\n show: true,\n position: 'inside',\n formatter: '{value|{c}}',\n rich: {\n value: {\n fontSize: 20,\n color: '#ffffff'\n }\n }\n }\n }), _defineProperty(_ref, \"data\", this.seriesData), _ref)]\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n var _this = this;\n\n if (newVal) {\n this.legend = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.name;\n });\n newVal[newVal.length - 1].type_data.forEach(function (ele) {\n _this.seriesData.push({\n name: ele.name,\n value: ele.quantity\n });\n });\n this.drawPie();\n this.seriesData = [];\n }\n }\n }\n }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['50%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/24bfb8f6dcfb3e580d4b02c8c2f0253a.json b/node_modules/.cache/babel-loader/24bfb8f6dcfb3e580d4b02c8c2f0253a.json
index aa247f91..80e08d48 100644
--- a/node_modules/.cache/babel-loader/24bfb8f6dcfb3e580d4b02c8c2f0253a.json
+++ b/node_modules/.cache/babel-loader/24bfb8f6dcfb3e580d4b02c8c2f0253a.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'lineUpChart',\n //排队数组件\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n thermalChart: thermalChart,\n regionTable: regionTable\n },\n props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],\n data: function data() {\n return {\n title: 'OD组件'\n };\n },\n methods: {},\n mounted: function mounted() {}\n};",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;AAWA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA;AANA,GAFA;AAUA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,WAAA,EAAA,eAAA,CAVA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAfA;AAgBA,EAAA,OAAA,EAAA,EAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CAAA;AAjBA,CAAA","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'lineUpChart', //排队数组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'OD',\n //od组件\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n thermalChart: thermalChart,\n regionTable: regionTable\n },\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\n data: function data() {\n return {\n title: 'OD组件'\n };\n },\n methods: {},\n mounted: function mounted() {}\n};",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;AAWA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,IADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA;AANA,GAFA;AAUA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,CAVA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAfA;AAgBA,EAAA,OAAA,EAAA,EAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CAAA;AAjBA,CAAA","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}{{ status }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"dataArr\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'OD', //od组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {},\r\n \r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json b/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
index d57a8db5..816057dc 100644
--- a/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
+++ b/node_modules/.cache/babel-loader/5c43de7bdc03729c450c3b426ceb462e.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675751458095},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n type: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A'],\n options: [{\n value: '选项1',\n label: '黄金糕'\n }, {\n value: '选项2',\n label: '双皮奶'\n }, {\n value: '选项3',\n label: '蚵仔煎'\n }, {\n value: '选项4',\n label: '龙须面'\n }, {\n value: '选项5',\n label: '北京烤鸭'\n }],\n value: ''\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n },\n onSubmit: function onSubmit() {},\n handleClose: function handleClose() {}\n },\n mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n type: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A'],\n options: [{\n value: '选项1',\n label: '黄金糕'\n }, {\n value: '选项2',\n label: '双皮奶'\n }, {\n value: '选项3',\n label: '蚵仔煎'\n }, {\n value: '选项4',\n label: '龙须面'\n }, {\n value: '选项5',\n label: '北京烤鸭'\n }],\n value: ''\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n },\n onSubmit: function onSubmit() {},\n handleClose: function handleClose() {}\n },\n mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json b/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
index 7075c1e3..17be1d2c 100644
--- a/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
+++ b/node_modules/.cache/babel-loader/707c80c5cb9d3ec9ed91511d9d73326f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675837968763},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport avgChart from \"../chart/avgChart.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'typeChart',\n //类型组件\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n regionTable: regionTable,\n pieChart: pieChart,\n avgChart: avgChart\n },\n data: function data() {\n return {\n // 类型数值\n total: 0,\n // 速度数值\n speed: 0,\n // 流量数值\n flow: 0\n };\n },\n created: function created() {},\n methods: {// 计算类型的数值\n },\n mounted: function mounted() {\n console.log(this.tirggerType);\n },\n watch: {\n // 监听触发数据\n dataArr: {\n handler: function handler(newVal) {\n var _this = this;\n\n this.total = 0;\n\n if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {\n newVal[newVal.length - 1].type_data.forEach(function (ele) {\n _this.total += ele.quantity;\n });\n }\n }\n }\n }\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA,QANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA;AACA,MAAA,KAAA,EAAA,CAFA;AAGA;AACA,MAAA,KAAA,EAAA,CAJA;AAKA;AACA,MAAA,IAAA,EAAA;AANA,KAAA;AAQA,GArBA;AAsBA,EAAA,OAtBA,qBAsBA,CAEA,CAxBA;AAyBA,EAAA,OAAA,EAAA,CACA;AADA,GAzBA;AA6BA,EAAA,OA7BA,qBA6BA;AAAA,IAAA,OAAA,CAAA,GAAA,CAAA,KAAA,WAAA;AAAA,GA7BA;AA8BA,EAAA,KAAA,EAAA;AACA;AACA,IAAA,OAAA,EAAA;AACA,MAAA,OADA,mBACA,MADA,EACA;AAAA;;AACA,aAAA,KAAA,GAAA,CAAA;;AACA,YAAA,MAAA,CAAA,MAAA,IAAA,CAAA,IAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,SAAA,IAAA,IAAA,EAAA;AACA,UAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,SAAA,CAAA,OAAA,CAAA,UAAA,GAAA,EAAA;AACA,YAAA,KAAA,CAAA,KAAA,IAAA,GAAA,CAAA,QAAA;AACA,WAFA;AAIA;AACA;AATA;AAFA;AA9BA,CAAA","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <div class=\"typeContent\">\r\n <!-- <div v-if=\"title == '类型' && dataArr[data.length - 1].type_data\">\r\n <el-card v-for=\"(n,i) in dataArr[data.length - 1].type_data\" :key=\"i\">\r\n <div style=\"font-size: 30px; font-weight: bold\">\r\n {{ n.name }}\r\n {{ n.quantity }}\r\n </div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr\">\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '类型'\">{{\r\n this.total\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">{{\r\n dataArr[dataArr.length -\r\n 1].speed\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div>\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n };\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n },\r\n mounted() { console.log(this.tirggerType);},\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport avgChart from \"../chart/avgChart.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n name: 'typeChart',\n //类型组件\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\n components: {\n lineChart: lineChart,\n barChart: barChart,\n tableShow: tableShow,\n detailDialog: detailDialog,\n regionTable: regionTable,\n pieChart: pieChart,\n avgChart: avgChart\n },\n data: function data() {\n return {\n // 类型数值\n total: 0,\n // 速度数值\n speed: 0,\n // 流量数值\n flow: 0,\n isRefer: true\n };\n },\n created: function created() {},\n methods: {\n // 计算类型的数值\n getTotal: function getTotal(arr) {\n // console.log(111, '163');\n // if (arr != undefined && arr) {\n var sum = arr.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0);\n return sum;\n }\n },\n computed: {},\n mounted: function mounted() {},\n watch: {\n // 监听触发数据\n dataArr: {\n handler: function handler(newVal) {\n var _this = this;\n\n this.total = 0;\n\n if (newVal && newVal[newVal.length - 1] != undefined) {\n newVal[newVal.length - 1].type_data.forEach(function (ele) {\n _this.total += ele.quantity;\n });\n }\n },\n deep: true,\n immediate: true\n } // cycleTimeData: {\n // handler(newVal) {\n // console.log(newVal);\n // }\n // }\n\n }\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA,QANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA;AACA,MAAA,KAAA,EAAA,CAFA;AAGA;AACA,MAAA,KAAA,EAAA,CAJA;AAKA;AACA,MAAA,IAAA,EAAA,CANA;AAOA,MAAA,OAAA,EAAA;AAPA,KAAA;AASA,GAtBA;AAuBA,EAAA,OAvBA,qBAuBA,CAEA,CAzBA;AA0BA,EAAA,OAAA,EAAA;AACA;AAEA,IAAA,QAHA,oBAGA,GAHA,EAGA;AACA;AACA;AAGA,UAAA,GAAA,GAAA,GAAA,CAAA,MAAA,CAAA,UAAA,IAAA,EAAA,GAAA,EAAA;AACA,eAAA,GAAA,CAAA,QAAA,GAAA,IAAA;AACA,OAFA,EAEA,CAFA,CAAA;AAGA,aAAA,GAAA;AACA;AAZA,GA1BA;AA0CA,EAAA,QAAA,EAAA,EA1CA;AA6CA,EAAA,OA7CA,qBA6CA,CAAA,CA7CA;AA8CA,EAAA,KAAA,EAAA;AACA;AACA,IAAA,OAAA,EAAA;AACA,MAAA,OADA,mBACA,MADA,EACA;AAAA;;AACA,aAAA,KAAA,GAAA,CAAA;;AACA,YAAA,MAAA,IAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,IAAA,SAAA,EAAA;AACA,UAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,SAAA,CAAA,OAAA,CAAA,UAAA,GAAA,EAAA;AACA,YAAA,KAAA,CAAA,KAAA,IAAA,GAAA,CAAA,QAAA;AACA,WAFA;AAGA;AACA,OARA;AASA,MAAA,IAAA,EAAA,IATA;AAUA,MAAA,SAAA,EAAA;AAVA,KAFA,CAcA;AACA;AACA;AACA;AACA;;AAlBA;AA9CA,CAAA","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\" v-if=\"isRefer\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <!-- 触发数据数值渲染 -->\r\n <div class=\"typeContent\" v-if=\"triggerType == '触发' || '周期时刻'\">\r\n\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n <el-card v-for=\"(n, i) in dataArr[dataArr.length - 1].type_data\" :key=\"i\"\r\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div>\r\n <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">\r\n {{ this.total }}\r\n </span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n <span style=\"font-size: 15px;\">速度</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[dataArr.length - 1].speed }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n <span style=\"font-size: 15px;\">流量</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n <span style=\"font-size: 15px;\">车头时距</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n <span style=\"font-size: 15px;\">排队数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n <span style=\"font-size: 15px;\">检测数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n\r\n </div>\r\n <!-- <div class=\"typeContent\" v-if=\"triggerType == '周期时刻'\">\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"cycleTimeData != undefined\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{}}</span>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n getTotal(arr) {\r\n // console.log(111, '163');\r\n // if (arr != undefined && arr) {\r\n\r\n\r\n var sum = arr.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n return sum\r\n }\r\n\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n mounted() { },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal && newVal[newVal.length - 1] != undefined) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n }\r\n },\r\n deep: true,\r\n immediate: true\r\n },\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a507232cf13cbb82086a709c7289c3b0.json b/node_modules/.cache/babel-loader/a507232cf13cbb82086a709c7289c3b0.json
index b04f7191..2087e84b 100644
--- a/node_modules/.cache/babel-loader/a507232cf13cbb82086a709c7289c3b0.json
+++ b/node_modules/.cache/babel-loader/a507232cf13cbb82086a709c7289c3b0.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n type: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A']\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n }\n },\n mounted: function mounted() {}\n};",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GApBA;AAqBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AANA,GArBA;AA6BA,EAAA,OA7BA,qBA6BA,CAAA;AA7BA,CAAA","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'tableShow',\n //表格组件\n props: {\n msg: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n type: {\n type: String\n }\n },\n data: function data() {\n return {\n dialogVisible: false,\n startTime: '',\n endTime: '',\n checkList: ['复选框 A']\n };\n },\n methods: {\n handleCommand: function handleCommand(command) {\n // 用户名下拉菜单选择事件\n if (command == 'show') {\n this.dialogVisible = true;\n }\n }\n },\n mounted: function mounted() {\n console.log(this.type, '129129');\n }\n};",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GApBA;AAqBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AANA,GArBA;AA6BA,EAAA,OA7BA,qBA6BA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,KAAA,IAAA,EAAA,QAAA;AACA;AA/BA,CAAA","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n\r\n <div v-if=\"msg\">\r\n <!-- 触发 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n },\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { \r\n console.log(this.type,'129129');\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b64202a54e54c7430718d949a298daf9.json b/node_modules/.cache/babel-loader/b64202a54e54c7430718d949a298daf9.json
index 6e5fa479..a0db6c49 100644
--- a/node_modules/.cache/babel-loader/b64202a54e54c7430718d949a298daf9.json
+++ b/node_modules/.cache/babel-loader/b64202a54e54c7430718d949a298daf9.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n name: 'barChart',\n //饼图组件\n props: {\n list: Array,\n default: function _default() {\n return [];\n }\n },\n data: function data() {\n return {};\n },\n methods: {\n drawBar: function drawBar(arr) {\n if (myChart != undefined) {\n myChart.clear();\n }\n\n var myChart = this.$echarts.init(this.$refs.barChart);\n var chartData = [{\n stage: '值',\n number: 40\n }];\n var option = {\n color: ['#0EECE4'],\n tooltip: {\n // trigger: 'axis',\n confine: true // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n // lineStyle: {\n // color: 'transparent',\n // },\n // },\n\n },\n grid: {\n left: '0%',\n right: '0%',\n bottom: '10%',\n top: '15%',\n z: 22\n },\n xAxis: [{\n type: 'category',\n gridIndex: 0,\n data: chartData.map(function (item) {\n return item.stage;\n }),\n axisLine: {\n show: false\n },\n axisLabel: {\n show: false\n }\n }],\n yAxis: {\n type: 'value',\n splitArea: {\n show: false\n },\n gridIndex: 0,\n min: 0,\n splitNumber: 12,\n splitLine: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n show: false\n },\n max: 200\n },\n series: [{\n name: '平均值',\n type: 'bar',\n stack: 'val',\n barWidth: 150,\n xAxisIndex: 0,\n yAxisIndex: 0,\n label: {\n show: true,\n position: 'right',\n // align: 'right',\n distance: 15,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[avg]'\n },\n itemStyle: {\n color: '#DF8414'\n },\n data: [arr[arr.length - 1].avg],\n zlevel: 11\n }, {\n name: '中间值',\n type: 'bar',\n barWidth: 150,\n // xAxisIndex: 0,\n // yAxisIndex: 0,\n stack: 'val',\n label: {\n show: true,\n position: 'left',\n distance: 15,\n color: '#000',\n // align: 'left',\n fontSize: 17,\n formatter: '{c}' + '[med]',\n rich: {}\n },\n itemStyle: {\n color: '#0E76AF'\n },\n data: [arr[arr.length - 1].med],\n zlevel: 11\n }, {\n name: '最小值',\n type: 'bar',\n barWidth: 150,\n barGap: '-100%',\n data: [arr[arr.length - 1].min],\n label: {\n show: true,\n position: 'bottom',\n distance: 10,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[min]'\n },\n tooltip: {\n backgroundColor: 'transparent',\n formatter: ' '\n },\n itemStyle: {\n color: '#ABA7A7'\n },\n zlevel: 9\n }, {\n name: '最大值',\n type: 'bar',\n barWidth: 150,\n barGap: '-100%',\n data: [arr[arr.length - 1].max],\n label: {\n show: true,\n position: 'top',\n distance: 15,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[max]'\n },\n tooltip: {\n backgroundColor: 'transparent',\n formatter: ' '\n },\n itemStyle: {\n color: '#ABA7A7'\n },\n zlevel: 9\n }]\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n if (newVal.length != 0) {\n this.drawBar(newVal);\n }\n }\n }\n }\n};",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n if (myChart != undefined) { myChart.clear() }\r\n let myChart = this.$echarts.init(this.$refs.barChart);\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal.length!=0){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675934208139},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n name: 'barChart',\n //均值图图组件\n props: {\n list: Array,\n default: function _default() {\n return [];\n }\n },\n data: function data() {\n return {};\n },\n methods: {\n drawBar: function drawBar(arr) {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.barChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.barChart);\n }\n\n var chartData = [{\n stage: '值',\n number: 40\n }];\n var option = {\n color: ['#0EECE4'],\n tooltip: {\n // trigger: 'axis',\n confine: true // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n // lineStyle: {\n // color: 'transparent',\n // },\n // },\n\n },\n grid: {\n left: '0%',\n right: '0%',\n bottom: '10%',\n top: '15%',\n z: 22\n },\n xAxis: [{\n type: 'category',\n gridIndex: 0,\n data: chartData.map(function (item) {\n return item.stage;\n }),\n axisLine: {\n show: false\n },\n axisLabel: {\n show: false\n }\n }],\n yAxis: {\n type: 'value',\n splitArea: {\n show: false\n },\n gridIndex: 0,\n min: 0,\n splitNumber: 12,\n splitLine: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n show: false\n },\n max: 200\n },\n series: [{\n name: '平均值',\n type: 'bar',\n stack: 'val',\n barWidth: 150,\n xAxisIndex: 0,\n yAxisIndex: 0,\n label: {\n show: true,\n position: 'right',\n // align: 'right',\n distance: 15,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[avg]'\n },\n itemStyle: {\n color: '#DF8414'\n },\n data: [arr[arr.length - 1].avg],\n zlevel: 11\n }, {\n name: '中间值',\n type: 'bar',\n barWidth: 150,\n // xAxisIndex: 0,\n // yAxisIndex: 0,\n stack: 'val',\n label: {\n show: true,\n position: 'left',\n distance: 15,\n color: '#000',\n // align: 'left',\n fontSize: 17,\n formatter: '{c}' + '[med]',\n rich: {}\n },\n itemStyle: {\n color: '#0E76AF'\n },\n data: [arr[arr.length - 1].med],\n zlevel: 11\n }, {\n name: '最小值',\n type: 'bar',\n barWidth: 150,\n barGap: '-100%',\n data: [arr[arr.length - 1].min],\n label: {\n show: true,\n position: 'bottom',\n distance: 10,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[min]'\n },\n tooltip: {\n backgroundColor: 'transparent',\n formatter: ' '\n },\n itemStyle: {\n color: '#ABA7A7'\n },\n zlevel: 9\n }, {\n name: '最大值',\n type: 'bar',\n barWidth: 150,\n barGap: '-100%',\n data: [arr[arr.length - 1].max],\n label: {\n show: true,\n position: 'top',\n distance: 15,\n color: '#000',\n fontSize: 17,\n formatter: '{c}' + '[max]'\n },\n tooltip: {\n backgroundColor: 'transparent',\n formatter: ' '\n },\n itemStyle: {\n color: '#ABA7A7'\n },\n zlevel: 9\n }]\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n if (newVal) {\n this.drawBar(newVal);\n }\n }\n }\n }\n};",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'barChart', //均值图图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json b/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
index ac65432a..8a12a77a 100644
--- a/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
+++ b/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675837778768},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n components: {\n typeChart: typeChart,\n OD: OD\n },\n props: {\n activeName: {\n type: String\n },\n triggerData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 触发数据\n triggerListData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 周期时刻数据\n cycleTimeData: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false,\n // 触发数据断面与区域相同\n tableData: [{\n steam_id: 0,\n time: '2022-10-01 09:15:11.156',\n obj_id: 125,\n type: 'Person',\n plate: '苏A0131M',\n speed: 35.2,\n event: 'in',\n lane: 0,\n headWay: 19\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:12.156',\n obj_id: 125,\n type: 'Motor Vehicle',\n plate: '苏A0131M',\n speed: 70.2,\n event: 'in',\n lane: 0,\n headWay: 6.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:13.156',\n obj_id: 125,\n type: 'Non_Motor',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 10.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:14.156',\n obj_id: 125,\n type: 'Non_Motor',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 2.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:15.156',\n obj_id: 125,\n type: 'Motor Vehicle',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 11.5\n }],\n // 断面的周期统计\n sectionList: [{\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 147,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 30\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 123,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 40\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 80,\n flow: 210,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 50\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 210,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 77\n }],\n // 区域的周期时刻\n regionList1: [{\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 5.6\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 12.6\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 10\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 6\n }],\n // 区域的周期统计\n regionList2: [{\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 8,\n ave_speed: 12\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 7,\n ave_speed: 22\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 17,\n ave_speed: 12\n }],\n idVal: '',\n //组件数组\n componentList: [],\n // 触发数据数组\n triggerList: [],\n sectionData: [],\n // 单个区域或者断面的表格触发数据\n tableList: [],\n // 路线数据\n headWay: [],\n tripData: [],\n sectionArr: []\n };\n },\n created: function created() {\n var _this = this;\n\n console.log(this.sectionData);\n this.idVal = this.$route.query.id;\n getComponentSection({\n VideoId: this.idVal\n }).then(function (res) {\n if (res.data.code == 200) {\n console.log(res.data.data, '11111111111111111');\n _this.componentList = res.data.data; // this.siftData()\n // 处理获取过来的数据\n\n _this.componentList.forEach(function (val) {\n _this.sectionArr.push(val.combinationName);\n\n _this.sectionArr = Array.from(new Set(_this.sectionArr));\n });\n\n _this.sectionData = _this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n\n _this.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n item.children.push(val);\n }\n });\n\n return item;\n });\n } else if (res.data.code == 404) {}\n });\n },\n methods: {\n siftData: function siftData() {\n var _this2 = this;\n\n this.componentList.forEach(function (val) {\n _this2.sectionArr.push(val.combinationName);\n\n _this2.sectionArr = Array.from(new Set(_this2.sectionArr));\n });\n this.sectionData = this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n\n _this2.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n item.children.push(val);\n }\n });\n\n return item;\n });\n },\n // 组件图标点击下拉事件\n sectionHandle: function sectionHandle(i) {\n var sections = document.querySelectorAll('.section');\n var sectionBox = document.querySelector('.sectionBox');\n var downPulls1 = document.querySelectorAll('.downPull1'); // 断面的小图标\n\n downPulls1[i].dataset.num++;\n\n if (downPulls1[i].dataset.num % 2 == 0) {\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\n sections[i].style.height = 'auto';\n\n if (sectionBox != undefined) {\n sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';\n }\n } else {\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\n sections[i].style.height = '500px';\n\n if (sectionBox != undefined) {\n sectionBox.style.height = '100vh';\n }\n }\n } // 触发数据的类型数值\n\n },\n mounted: function mounted() {},\n watch: {\n // 触发的原始数据\n triggerData: {\n handler: function handler(newVal, oldVal) {},\n immediate: true\n },\n // 处理过的触发数据\n triggerListData: {\n handler: function handler(newVal) {\n var _this3 = this;\n\n this.triggerList = newVal;\n console.log(newVal, 'triggerlistData');\n\n if (newVal.length != 0) {\n this.componentList.forEach(function (ele) {\n if (ele.trigger == undefined) {\n ele.trigger = [];\n }\n\n _this3.triggerList.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id) {\n if (ele.trigger.length == 10) {\n ele.trigger.pop();\n } else {\n ele.trigger.unshift(item);\n }\n }\n });\n });\n this.siftData();\n }\n },\n immediate: true\n }\n },\n // 周期时刻的数据\n cycleTimeData: {\n handler: function handler(newVal) {\n console.log(newVal, 440);\n },\n immediate: true\n }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"componentList.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length == 1 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\r\n </div>\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\" triggerType=\"触发\"\r\n :componentName=\"o.componentName\" :echartArr=\"o.presentationForm\" />\r\n <typeChart v-else :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.trigger\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName='o.combinationName' />\r\n </div>\r\n <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n\r\n\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n <!-- :data=\"triggerList.length != 0 ? tripHandle(o) : tableData\" -->\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData:{\r\n type:Array,\r\n default(){\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n console.log(this.sectionData);\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n // this.siftData()\r\n // 处理获取过来的数据\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelector('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = '100vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n console.log(newVal, 'triggerlistData');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined) {\r\n ele.trigger = []\r\n }\r\n this.triggerList.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id) {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n this.siftData()\r\n }\r\n\r\n },\r\n immediate: true\r\n\r\n }\r\n },\r\n\r\n // 周期时刻的数据\r\n cycleTimeData:{\r\n handler(newVal){\r\n console.log(newVal,440);\r\n },\r\n immediate: true\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n height: 500px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: 100vh;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675939165954},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n components: {\n typeChart: typeChart,\n OD: OD\n },\n props: {\n activeName: {\n type: String\n },\n triggerData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 触发数据\n triggerListData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 周期时刻数据\n cycleTimeData: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false,\n // 触发数据断面与区域相同\n tableData: [{\n steam_id: 0,\n time: '2022-10-01 09:15:11.156',\n obj_id: 125,\n type: 'Person',\n plate: '苏A0131M',\n speed: 35.2,\n event: 'in',\n lane: 0,\n headWay: 19\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:12.156',\n obj_id: 125,\n type: 'Motor Vehicle',\n plate: '苏A0131M',\n speed: 70.2,\n event: 'in',\n lane: 0,\n headWay: 6.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:13.156',\n obj_id: 125,\n type: 'Non_Motor',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 10.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:14.156',\n obj_id: 125,\n type: 'Non_Motor',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 2.5\n }, {\n steam_id: 0,\n time: '2022-10-01 09:15:15.156',\n obj_id: 125,\n type: 'Motor Vehicle',\n plate: '苏A0131M',\n speed: 60.2,\n event: 'in',\n lane: 0,\n headWay: 11.5\n }],\n // 断面的周期统计\n sectionList: [{\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 147,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 30\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 123,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 40\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 80,\n flow: 210,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 50\n }, {\n steam_id: '0',\n gate_id: 'Gate_1',\n name: '西进口',\n timestamp: '2022-10-1',\n interval: '53',\n type: 'truck',\n in_flow: 90,\n out_flow: 120,\n flow: 210,\n in_spd: 20.1,\n out_spd: 30.6,\n speed: 77\n }],\n // 区域的周期时刻\n regionList1: [{\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 5.6\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 12.6\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 10\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n frame: 1000,\n type: 'car',\n n_stay: 3,\n n_queue: 2,\n occ: 1,\n speed: 6\n }],\n // 区域的周期统计\n regionList2: [{\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 8,\n ave_speed: 12\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 7,\n ave_speed: 22\n }, {\n zone_id: '0',\n gate_id: 'Zone_1',\n name: '西进口左1',\n timestamp: '2022-10-1',\n type: 'car',\n enter_flow: 1,\n leave_flow: 3,\n ave_stay: 3.2,\n ave_queue: 2.9,\n ave_occ: 0.56,\n ave_delay: 17,\n ave_speed: 12\n }],\n idVal: '',\n //组件数组\n componentList: [],\n // 触发数据数组\n triggerList: [],\n sectionData: [],\n // 单个区域或者断面的表格触发数据\n tableList: [],\n // 路线数据\n headWay: [],\n tripData: [],\n sectionArr: []\n };\n },\n created: function created() {\n var _this = this;\n\n this.idVal = this.$route.query.id;\n getComponentSection({\n VideoId: this.idVal\n }).then(function (res) {\n if (res.data.code == 200) {\n console.log(res.data.data, '11111111111111111');\n _this.componentList = res.data.data;\n\n _this.siftData(); // 处理获取过来的数据\n // this.componentList.forEach((val) => {\n // this.sectionArr.push(val.combinationName);\n // this.sectionArr = Array.from(new Set(this.sectionArr));\n // });\n // this.sectionData = this.sectionArr.map((item) => {\n // item = { title: item, children: [] };\n // this.componentList.forEach((val) => {\n // if (item.title == val.combinationName) {\n // item.children.push(val);\n // }\n // });\n // return item;\n // });\n\n\n console.log(_this.sectionData, '455');\n } else if (res.data.code == 404) {}\n });\n },\n methods: {\n siftData: function siftData() {\n var _this2 = this;\n\n this.componentList.forEach(function (val) {\n _this2.sectionArr.push(val.combinationName);\n\n _this2.sectionArr = Array.from(new Set(_this2.sectionArr));\n });\n this.sectionData = this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n\n _this2.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n item.children.push(val);\n }\n });\n\n return item;\n });\n },\n // 组件图标点击下拉事件\n sectionHandle: function sectionHandle(i) {\n var sections = document.querySelectorAll('.section');\n var sectionBox = document.querySelectorAll('.sectionBox');\n var downPulls1 = document.querySelectorAll('.downPull1'); // 断面的小图标\n\n downPulls1[i].dataset.num++;\n\n if (downPulls1[i].dataset.num % 2 == 0) {\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\n sections[i].style.height = 'auto';\n\n if (sectionBox[i] != undefined) {\n sectionBox[i].style.height = 'auto';\n }\n } else {\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\n sections[i].style.height = '500px';\n\n if (sectionBox[i] != undefined) {\n sectionBox[i].style.height = '48vh';\n }\n }\n } // 触发数据的类型数值\n\n },\n mounted: function mounted() {},\n watch: {\n // 触发的原始数据\n triggerData: {\n handler: function handler(newVal, oldVal) {},\n immediate: true\n },\n // 处理过的触发数据\n triggerListData: {\n handler: function handler(newVal) {\n this.triggerList = newVal; // 触发数据\n // console.log(newVal, 'triggerlistData');\n\n if (newVal) {\n this.componentList.forEach(function (ele) {\n if (ele.trigger == undefined && ele.timeMode == '触发') {\n ele.trigger = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\n if (ele.trigger.length == 10) {\n ele.trigger.pop();\n } else {\n ele.trigger.unshift(item);\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n // 周期时刻的数据\n cycleTimeData: {\n handler: function handler(newVal) {\n // 监听到打印周期时刻数据\n console.log(newVal, '440');\n\n if (newVal.length != 0) {\n this.componentList.forEach(function (ele) {\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\n ele.cycleTimeData = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻' && ele.analogAreaGraphId == item.graphical_id) {\n if (ele.cycleTimeData.length == 10) {\n ele.cycleTimeData.pop();\n } else {\n ele.cycleTimeData.unshift(item);\n }\n }\n });\n });\n console.log(this.sectionData, '455');\n }\n },\n immediate: true\n }\n }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"componentList.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length <= 2 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\r\n </div>\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\"\r\n triggerType=\"触发\" :componentName=\"o.componentName\"\r\n :echartArr=\"o.presentationForm\" />\r\n <typeChart v-else :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\"\r\n :dataArr=\"o.timeMode == '触发' ? o.trigger : o.cycleTimeData\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName='o.combinationName' />\r\n </div>\r\n <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n <!-- :data=\"triggerList.length != 0 ? tripHandle(o) : tableData\" -->\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n this.siftData()\r\n // 处理获取过来的数据\r\n // this.componentList.forEach((val) => {\r\n // this.sectionArr.push(val.combinationName);\r\n // this.sectionArr = Array.from(new Set(this.sectionArr));\r\n // });\r\n // this.sectionData = this.sectionArr.map((item) => {\r\n // item = { title: item, children: [] };\r\n // this.componentList.forEach((val) => {\r\n // if (item.title == val.combinationName) {\r\n // item.children.push(val);\r\n // }\r\n // });\r\n // return item;\r\n // });\r\n console.log(this.sectionData, '455');\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = 'auto';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = '48vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n // 触发数据\r\n // console.log(newVal, 'triggerlistData');\r\n if (newVal) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n }\r\n },\r\n immediate: true\r\n\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '440');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻' && ele.analogAreaGraphId == item.graphical_id) {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.pop()\r\n\r\n } else {\r\n ele.cycleTimeData.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n console.log(this.sectionData, '455');\r\n }\r\n },\r\n immediate: true\r\n }\r\n },\r\n\r\n\r\n\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\r\n \r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n height: 500px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: 48vh;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox:nth-child(1) {\r\n margin-bottom: 4vh;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d254b352ba28ad2f74675085f7216297.json b/node_modules/.cache/babel-loader/d254b352ba28ad2f74675085f7216297.json
index a368549d..8bc48f18 100644
--- a/node_modules/.cache/babel-loader/d254b352ba28ad2f74675085f7216297.json
+++ b/node_modules/.cache/babel-loader/d254b352ba28ad2f74675085f7216297.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'barChart',\n //饼图组件\n props: {\n list: Array,\n default: function _default() {\n return [];\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n status: {\n type: String\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n }\n },\n data: function data() {\n return {\n xData: [],\n yData: []\n };\n },\n created: function created() {},\n methods: {\n drawBar: function drawBar() {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.barChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.barChart);\n }\n\n var option = {\n color: ['#7262FD', '#FC5A5A'],\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '柱状图',\n textStyle: {\n lineHeight: '30'\n }\n },\n tooltip: {\n confine: true\n },\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n xAxis: {\n type: 'category',\n data: this.xData,\n axisLine: {\n lineStyle: {\n color: '#000'\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000'\n },\n axisTick: {\n show: false\n }\n },\n yAxis: [{\n type: 'value',\n min: 0,\n minInterval: 1,\n splitArea: {\n show: false\n },\n axisLine: {\n show: true\n },\n axisTick: {\n show: false\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed' // dotted 虚线\n\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000',\n fontFamily: 'Bebas'\n }\n }],\n series: [{\n type: 'bar',\n barWidth: 20,\n itemStyle: {\n barBorderRadius: [5, 5, 0, 0]\n },\n name: '时间',\n data: this.yData\n }]\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n if (newVal.length != 0) {\n this.xData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.name;\n });\n this.yData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.quantity;\n });\n this.drawBar();\n }\n }\n }\n }\n};",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA,KADA;AAEA,IAAA,OAFA,sBAEA;AACA,aAAA,EAAA;AACA,KAJA;AAKA,IAAA,QAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA,KALA;AAQA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA,KARA;AAWA,IAAA,MAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA,KAXA;AAcA,IAAA,aAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA,KAdA;AAiBA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAjBA,GAFA;AAuBA,EAAA,IAvBA,kBAuBA;AACA,WAAA;AACA,MAAA,KAAA,EAAA,EADA;AAEA,MAAA,KAAA,EAAA;AAFA,KAAA;AAIA,GA5BA;AA6BA,EAAA,OA7BA,qBA6BA,CACA,CA9BA;AA+BA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAEA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,gBAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;;AACA,UAAA,OAAA,IAAA,IAAA,EAAA;AACA,QAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA;;AACA,UAAA,MAAA,GAAA;AACA,QAAA,KAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CADA;AAEA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,KAAA,aAAA,GAAA,GAAA,GAAA,KAAA,SAAA,GAAA,GAAA,GAAA,KAFA;AAGA,UAAA,SAAA,EAAA;AACA,YAAA,UAAA,EAAA;AADA;AAHA,SAFA;AASA,QAAA,OAAA,EAAA;AACA,UAAA,OAAA,EAAA;AADA,SATA;AAYA,QAAA,IAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,KAAA,EAAA,IAFA;AAGA,UAAA,MAAA,EAAA,KAHA;AAIA,UAAA,GAAA,EAAA,KAJA;AAKA,UAAA,YAAA,EAAA;AALA,SAZA;AAmBA,QAAA,KAAA,EAAA;AACA,UAAA,IAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,KAAA,KAFA;AAGA,UAAA,QAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA;AADA;AADA,WAHA;AAQA,UAAA,SAAA,EAAA;AACA,YAAA,QAAA,EAAA,EADA;AAEA,YAAA,KAAA,EAAA;AAFA,WARA;AAYA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA;AAZA,SAnBA;AAmCA,QAAA,KAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,OADA;AAEA,UAAA,GAAA,EAAA,CAFA;AAGA,UAAA,WAAA,EAAA,CAHA;AAIA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAJA;AAQA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WARA;AAWA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAXA;AAcA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA,QAFA,CAEA;;AAFA;AADA,WAdA;AAoBA,UAAA,SAAA,EAAA;AACA,YAAA,QAAA,EAAA,EADA;AAEA,YAAA,KAAA,EAAA,MAFA;AAGA,YAAA,UAAA,EAAA;AAHA;AApBA,SADA,CAnCA;AA8DA,QAAA,MAAA,EAAA,CAAA;AACA,UAAA,IAAA,EAAA,KADA;AAEA,UAAA,QAAA,EAAA,EAFA;AAGA,UAAA,SAAA,EAAA;AAAA,YAAA,eAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,WAHA;AAIA,UAAA,IAAA,EAAA,IAJA;AAKA,UAAA,IAAA,EAAA,KAAA;AALA,SAAA;AA9DA,OAAA;AAuEA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA7EA,CA8EA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAIA;AAtFA,GA/BA;AAuHA,EAAA,OAvHA,qBAuHA,CAEA,CAzHA;AA0HA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,OADA,mBACA,MADA,EACA;AACA,YAAA,MAAA,CAAA,MAAA,IAAA,CAAA,EAAA;AACA,eAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,SAAA,CAAA,GAAA,CAAA,UAAA,GAAA,EAAA;AACA,mBAAA,GAAA,CAAA,IAAA;AACA,WAFA,CAAA;AAGA,eAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,SAAA,CAAA,GAAA,CAAA,UAAA,GAAA,EAAA;AACA,mBAAA,GAAA,CAAA,QAAA;AACA,WAFA,CAAA;AAGA,eAAA,OAAA;AACA;AACA;AAXA;AADA;AA1HA,CAAA","sourcesContent":["<template>\r\n\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675938918590},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'barChart',\n //饼图组件\n props: {\n list: Array,\n default: function _default() {\n return [];\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n status: {\n type: String\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n }\n },\n data: function data() {\n return {\n xData: [],\n yData: []\n };\n },\n created: function created() {},\n methods: {\n drawBar: function drawBar() {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.barChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.barChart);\n }\n\n var option = {\n color: ['#7262FD', '#FC5A5A'],\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '柱状图',\n textStyle: {\n lineHeight: '30'\n }\n },\n tooltip: {\n confine: true\n },\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n xAxis: {\n type: 'category',\n data: this.xData,\n axisLine: {\n lineStyle: {\n color: '#000'\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000'\n },\n axisTick: {\n show: false\n }\n },\n yAxis: [{\n type: 'value',\n min: 0,\n minInterval: 1,\n splitArea: {\n show: false\n },\n axisLine: {\n show: true\n },\n axisTick: {\n show: false\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed' // dotted 虚线\n\n }\n },\n axisLabel: {\n fontSize: 12,\n color: '#000',\n fontFamily: 'Bebas'\n }\n }],\n series: [{\n type: 'bar',\n barWidth: 20,\n itemStyle: {\n barBorderRadius: [5, 5, 0, 0]\n },\n name: '时间',\n data: this.yData\n }]\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n if (newVal) {\n this.xData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.name;\n });\n this.yData = newVal[newVal.length - 1].type_data.map(function (ele) {\n return ele.quantity;\n });\n this.drawBar();\n }\n }\n }\n }\n};",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json b/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
index a7a7d378..2a819e3a 100644
--- a/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
+++ b/node_modules/.cache/babel-loader/d36b985a450343bbaebc7d3929d30d4d.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675844738793},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n name: 'lineChart',\n //折线图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n status: {\n type: String\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n } // list1: {\n // type: Array,\n // default() {\n // return []\n // }\n // }\n\n },\n data: function data() {\n return {\n xData: [],\n yData: [],\n yData1: [],\n yData2: [],\n yData3: [],\n // series: []\n // triggerType:'触发时刻'\n myChart: null,\n tooltip: {\n show: true\n },\n serise: [{\n name: '',\n type: 'line',\n symbolSize: 6,\n smooth: true,\n itemStyle: {\n color: '#fb864b',\n borderColor: '#fb864b' // borderWidth: 2\n\n },\n data: []\n }],\n // 机动车\n vehicle: [],\n // 行人\n person: [],\n // 非机动车\n noVehicle: []\n };\n },\n created: function created() {},\n methods: {\n drawLine: function drawLine() {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.lineChart);\n }\n\n var option = {\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\n textStyle: {\n lineHeight: '30'\n }\n },\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n tooltip: this.tooltip,\n xAxis: [{\n type: 'category',\n axisLine: {\n show: true,\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n show: false\n },\n boundaryGap: ['5%', '5%'],\n data: this.xData\n }],\n yAxis: [{\n type: 'value',\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n }\n }],\n series: this.series\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {// this.drawLine()\n },\n watch: {\n list: {\n handler: function handler(newVal) {\n var _this = this;\n\n if (newVal) {\n // x轴的数据\n this.xData = newVal.map(function (val) {\n return val.time;\n }); // 区域组件触发y轴展示\n\n if (this.title == '类型') {\n this.tooltip = {\n formatter: '{a} {b}:{c}个',\n show: true,\n confine: true\n }; // 获取类型不同的车辆数组\n } else if (this.title == '速度') {\n this.tooltip = {\n formatter: '{a} {b}:{c}km/h',\n show: true,\n confine: true\n };\n this.yData = newVal.map(function (val) {\n return val.speed;\n });\n } else if (this.title == '流量') {\n this.tooltip = {\n formatter: '{a} {b}:{c}辆',\n show: true,\n confine: true\n };\n this.yData = newVal.map(function (ele) {\n return ele.in_flow + ele.out_flow;\n });\n } else if (this.title == '车头时距') {\n this.tooltip = {\n formatter: '{a} {b}:{c}/s',\n show: true,\n confine: true\n };\n this.yData = newVal.map(function (val) {\n return val.ave_speed;\n });\n } else if (this.title == '排队数') {\n this.yData = newVal.map(function (val) {\n return val.n_queue;\n });\n } else if (this.title == '检测数') {\n this.yData = newVal.map(function (val) {\n return val.n_stay;\n });\n } else if (this.title == '延误') {\n this.yData = newVal.map(function (val) {});\n } else if (this.title == '拥堵') {\n this.yData = newVal.map(function (val) {});\n }\n\n if (this.$refs.lineChart) {\n this.$nextTick(function () {\n _this.drawLine();\n });\n }\n }\n },\n immediate: true\n }\n }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n serise: [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n },\r\n ],\r\n // 机动车\r\n vehicle: [],\r\n // 行人\r\n person: [],\r\n // 非机动车\r\n noVehicle: []\r\n\r\n };\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n \r\n\r\n // 获取类型不同的车辆数组\r\n \r\n \r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675991031449},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\nexport default {\n name: 'lineChart',\n //折线图组件\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n },\n status: {\n type: String\n },\n componentName: {\n type: String\n },\n chartName: {\n type: String\n } // list1: {\n // type: Array,\n // default() {\n // return []\n // }\n // }\n\n },\n data: function data() {\n return {\n xData: [],\n yData: [],\n yData1: [],\n yData2: [],\n yData3: [],\n // series: []\n // triggerType:'触发时刻'\n myChart: null,\n tooltip: {\n show: true\n },\n series: []\n };\n },\n created: function created() {// console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\n },\n methods: {\n drawLine: function drawLine() {\n var myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);\n\n if (myChart == null) {\n myChart = this.$echarts.init(this.$refs.lineChart);\n }\n\n var option = {\n title: {\n show: true,\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\n textStyle: {\n lineHeight: '30'\n }\n },\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n tooltip: this.tooltip,\n xAxis: [{\n type: 'category',\n axisLine: {\n show: true,\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n show: false\n },\n boundaryGap: ['5%', '5%'],\n data: this.xData\n }],\n yAxis: [{\n type: 'value',\n axisLabel: {\n color: '#6c6c6c'\n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed'\n }\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n }\n }],\n series: this.series\n };\n myChart.setOption(option); // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {// this.drawLine()\n // console.log(this.pageType, this.title, this.status);\n // console.log(this.list1);\n },\n watch: {\n list: {\n handler: function handler(newVal) {\n var _this = this;\n\n if (newVal) {\n // x轴的数据\n this.xData = newVal.map(function (val) {\n return val.time;\n });\n this.series = [{\n name: '',\n type: 'line',\n symbolSize: 6,\n smooth: true,\n itemStyle: {\n color: '#fb864b',\n borderColor: '#fb864b' // borderWidth: 2\n\n },\n data: []\n }]; // 区域组件触发y轴展示\n\n if (this.title == '类型') {\n this.tooltip = {\n formatter: '{a} {b}:{c}个',\n show: true,\n confine: true\n };\n this.series[0].name = '总量'; // 映射出类型数组\n\n var arr = newVal.map(function (ele) {\n if (ele.type_data != null) {\n return ele.type_data;\n }\n });\n var mapN = [];\n\n for (var t = 0; t < arr.length; t++) {\n for (var i = 0; i < arr[t].length; i++) {\n mapN.push(arr[t][i]);\n }\n }\n\n var lineArr = []; // 遍历需要多少条类型折线\n\n if (newVal[newVal.length - 1] != undefined) {\n newVal[newVal.length - 1].type_data.forEach(function (ele) {\n lineArr.push({\n name: ele.name,\n type: 'line',\n data: [],\n smooth: true\n });\n });\n } // 筛选类型的数量\n\n\n mapN.forEach(function (ele) {\n if (ele.name == \"机动车\") {\n lineArr[0].data.push(ele.quantity);\n } else if (ele.name == '非机动车') {\n lineArr[1].data.push(ele.quantity);\n } else {\n lineArr[2].data.push(ele.quantity);\n }\n });\n\n for (var j = 0; j < lineArr.length; j++) {\n this.series.push(lineArr[j]);\n } // 总和数量\n\n\n var mapNR1 = [];\n newVal.map(function (ele) {\n if (ele.type_data != null) {\n var sum = ele.type_data.reduce(function (prev, cur) {\n return cur.quantity + prev;\n }, 0);\n mapNR1.push(sum);\n }\n }); // console.log(\"mapNR1\", mapNR1)\n\n this.series[0].data = mapNR1;\n } else if (this.title == '速度') {\n this.tooltip = {\n formatter: '{a} {b}:{c}km/h',\n show: true,\n confine: true\n };\n this.series[0].data = newVal.map(function (val) {\n return val.speed;\n });\n } else if (this.title == '流量') {\n this.tooltip = {\n formatter: '{a} {b}:{c}辆',\n show: true,\n confine: true\n };\n this.series[0].data = newVal.map(function (ele) {\n return ele.in_flow + ele.out_flow;\n });\n } else if (this.title == '车头时距') {\n this.tooltip = {\n formatter: '{a} {b}:{c}/s',\n show: true,\n confine: true\n };\n this.series[0].data = newVal.map(function (val) {\n return val.ave_speed;\n });\n } else if (this.title == '排队数') {\n this.series[0].data = newVal.map(function (val) {\n return val.n_queue;\n });\n } else if (this.title == '检测数') {\n this.series[0].data = newVal.map(function (val) {\n return val.n_stay;\n });\n } else if (this.title == '延误') {\n this.series[0].data = newVal.map(function (val) {});\n } else if (this.title == '拥堵') {\n this.series[0].data = newVal.map(function (val) {});\n }\n\n if (this.$refs.lineChart) {\n this.$nextTick(function () {\n _this.drawLine();\n });\n }\n }\n },\n immediate: true,\n deep: true\n }\n }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n series: []\r\n\r\n };\r\n },\r\n created() {\r\n // console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\r\n\r\n\r\n\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n // console.log(this.pageType, this.title, this.status);\r\n // console.log(this.list1);\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n\r\n this.series = [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n }]\r\n\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].name = '总量'\r\n\r\n // 映射出类型数组\r\n let arr = newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n return ele.type_data\r\n }\r\n })\r\n var mapN = []\r\n for (var t = 0; t < arr.length; t++) {\r\n for (var i = 0; i < arr[t].length; i++) {\r\n mapN.push(arr[t][i])\r\n }\r\n }\r\n var lineArr = []\r\n // 遍历需要多少条类型折线\r\n if (newVal[newVal.length - 1] != undefined) {\r\n\r\n\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n lineArr.push({\r\n name: ele.name,\r\n type: 'line',\r\n data: [],\r\n smooth: true\r\n })\r\n })\r\n }\r\n\r\n\r\n // 筛选类型的数量\r\n mapN.forEach(ele => {\r\n if (ele.name == \"机动车\") {\r\n lineArr[0].data.push(ele.quantity)\r\n\r\n } else if (ele.name == '非机动车') {\r\n lineArr[1].data.push(ele.quantity)\r\n } else {\r\n lineArr[2].data.push(ele.quantity)\r\n }\r\n\r\n })\r\n for (let j = 0; j < lineArr.length; j++) {\r\n this.series.push(lineArr[j])\r\n }\r\n // 总和数量\r\n let mapNR1 = []\r\n newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n var sum = ele.type_data.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n mapNR1.push(sum)\r\n }\r\n })\r\n // console.log(\"mapNR1\", mapNR1)\r\n this.series[0].data = mapNR1\r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true,\r\n deep:true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/dcdec649eb6903897f53b0c176bcab6d.json b/node_modules/.cache/babel-loader/dcdec649eb6903897f53b0c176bcab6d.json
index ca9aa051..56991fd4 100644
--- a/node_modules/.cache/babel-loader/dcdec649eb6903897f53b0c176bcab6d.json
+++ b/node_modules/.cache/babel-loader/dcdec649eb6903897f53b0c176bcab6d.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n name: 'thermalChart',\n //热点图组件\n data: function data() {\n return {};\n },\n methods: {\n drawThermalChart: function drawThermalChart() {\n var myChart = this.$echarts.init(this.$refs.thermalChart);\n var option = {\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n textStyle: {\n color: '#666',\n fontSize: 13\n },\n // toolbox: {\n // show: true,\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\n // iconStyle: { borderColor: '#666' }\n // },\n tooltip: {},\n xAxis: {\n nameTextStyle: {\n color: '#666',\n padding: [0, 0, -10, 0],\n fontSize: 13\n },\n axisLabel: {\n interval: 0,\n textStyle: {\n fontSize: 13\n }\n },\n axisTick: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n splitLine: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n type: 'category',\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\n splitArea: {\n show: true,\n areaStyle: {\n color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n }\n }\n },\n yAxis: {\n nameTextStyle: {\n color: '#666',\n padding: [0, 0, -10, 0],\n fontSize: 13\n },\n axisLabel: {\n interval: 0,\n textStyle: {\n fontSize: 13\n }\n },\n axisTick: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n splitLine: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n type: 'category',\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\n },\n visualMap: [{\n min: 100,\n max: 400,\n calculable: false,\n orient: 'horizontal',\n left: 'center',\n top: 20,\n color: ['#C7021D', '#79E73C'],\n text: ['高', '低'],\n textStyle: {\n color: '#666',\n fontSize: 13\n }\n }],\n series: [{\n type: 'heatmap',\n // pageSize: 20,\n pointSize: 10,\n blurSize: 10,\n data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], // [0, 4, 100],\n // [0, 5, 100],\n // [0, 6, 200],\n [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], // [1, 4, 120],\n // [1, 5, 120],\n // [1, 6, 120],\n [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], // [2, 4, 140],\n // [2, 5, 140],\n // [2, 6, 140],\n [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200] // [3, 4, 200],\n // [3, 5, 200],\n // [3, 6, 200],\n // [4, 4, 300],\n // [4, 5, 300],\n // [4, 6, 300]\n ],\n label: {\n show: true,\n color: '#fff'\n },\n itemStyle: {\n borderColor: 'rgba(255, 255, 255, 0.5)',\n emphasis: {\n shadowBlur: 0,\n shadowColor: 'rgba(255, 255, 255, 0.5)'\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {\n this.drawThermalChart();\n }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n this.drawThermalChart();\r\n }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675999358822},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\nexport default {\n name: 'thermalChart',\n //热点图组件\n data: function data() {\n return {\n endData: [],\n startData: [],\n odData: []\n };\n },\n props: {\n list: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n pageType: {\n type: String\n },\n title: {\n type: String\n } // status: {\n // type: String\n // },\n // componentName: {\n // type: String\n // },\n\n },\n methods: {\n drawThermalChart: function drawThermalChart() {\n var myChart = this.$echarts.init(this.$refs.thermalChart);\n var option = {\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true\n },\n textStyle: {\n color: '#666',\n fontSize: 13\n },\n // toolbox: {\n // show: true,\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\n // iconStyle: { borderColor: '#666' }\n // },\n tooltip: {},\n xAxis: {\n nameTextStyle: {\n color: '#666',\n padding: [0, 0, -10, 0],\n fontSize: 13\n },\n axisLabel: {\n interval: 0,\n textStyle: {\n fontSize: 13\n }\n },\n axisTick: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n splitLine: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n type: 'category',\n data: this.endData,\n splitArea: {\n show: true,\n areaStyle: {\n color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n }\n }\n },\n yAxis: {\n nameTextStyle: {\n color: '#666',\n padding: [0, 0, -10, 0],\n fontSize: 13\n },\n axisLabel: {\n interval: 0,\n textStyle: {\n fontSize: 13\n }\n },\n axisTick: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n splitLine: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#c8c8c8',\n width: 1\n },\n show: true\n },\n type: 'category',\n data: this.startData\n },\n visualMap: [{\n min: 100,\n max: 400,\n calculable: false,\n orient: 'horizontal',\n left: 'center',\n top: 20,\n color: ['#C7021D', '#79E73C'],\n text: ['高', '低'],\n textStyle: {\n color: '#666',\n fontSize: 13\n }\n }],\n series: [{\n type: 'heatmap',\n // pageSize: 20,\n pointSize: 10,\n blurSize: 10,\n data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], // [0, 4, 100],\n // [0, 5, 100],\n // [0, 6, 200],\n [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], // [1, 4, 120],\n // [1, 5, 120],\n // [1, 6, 120],\n [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], // [2, 4, 140],\n // [2, 5, 140],\n // [2, 6, 140],\n [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200] // [3, 4, 200],\n // [3, 5, 200],\n // [3, 6, 200],\n // [4, 4, 300],\n // [4, 5, 300],\n // [4, 6, 300]\n ],\n label: {\n show: true,\n color: '#fff'\n },\n itemStyle: {\n borderColor: 'rgba(255, 255, 255, 0.5)',\n emphasis: {\n shadowBlur: 0,\n shadowColor: 'rgba(255, 255, 255, 0.5)'\n }\n }\n }]\n };\n myChart.setOption(option);\n window.addEventListener('resize', function () {\n myChart.resize();\n });\n }\n },\n mounted: function mounted() {},\n watch: {\n list: {\n handler: function handler(newVal) {\n var _this = this;\n\n this.odData = [];\n console.log(newVal, '1111111111');\n\n if (newVal != undefined) {\n newVal[newVal.length - 1].ob_data.forEach(function (ele) {\n ele.forEach(function (item) {\n _this.odData.push([]);\n });\n });\n }\n\n console.log(this.odData, '155');\n this.drawThermalChart();\n } // immediate:true\n\n }\n }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {\r\n endData: [],\r\n startData: [],\r\n odData: []\r\n };\r\n },\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n // status: {\r\n // type: String\r\n // },\r\n // componentName: {\r\n // type: String\r\n // },\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.endData,\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.startData\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n this.odData = []\r\n console.log(newVal ,'1111111111');\r\n if (newVal != undefined) {\r\n newVal[newVal.length - 1].ob_data.forEach(ele => {\r\n ele.forEach(item => {\r\n this.odData.push([])\r\n })\r\n })\r\n }\r\n console.log(this.odData,'155');\r\n this.drawThermalChart();\r\n },\r\n // immediate:true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/089d7cfd10a5ad9a3b75a21d80735abf.json b/node_modules/.cache/vue-loader/089d7cfd10a5ad9a3b75a21d80735abf.json
index 7454ea57..bb5e4fa1 100644
--- a/node_modules/.cache/vue-loader/089d7cfd10a5ad9a3b75a21d80735abf.json
+++ b/node_modules/.cache/vue-loader/089d7cfd10a5ad9a3b75a21d80735abf.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675844738793},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n serise: [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n },\r\n ],\r\n // 机动车\r\n vehicle: [],\r\n // 行人\r\n person: [],\r\n // 非机动车\r\n noVehicle: []\r\n\r\n };\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n \r\n\r\n // 获取类型不同的车辆数组\r\n \r\n \r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true\r\n }\r\n\r\n }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n serise: [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n },\r\n ],\r\n // 机动车\r\n vehicle: [],\r\n // 行人\r\n person: [],\r\n // 非机动车\r\n noVehicle: []\r\n\r\n };\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n \r\n\r\n // 获取类型不同的车辆数组\r\n \r\n \r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.yData = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.yData = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.yData = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675991031449},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n series: []\r\n\r\n };\r\n },\r\n created() {\r\n // console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\r\n\r\n\r\n\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n // console.log(this.pageType, this.title, this.status);\r\n // console.log(this.list1);\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n\r\n this.series = [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n }]\r\n\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].name = '总量'\r\n\r\n // 映射出类型数组\r\n let arr = newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n return ele.type_data\r\n }\r\n })\r\n var mapN = []\r\n for (var t = 0; t < arr.length; t++) {\r\n for (var i = 0; i < arr[t].length; i++) {\r\n mapN.push(arr[t][i])\r\n }\r\n }\r\n var lineArr = []\r\n // 遍历需要多少条类型折线\r\n if (newVal[newVal.length - 1] != undefined) {\r\n\r\n\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n lineArr.push({\r\n name: ele.name,\r\n type: 'line',\r\n data: [],\r\n smooth: true\r\n })\r\n })\r\n }\r\n\r\n\r\n // 筛选类型的数量\r\n mapN.forEach(ele => {\r\n if (ele.name == \"机动车\") {\r\n lineArr[0].data.push(ele.quantity)\r\n\r\n } else if (ele.name == '非机动车') {\r\n lineArr[1].data.push(ele.quantity)\r\n } else {\r\n lineArr[2].data.push(ele.quantity)\r\n }\r\n\r\n })\r\n for (let j = 0; j < lineArr.length; j++) {\r\n this.series.push(lineArr[j])\r\n }\r\n // 总和数量\r\n let mapNR1 = []\r\n newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n var sum = ele.type_data.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n mapNR1.push(sum)\r\n }\r\n })\r\n // console.log(\"mapNR1\", mapNR1)\r\n this.series[0].data = mapNR1\r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true,\r\n deep:true\r\n }\r\n\r\n }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n // list1: {\r\n // type: Array,\r\n // default() {\r\n // return []\r\n // }\r\n // }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: [],\r\n\r\n yData1: [],\r\n yData2: [],\r\n yData3: [],\r\n // series: []\r\n // triggerType:'触发时刻'\r\n myChart: null,\r\n tooltip: {\r\n show: true\r\n },\r\n series: []\r\n\r\n };\r\n },\r\n created() {\r\n // console.log( this.componentName + '-' + this.chartName + '-' + '曲线图','40');\r\n\r\n\r\n\r\n },\r\n methods: {\r\n drawLine() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.lineChart)\r\n }\r\n let option = {\r\n title: {\r\n show: true,\r\n text: this.componentName + '-' + this.chartName + '-' + '曲线图',\r\n textStyle: {\r\n lineHeight: '30',\r\n }\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n tooltip: this.tooltip,\r\n xAxis: [\r\n {\r\n type: 'category',\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n show: false\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n\r\n data: this.xData\r\n }\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#6c6c6c'\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed'\r\n }\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n }\r\n }\r\n ],\r\n series: this.series\r\n };\r\n\r\n myChart.setOption(option);\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n\r\n }\r\n },\r\n mounted() {\r\n // this.drawLine()\r\n // console.log(this.pageType, this.title, this.status);\r\n // console.log(this.list1);\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n // x轴的数据\r\n this.xData = newVal.map((val) => {\r\n return val.time;\r\n });\r\n\r\n this.series = [{\r\n name: '',\r\n type: 'line',\r\n symbolSize: 6,\r\n smooth: true,\r\n itemStyle: {\r\n color: '#fb864b',\r\n borderColor: '#fb864b',\r\n // borderWidth: 2\r\n },\r\n data: []\r\n }]\r\n\r\n // 区域组件触发y轴展示\r\n if (this.title == '类型') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}个',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].name = '总量'\r\n\r\n // 映射出类型数组\r\n let arr = newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n return ele.type_data\r\n }\r\n })\r\n var mapN = []\r\n for (var t = 0; t < arr.length; t++) {\r\n for (var i = 0; i < arr[t].length; i++) {\r\n mapN.push(arr[t][i])\r\n }\r\n }\r\n var lineArr = []\r\n // 遍历需要多少条类型折线\r\n if (newVal[newVal.length - 1] != undefined) {\r\n\r\n\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n lineArr.push({\r\n name: ele.name,\r\n type: 'line',\r\n data: [],\r\n smooth: true\r\n })\r\n })\r\n }\r\n\r\n\r\n // 筛选类型的数量\r\n mapN.forEach(ele => {\r\n if (ele.name == \"机动车\") {\r\n lineArr[0].data.push(ele.quantity)\r\n\r\n } else if (ele.name == '非机动车') {\r\n lineArr[1].data.push(ele.quantity)\r\n } else {\r\n lineArr[2].data.push(ele.quantity)\r\n }\r\n\r\n })\r\n for (let j = 0; j < lineArr.length; j++) {\r\n this.series.push(lineArr[j])\r\n }\r\n // 总和数量\r\n let mapNR1 = []\r\n newVal.map(function (ele) {\r\n if (ele.type_data != null) {\r\n var sum = ele.type_data.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n mapNR1.push(sum)\r\n }\r\n })\r\n // console.log(\"mapNR1\", mapNR1)\r\n this.series[0].data = mapNR1\r\n } else if (this.title == '速度') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}km/h',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.speed;\r\n });\r\n\r\n } else if (this.title == '流量') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}辆',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((ele) => {\r\n return ele.in_flow + ele.out_flow\r\n });\r\n } else if (this.title == '车头时距') {\r\n this.tooltip = {\r\n formatter: '{a} {b}:{c}/s',\r\n show: true,\r\n confine: true\r\n }\r\n this.series[0].data = newVal.map((val) => {\r\n return val.ave_speed;\r\n\r\n });\r\n\r\n } else if (this.title == '排队数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_queue;\r\n });\r\n } else if (this.title == '检测数') {\r\n this.series[0].data = newVal.map((val) => {\r\n return val.n_stay;\r\n });\r\n } else if (this.title == '延误') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n } else if (this.title == '拥堵') {\r\n this.series[0].data = newVal.map((val) => {\r\n\r\n });\r\n }\r\n if (this.$refs.lineChart) {\r\n this.$nextTick(() => {\r\n this.drawLine();\r\n\r\n })\r\n }\r\n\r\n }\r\n },\r\n immediate: true,\r\n deep:true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0b76db355b5df81cf19ef08a4fa7ec2d.json b/node_modules/.cache/vue-loader/0b76db355b5df81cf19ef08a4fa7ec2d.json
index 8f0c90b9..03a767e1 100644
--- a/node_modules/.cache/vue-loader/0b76db355b5df81cf19ef08a4fa7ec2d.json
+++ b/node_modules/.cache/vue-loader/0b76db355b5df81cf19ef08a4fa7ec2d.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675837968763},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <div class=\"typeContent\">\r\n <!-- <div v-if=\"title == '类型' && dataArr[data.length - 1].type_data\">\r\n <el-card v-for=\"(n,i) in dataArr[data.length - 1].type_data\" :key=\"i\">\r\n <div style=\"font-size: 30px; font-weight: bold\">\r\n {{ n.name }}\r\n {{ n.quantity }}\r\n </div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr\">\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '类型'\">{{\r\n this.total\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">{{\r\n dataArr[dataArr.length -\r\n 1].speed\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div>\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n };\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n },\r\n mounted() { console.log(this.tirggerType);},\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\" v-if=\"isRefer\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <!-- 触发数据数值渲染 -->\r\n <div class=\"typeContent\" v-if=\"triggerType == '触发' || '周期时刻'\">\r\n\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n <el-card v-for=\"(n, i) in dataArr[dataArr.length - 1].type_data\" :key=\"i\"\r\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div>\r\n <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">\r\n {{ this.total }}\r\n </span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n <span style=\"font-size: 15px;\">速度</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[dataArr.length - 1].speed }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n <span style=\"font-size: 15px;\">流量</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n <span style=\"font-size: 15px;\">车头时距</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n <span style=\"font-size: 15px;\">排队数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n <span style=\"font-size: 15px;\">检测数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n\r\n </div>\r\n <!-- <div class=\"typeContent\" v-if=\"triggerType == '周期时刻'\">\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"cycleTimeData != undefined\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{}}</span>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n getTotal(arr) {\r\n // console.log(111, '163');\r\n // if (arr != undefined && arr) {\r\n\r\n\r\n var sum = arr.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n return sum\r\n }\r\n\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n mounted() { },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal && newVal[newVal.length - 1] != undefined) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n }\r\n },\r\n deep: true,\r\n immediate: true\r\n },\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1cf2c968fa1459675d946fab47ee2e36.json b/node_modules/.cache/vue-loader/1cf2c968fa1459675d946fab47ee2e36.json
index 38bdb500..84770c09 100644
--- a/node_modules/.cache/vue-loader/1cf2c968fa1459675d946fab47ee2e36.json
+++ b/node_modules/.cache/vue-loader/1cf2c968fa1459675d946fab47ee2e36.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","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\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<!-- 断面的表格 -->\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span class=\"moreIcon\"></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n <!-- 触发 -->\n\n <!-- 触发 -->\n <div v-if=\"msg\">\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n </el-table>\n </el-table>\n\n\n <!-- 周期统计 -->\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\n </el-table>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select v-model=\"value\" placeholder=\"请选择\">\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"msg[0].val3\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<!-- 断面的表格 -->\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span class=\"moreIcon\"></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n <!-- 触发 -->\n\n <!-- 触发 -->\n <div v-if=\"msg\">\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n\n </el-table>\n\n\n <!-- 周期统计 -->\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\n </el-table>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select v-model=\"value\" placeholder=\"请选择\">\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"msg[0].val3\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/25817ecbd1b61d9a4ebf107e31076e8e.json b/node_modules/.cache/vue-loader/25817ecbd1b61d9a4ebf107e31076e8e.json
index 94f0ea39..1f40b65a 100644
--- a/node_modules/.cache/vue-loader/25817ecbd1b61d9a4ebf107e31076e8e.json
+++ b/node_modules/.cache/vue-loader/25817ecbd1b61d9a4ebf107e31076e8e.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675844738793},{"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]}
\ No newline at end of file
+{"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":1675991031449},{"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]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2f40d66dd126b8c25b836052317f4b33.json b/node_modules/.cache/vue-loader/2f40d66dd126b8c25b836052317f4b33.json
index fb7364a1..09288951 100644
--- a/node_modules/.cache/vue-loader/2f40d66dd126b8c25b836052317f4b33.json
+++ b/node_modules/.cache/vue-loader/2f40d66dd126b8c25b836052317f4b33.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'lineUpChart', //排队数组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {}\r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'lineUpChart', //排队数组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'OD', //od组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {},\r\n \r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}{{ status }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"dataArr\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'OD', //od组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {},\r\n \r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/320f6a2b376f150a9023fe37a6739f96.json b/node_modules/.cache/vue-loader/320f6a2b376f150a9023fe37a6739f96.json
index 30bf3b4c..c851c455 100644
--- a/node_modules/.cache/vue-loader/320f6a2b376f150a9023fe37a6739f96.json
+++ b/node_modules/.cache/vue-loader/320f6a2b376f150a9023fe37a6739f96.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675751190697},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyJA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n\r\n <div v-if=\"msg\">\r\n <!-- 触发 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n },\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { \r\n console.log(this.type,'129129');\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36cfe8179f51080ff2ef39b2270ea363.json b/node_modules/.cache/vue-loader/36cfe8179f51080ff2ef39b2270ea363.json
index 9ac3a755..38ff02e1 100644
--- a/node_modules/.cache/vue-loader/36cfe8179f51080ff2ef39b2270ea363.json
+++ b/node_modules/.cache/vue-loader/36cfe8179f51080ff2ef39b2270ea363.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n if (myChart != undefined) { myChart.clear() }\r\n let myChart = this.$echarts.init(this.$refs.barChart);\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal.length!=0){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n if (myChart != undefined) { myChart.clear() }\r\n let myChart = this.$echarts.init(this.$refs.barChart);\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal.length!=0){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1675934208139},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'barChart', //均值图图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'barChart', //均值图图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawBar(arr) {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let chartData = [{ stage: '值', number: 40 }];\r\n let option = {\r\n color: ['#0EECE4'],\r\n tooltip: {\r\n // trigger: 'axis',\r\n confine: true\r\n // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n // type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n // lineStyle: {\r\n // color: 'transparent',\r\n // },\r\n // },\r\n },\r\n grid: {\r\n left: '0%',\r\n right: '0%',\r\n bottom: '10%',\r\n top: '15%',\r\n z: 22\r\n },\r\n xAxis: [\r\n {\r\n type: 'category',\r\n gridIndex: 0,\r\n data: chartData.map((item) => item.stage),\r\n axisLine: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n }\r\n }\r\n ],\r\n yAxis: {\r\n type: 'value',\r\n splitArea: { show: false },\r\n gridIndex: 0,\r\n min: 0,\r\n splitNumber: 12,\r\n splitLine: {\r\n show: false\r\n },\r\n axisLine: {\r\n show: false\r\n },\r\n axisTick: {\r\n show: false\r\n },\r\n axisLabel: {\r\n show: false\r\n },\r\n max: 200\r\n },\r\n series: [\r\n {\r\n name: '平均值',\r\n type: 'bar',\r\n stack: 'val',\r\n barWidth: 150,\r\n xAxisIndex: 0,\r\n yAxisIndex: 0,\r\n label: {\r\n show: true,\r\n position: 'right',\r\n // align: 'right',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[avg]'\r\n },\r\n itemStyle: {\r\n color: '#DF8414'\r\n },\r\n data: [arr[arr.length-1].avg],\r\n zlevel: 11\r\n },\r\n {\r\n name: '中间值',\r\n type: 'bar',\r\n barWidth: 150,\r\n // xAxisIndex: 0,\r\n // yAxisIndex: 0,\r\n stack: 'val',\r\n label: {\r\n show: true,\r\n position: 'left',\r\n distance: 15,\r\n color: '#000',\r\n // align: 'left',\r\n fontSize: 17,\r\n formatter: '{c}' + '[med]',\r\n rich: {}\r\n },\r\n itemStyle: {\r\n color: '#0E76AF'\r\n },\r\n data: [arr[arr.length-1].med],\r\n zlevel: 11\r\n },\r\n {\r\n name: '最小值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data: [arr[arr.length-1].min],\r\n label: {\r\n show: true,\r\n position: 'bottom',\r\n distance: 10,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[min]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n },\r\n {\r\n name: '最大值',\r\n type: 'bar',\r\n barWidth: 150,\r\n barGap: '-100%',\r\n data:[arr[arr.length-1].max],\r\n label: {\r\n show: true,\r\n position: 'top',\r\n distance: 15,\r\n color: '#000',\r\n fontSize: 17,\r\n formatter: '{c}' + '[max]'\r\n },\r\n tooltip: {\r\n backgroundColor: 'transparent',\r\n formatter: ' '\r\n },\r\n itemStyle: {\r\n color: '#ABA7A7'\r\n },\r\n zlevel: 9\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n \r\n },\r\n watch:{\r\n list:{\r\n handler(newVal){\r\n if(newVal){\r\n this.drawBar(newVal);\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/42c36ca4348bd5e247276877684a6c04.json b/node_modules/.cache/vue-loader/42c36ca4348bd5e247276877684a6c04.json
index 3b7d9351..b1be944a 100644
--- a/node_modules/.cache/vue-loader/42c36ca4348bd5e247276877684a6c04.json
+++ b/node_modules/.cache/vue-loader/42c36ca4348bd5e247276877684a6c04.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675999358822},{"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=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4f189b72a8f2a9a2eeb3a377be4df605.json b/node_modules/.cache/vue-loader/4f189b72a8f2a9a2eeb3a377be4df605.json
index 6778c05b..ab29b4b3 100644
--- a/node_modules/.cache/vue-loader/4f189b72a8f2a9a2eeb3a377be4df605.json
+++ b/node_modules/.cache/vue-loader/4f189b72a8f2a9a2eeb3a377be4df605.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675844738793},{"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"]}
\ No newline at end of file
+{"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":1676006319624},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/51b3db2376e21ae6d003583ed2e060aa.json b/node_modules/.cache/vue-loader/51b3db2376e21ae6d003583ed2e060aa.json
index 4fd02311..59130378 100644
--- a/node_modules/.cache/vue-loader/51b3db2376e21ae6d003583ed2e060aa.json
+++ b/node_modules/.cache/vue-loader/51b3db2376e21ae6d003583ed2e060aa.json
@@ -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":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]}
\ No newline at end of file
+{"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":1675934208139},{"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]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5aab13800374bdce587e0eb1f433192f.json b/node_modules/.cache/vue-loader/5aab13800374bdce587e0eb1f433192f.json
index 2b4cfd3c..bc6a2138 100644
--- a/node_modules/.cache/vue-loader/5aab13800374bdce587e0eb1f433192f.json
+++ b/node_modules/.cache/vue-loader/5aab13800374bdce587e0eb1f433192f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'lineUpChart', //排队数组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}{{ status }}</p>\r\n <div class=\"border\">\r\n <detailDialog />\r\n <thermalChart :pageType=\"pageType\" :list=\"dataArr\" :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'OD', //od组件\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable\r\n },\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n data() {\r\n return {\r\n title: 'OD组件'\r\n };\r\n },\r\n methods: {},\r\n mounted() {},\r\n \r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5d7c9799a5644db77b84849c0cb7b584.json b/node_modules/.cache/vue-loader/5d7c9799a5644db77b84849c0cb7b584.json
index 2458bf25..ef2ea4dd 100644
--- a/node_modules/.cache/vue-loader/5d7c9799a5644db77b84849c0cb7b584.json
+++ b/node_modules/.cache/vue-loader/5d7c9799a5644db77b84849c0cb7b584.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"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 class=\"setion\">\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}</p>\n <div class=\"border\">\n <detailDialog />\n <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"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 class=\"setion\">\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }}{{ status }}</p>\n <div class=\"border\">\n <detailDialog />\n <thermalChart :pageType=\"pageType\" :list=\"dataArr\" :status=\"triggerType\" :title=\"title\" />\n </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6ed52ece3735636e62ab2f88b35cf091.json b/node_modules/.cache/vue-loader/6ed52ece3735636e62ab2f88b35cf091.json
index fea2e2c9..d0f48689 100644
--- a/node_modules/.cache/vue-loader/6ed52ece3735636e62ab2f88b35cf091.json
+++ b/node_modules/.cache/vue-loader/6ed52ece3735636e62ab2f88b35cf091.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":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"]}
\ No newline at end of file
+{"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":1675938900705},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6f0401dcc03dc862be59d9b95775ab1f.json b/node_modules/.cache/vue-loader/6f0401dcc03dc862be59d9b95775ab1f.json
index 411b1da5..da22f562 100644
--- a/node_modules/.cache/vue-loader/6f0401dcc03dc862be59d9b95775ab1f.json
+++ b/node_modules/.cache/vue-loader/6f0401dcc03dc862be59d9b95775ab1f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","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\\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(\n \"div\",\n { staticClass: \"tableContent\" },\n [\n _c(\n \"div\",\n { staticClass: \"down\" },\n [\n _c(\n \"el-dropdown\",\n { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n [\n _c(\"span\", { staticClass: \"moreIcon\" }),\n _c(\n \"el-dropdown-menu\",\n { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n [\n _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n _vm._v(\"查看详情\")\n ])\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _vm.msg\n ? _c(\n \"div\",\n [\n _vm.type == \"周期时刻\" || \"触发\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"steam_id\",\n label: \"视频路\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"graphical_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"time\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_stay\",\n label: \"存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_queue\",\n label: \"排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"occ\",\n label: \"占用状态\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.occ == \"1\"\n ? _c(\"span\", [_vm._v(\"占用\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 3312076930\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"空间平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.type == \"周期统计\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"zone_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"enter_flow\",\n label: \"驶入流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"leave_flow\",\n label: \"驶离流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_stay\",\n label: \"平均存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_queue\",\n label: \"平均排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_occ\",\n label: \"平均占有率\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_delay\",\n label: \"平均延误\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_speed\",\n label: \"平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n : _c(\"div\", [_c(\"el-empty\", { attrs: { \"image-size\": 100 } })], 1),\n _c(\n \"el-dialog\",\n {\n attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n on: {\n \"update:visible\": function($event) {\n _vm.dialogVisible = $event\n }\n }\n },\n [\n _c(\n \"el-form\",\n { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"val1\" } },\n [\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"起始时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\"\n }\n },\n model: {\n value: _vm.startTime,\n callback: function($$v) {\n _vm.startTime = $$v\n },\n expression: \"startTime\"\n }\n }),\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"结束时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\",\n minTime: _vm.startTime\n }\n },\n model: {\n value: _vm.endTime,\n callback: function($$v) {\n _vm.endTime = $$v\n },\n expression: \"endTime\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val2\" } },\n [_c(\"el-select\", [_c(\"el-option\")], 1)],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val3\" } },\n [\n _c(\"el-input\", {\n model: {\n value: _vm.dialogVisible,\n callback: function($$v) {\n _vm.dialogVisible = $$v\n },\n expression: \"dialogVisible\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val4\" } },\n [\n _c(\n \"el-checkbox-group\",\n {\n model: {\n value: _vm.checkList,\n callback: function($$v) {\n _vm.checkList = $$v\n },\n expression: \"checkList\"\n }\n },\n [\n _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n _vm._v(\"确认\")\n ]),\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n _vm.dialogVisible = false\n }\n }\n },\n [_vm._v(\"取消\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"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\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"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(\n \"div\",\n { staticClass: \"tableContent\" },\n [\n _c(\n \"div\",\n { staticClass: \"down\" },\n [\n _c(\n \"el-dropdown\",\n { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n [\n _c(\"span\", { staticClass: \"moreIcon\" }),\n _c(\n \"el-dropdown-menu\",\n { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n [\n _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n _vm._v(\"查看详情\")\n ])\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _vm.msg\n ? _c(\n \"div\",\n [\n _vm.type == \"触发\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"steam_id\",\n label: \"视频路\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"graphical_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"time\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_stay\",\n label: \"存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_queue\",\n label: \"排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"occ\",\n label: \"占用状态\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.occ == \"1\"\n ? _c(\"span\", [_vm._v(\"占用\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 3312076930\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"空间平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.type == \"周期时刻\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"steam_id\",\n label: \"视频路\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"graphical_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"time\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_stay\",\n label: \"存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_queue\",\n label: \"排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"occ\",\n label: \"占用状态\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.occ == \"1\"\n ? _c(\"span\", [_vm._v(\"占用\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 3312076930\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"空间平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.type == \"周期统计\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"zone_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"enter_flow\",\n label: \"驶入流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"leave_flow\",\n label: \"驶离流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_stay\",\n label: \"平均存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_queue\",\n label: \"平均排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_occ\",\n label: \"平均占有率\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_delay\",\n label: \"平均延误\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"ave_speed\",\n label: \"平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"el-dialog\",\n {\n attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n on: {\n \"update:visible\": function($event) {\n _vm.dialogVisible = $event\n }\n }\n },\n [\n _c(\n \"el-form\",\n { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"val1\" } },\n [\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"起始时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\"\n }\n },\n model: {\n value: _vm.startTime,\n callback: function($$v) {\n _vm.startTime = $$v\n },\n expression: \"startTime\"\n }\n }),\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"结束时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\",\n minTime: _vm.startTime\n }\n },\n model: {\n value: _vm.endTime,\n callback: function($$v) {\n _vm.endTime = $$v\n },\n expression: \"endTime\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val2\" } },\n [_c(\"el-select\", [_c(\"el-option\")], 1)],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val3\" } },\n [\n _c(\"el-input\", {\n model: {\n value: _vm.dialogVisible,\n callback: function($$v) {\n _vm.dialogVisible = $$v\n },\n expression: \"dialogVisible\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val4\" } },\n [\n _c(\n \"el-checkbox-group\",\n {\n model: {\n value: _vm.checkList,\n callback: function($$v) {\n _vm.checkList = $$v\n },\n expression: \"checkList\"\n }\n },\n [\n _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n _vm._v(\"确认\")\n ]),\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n _vm.dialogVisible = false\n }\n }\n },\n [_vm._v(\"取消\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6fb39b1b99970caf2d4c5a6c10251cc5.json b/node_modules/.cache/vue-loader/6fb39b1b99970caf2d4c5a6c10251cc5.json
index 9a33cfa5..92af1f2e 100644
--- a/node_modules/.cache/vue-loader/6fb39b1b99970caf2d4c5a6c10251cc5.json
+++ b/node_modules/.cache/vue-loader/6fb39b1b99970caf2d4c5a6c10251cc5.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675837968763},{"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\", { staticClass: \"setion\" }, [\n _c(\"p\", { staticClass: \"chartTitle\" }, [\n _c(\"span\", { staticClass: \"titleIcon\" }),\n _vm._v(\" \" + _vm._s(_vm.componentName) + \" \" + _vm._s(_vm.triggerType))\n ]),\n _c(\n \"div\",\n { staticClass: \"typeContent\" },\n [\n _c(\n \"el-card\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.echartArr.includes(\"数值\"),\n expression: \"echartArr.includes('数值')\"\n }\n ],\n staticStyle: {\n width: \"150px\",\n \"margin-bottom\": \"20px\",\n \"text-align\": \"center\"\n }\n },\n [\n _vm.dataArr\n ? _c(\"div\", [\n _vm.title == \"类型\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [_vm._v(_vm._s(this.total))]\n )\n : _vm._e(),\n _vm.title == \"速度\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(_vm.dataArr[_vm.dataArr.length - 1].speed)\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"流量\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(_vm.dataArr[_vm.dataArr.length - 1].flow)\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"车头时距\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(_vm.dataArr[_vm.dataArr.length - 1].heavy)\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"排队数\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(_vm.dataArr[_vm.dataArr.length - 1].n_queue)\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"检测数\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(_vm.dataArr[_vm.dataArr.length - 1].n_stay)\n )\n ]\n )\n : _vm._e(),\n _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n _c(\n \"div\",\n { staticClass: \"bottom clearfix\" },\n [\n _c(\"time\", { staticClass: \"time\" }, [\n _vm._v(_vm._s([_vm.dataArr.length - 1].time))\n ]),\n _c(\n \"el-button\",\n { staticClass: \"button\", attrs: { type: \"text\" } },\n [_vm._v(\"操作按钮\")]\n )\n ],\n 1\n )\n ])\n ])\n : _c(\"div\", [_c(\"el-empty\", { attrs: { \"image-size\": 100 } })], 1)\n ]\n )\n ],\n 1\n ),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.echartArr.includes(\"表格\"),\n expression: \"echartArr.includes('表格')\"\n }\n ]\n },\n [\n _vm.pageType == \"断面\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"margin-bottom\": \"20px\",\n border: \"1px solid #e4e7ed\"\n }\n },\n [\n _c(\"tableShow\", {\n attrs: { msg: _vm.dataArr, type: _vm.triggerType }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.pageType == \"区域\"\n ? _c(\n \"div\",\n [\n _c(\"regionTable\", {\n attrs: { msg: _vm.dataArr, type: _vm.triggerType }\n })\n ],\n 1\n )\n : _vm._e()\n ]\n ),\n _vm.echartArr.includes(\"曲线图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"lineChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"饼状图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"pieChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"均值图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"avgChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"直方图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"barChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e()\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"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\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"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 _vm.isRefer\n ? _c(\"div\", { staticClass: \"setion\" }, [\n _c(\"p\", { staticClass: \"chartTitle\" }, [\n _c(\"span\", { staticClass: \"titleIcon\" }),\n _vm._v(\n \" \" + _vm._s(_vm.componentName) + \" \" + _vm._s(_vm.triggerType)\n )\n ]),\n _vm.triggerType == \"触发\" || \"周期时刻\"\n ? _c(\n \"div\",\n { staticClass: \"typeContent\" },\n [\n _vm.dataArr && _vm.dataArr.length != 0\n ? _c(\"div\", [\n _vm.title == \"类型\"\n ? _c(\n \"div\",\n { staticStyle: { display: \"flex\" } },\n _vm._l(\n _vm.dataArr[_vm.dataArr.length - 1].type_data,\n function(n, i) {\n return _c(\n \"el-card\",\n {\n key: i,\n staticStyle: {\n width: \"150px\",\n \"margin-bottom\": \"20px\",\n \"text-align\": \"center\"\n }\n },\n [\n _c(\"div\", [\n _c(\n \"span\",\n {\n staticStyle: { \"font-size\": \"15px\" }\n },\n [_vm._v(_vm._s(n.name))]\n ),\n _c(\"br\"),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [_vm._v(_vm._s(n.quantity))]\n )\n ]),\n _c(\"div\", [\n _c(\"div\", [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.dataArr[\n _vm.dataArr.length - 1\n ].time\n ) +\n \"\\n \"\n )\n ])\n ])\n ]\n )\n }\n ),\n 1\n )\n : _vm._e()\n ])\n : _vm._e(),\n _c(\n \"el-card\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.echartArr.includes(\"数值\"),\n expression: \"echartArr.includes('数值')\"\n }\n ],\n staticStyle: {\n width: \"150px\",\n \"margin-bottom\": \"20px\",\n \"text-align\": \"center\"\n }\n },\n [\n _vm.dataArr && _vm.dataArr.length != 0\n ? _c(\"div\", [\n _vm.title == \"类型\"\n ? _c(\"div\", [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"类型数量总和\")]\n ),\n _c(\"br\"),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(this.total) +\n \"\\n \"\n )\n ]\n )\n ])\n : _vm._e(),\n _vm.title == \"速度\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"速度\")]\n ),\n _c(\"br\"),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1]\n .speed\n )\n )\n ]\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"流量\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"流量\")]\n ),\n _c(\"br\"),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1]\n .flow\n )\n )\n ]\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"车头时距\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"车头时距\")]\n ),\n _c(\"br\"),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1]\n .heavy\n )\n )\n ]\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"排队数\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"排队数\")]\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1]\n .n_queue\n )\n )\n ]\n )\n ]\n )\n : _vm._e(),\n _vm.title == \"检测数\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _c(\n \"span\",\n { staticStyle: { \"font-size\": \"15px\" } },\n [_vm._v(\"检测数\")]\n ),\n _c(\n \"span\",\n {\n staticStyle: {\n \"font-size\": \"30px\",\n \"font-weight\": \"bold\"\n }\n },\n [\n _vm._v(\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1]\n .n_stay\n )\n )\n ]\n )\n ]\n )\n : _vm._e(),\n _c(\"div\", [\n _c(\"div\", [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.dataArr[_vm.dataArr.length - 1].time\n ) +\n \"\\n \"\n )\n ])\n ])\n ])\n : _c(\n \"div\",\n [_c(\"el-empty\", { attrs: { \"image-size\": 100 } })],\n 1\n )\n ]\n )\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.echartArr.includes(\"表格\"),\n expression: \"echartArr.includes('表格')\"\n }\n ]\n },\n [\n _vm.pageType == \"断面\"\n ? _c(\n \"div\",\n {\n staticStyle: {\n \"margin-bottom\": \"20px\",\n border: \"1px solid #e4e7ed\"\n }\n },\n [\n _c(\"tableShow\", {\n attrs: { msg: _vm.dataArr, type: _vm.triggerType }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.pageType == \"区域\"\n ? _c(\n \"div\",\n [\n _c(\"regionTable\", {\n attrs: { msg: _vm.dataArr, type: _vm.triggerType }\n })\n ],\n 1\n )\n : _vm._e()\n ]\n ),\n _vm.echartArr.includes(\"曲线图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"lineChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"饼状图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"pieChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"均值图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"avgChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.echartArr.includes(\"直方图\")\n ? _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"barChart\", {\n attrs: {\n componentName: _vm.componentName,\n chartName: _vm.chartName,\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n : _vm._e()\n ])\n : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/725db0be6ba2eb6d0640dda0bd1180a3.json b/node_modules/.cache/vue-loader/725db0be6ba2eb6d0640dda0bd1180a3.json
index 8c83a316..7fe48da0 100644
--- a/node_modules/.cache/vue-loader/725db0be6ba2eb6d0640dda0bd1180a3.json
+++ b/node_modules/.cache/vue-loader/725db0be6ba2eb6d0640dda0bd1180a3.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1a931328\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('1a931328')) {\n api.createRecord('1a931328', component.options)\n } else {\n api.reload('1a931328', component.options)\n }\n module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n api.rerender('1a931328', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675999358822},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1a931328\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"E:\\\\视频边缘计算管理平台\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('1a931328')) {\n api.createRecord('1a931328', component.options)\n } else {\n api.reload('1a931328', component.options)\n }\n module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n api.rerender('1a931328', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7790e3881c6e437f0a112c2e182418c2.json b/node_modules/.cache/vue-loader/7790e3881c6e437f0a112c2e182418c2.json
index 383efcfe..5245388e 100644
--- a/node_modules/.cache/vue-loader/7790e3881c6e437f0a112c2e182418c2.json
+++ b/node_modules/.cache/vue-loader/7790e3881c6e437f0a112c2e182418c2.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n this.drawThermalChart();\r\n }\r\n};\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {};\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n this.drawThermalChart();\r\n }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675999358822},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {\r\n endData: [],\r\n startData: [],\r\n odData: []\r\n };\r\n },\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n // status: {\r\n // type: String\r\n // },\r\n // componentName: {\r\n // type: String\r\n // },\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.endData,\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.startData\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n this.odData = []\r\n console.log(newVal ,'1111111111');\r\n if (newVal != undefined) {\r\n newVal[newVal.length - 1].ob_data.forEach(ele => {\r\n ele.forEach(item => {\r\n this.odData.push([])\r\n })\r\n })\r\n }\r\n console.log(this.odData,'155');\r\n this.drawThermalChart();\r\n },\r\n // immediate:true\r\n }\r\n\r\n }\r\n};\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'thermalChart', //热点图组件\r\n data() {\r\n return {\r\n endData: [],\r\n startData: [],\r\n odData: []\r\n };\r\n },\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n // status: {\r\n // type: String\r\n // },\r\n // componentName: {\r\n // type: String\r\n // },\r\n },\r\n methods: {\r\n drawThermalChart() {\r\n let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n let option = {\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true\r\n },\r\n textStyle: { color: '#666', fontSize: 13 },\r\n // toolbox: {\r\n // show: true,\r\n // feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n // iconStyle: { borderColor: '#666' }\r\n // },\r\n tooltip: {},\r\n xAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.endData,\r\n splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n },\r\n yAxis: {\r\n nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n splitLine: { show: false },\r\n axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n type: 'category',\r\n data: this.startData\r\n },\r\n visualMap: [\r\n {\r\n min: 100,\r\n max: 400,\r\n calculable: false,\r\n orient: 'horizontal',\r\n left: 'center',\r\n top: 20,\r\n color: ['#C7021D', '#79E73C'],\r\n text: ['高', '低'],\r\n textStyle: { color: '#666', fontSize: 13 }\r\n }\r\n ],\r\n series: [\r\n {\r\n type: 'heatmap',\r\n // pageSize: 20,\r\n pointSize: 10,\r\n blurSize: 10,\r\n data: [\r\n [0, 0, 100],\r\n [0, 1, 100],\r\n [0, 2, 100],\r\n [0, 3, 100],\r\n // [0, 4, 100],\r\n // [0, 5, 100],\r\n // [0, 6, 200],\r\n\r\n [1, 0, 120],\r\n [1, 1, 120],\r\n [1, 2, 125],\r\n [1, 3, 120],\r\n // [1, 4, 120],\r\n // [1, 5, 120],\r\n // [1, 6, 120],\r\n\r\n [2, 0, 120],\r\n [2, 1, 140],\r\n [2, 2, 140],\r\n [2, 3, 140],\r\n // [2, 4, 140],\r\n // [2, 5, 140],\r\n // [2, 6, 140],\r\n\r\n [3, 0, 200],\r\n [3, 1, 200],\r\n [3, 2, 200],\r\n [3, 3, 200]\r\n // [3, 4, 200],\r\n // [3, 5, 200],\r\n // [3, 6, 200],\r\n\r\n // [4, 4, 300],\r\n // [4, 5, 300],\r\n // [4, 6, 300]\r\n ],\r\n label: { show: true, color: '#fff' },\r\n itemStyle: {\r\n borderColor: 'rgba(255, 255, 255, 0.5)',\r\n emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n window.addEventListener('resize', function () {\r\n myChart.resize();\r\n });\r\n }\r\n },\r\n mounted() {\r\n\r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n this.odData = []\r\n console.log(newVal ,'1111111111');\r\n if (newVal != undefined) {\r\n newVal[newVal.length - 1].ob_data.forEach(ele => {\r\n ele.forEach(item => {\r\n this.odData.push([])\r\n })\r\n })\r\n }\r\n console.log(this.odData,'155');\r\n this.drawThermalChart();\r\n },\r\n // immediate:true\r\n }\r\n\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7cb95d07eaa182f4f2007693136e1812.json b/node_modules/.cache/vue-loader/7cb95d07eaa182f4f2007693136e1812.json
index c9be1b8d..5e3c2567 100644
--- a/node_modules/.cache/vue-loader/7cb95d07eaa182f4f2007693136e1812.json
+++ b/node_modules/.cache/vue-loader/7cb95d07eaa182f4f2007693136e1812.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":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]}
\ No newline at end of file
+{"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":1675938900705},{"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]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/875637ab843f965d4fd86521fdd1da98.json b/node_modules/.cache/vue-loader/875637ab843f965d4fd86521fdd1da98.json
index 6bcd210a..64971b09 100644
--- a/node_modules/.cache/vue-loader/875637ab843f965d4fd86521fdd1da98.json
+++ b/node_modules/.cache/vue-loader/875637ab843f965d4fd86521fdd1da98.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"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\", { staticClass: \"setion\" }, [\n _c(\"p\", { staticClass: \"chartTitle\" }, [\n _c(\"span\", { staticClass: \"titleIcon\" }),\n _vm._v(\" \" + _vm._s(_vm.componentName))\n ]),\n _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"thermalChart\", {\n attrs: {\n pageType: _vm.pageType,\n list: _vm.data,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"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\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"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\", { staticClass: \"setion\" }, [\n _c(\"p\", { staticClass: \"chartTitle\" }, [\n _c(\"span\", { staticClass: \"titleIcon\" }),\n _vm._v(\" \" + _vm._s(_vm.componentName) + _vm._s(_vm.status))\n ]),\n _c(\n \"div\",\n { staticClass: \"border\" },\n [\n _c(\"detailDialog\"),\n _c(\"thermalChart\", {\n attrs: {\n pageType: _vm.pageType,\n list: _vm.dataArr,\n status: _vm.triggerType,\n title: _vm.title\n }\n })\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9baa5fbc1872b19a737e668b2c9aee61.json b/node_modules/.cache/vue-loader/9baa5fbc1872b19a737e668b2c9aee61.json
index 5ede43bc..bfc62d7a 100644
--- a/node_modules/.cache/vue-loader/9baa5fbc1872b19a737e668b2c9aee61.json
+++ b/node_modules/.cache/vue-loader/9baa5fbc1872b19a737e668b2c9aee61.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675751458095},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9c210af81427bd3cb4ff42276b83f264.json b/node_modules/.cache/vue-loader/9c210af81427bd3cb4ff42276b83f264.json
index 8ee367db..09e60a90 100644
--- a/node_modules/.cache/vue-loader/9c210af81427bd3cb4ff42276b83f264.json
+++ b/node_modules/.cache/vue-loader/9c210af81427bd3cb4ff42276b83f264.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { }\r\n};\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n },\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { \r\n console.log(this.type,'129129');\r\n }\r\n};\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <!-- 区域的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n\r\n <div v-if=\"msg\">\r\n <!-- 触发 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' \">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select>\r\n <el-option> </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"dialogVisible\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n },\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A']\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n }\r\n },\r\n mounted() { \r\n console.log(this.type,'129129');\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9ca41afdfeb755480f2c509afd2832a1.json b/node_modules/.cache/vue-loader/9ca41afdfeb755480f2c509afd2832a1.json
index d775a280..b717828b 100644
--- a/node_modules/.cache/vue-loader/9ca41afdfeb755480f2c509afd2832a1.json
+++ b/node_modules/.cache/vue-loader/9ca41afdfeb755480f2c509afd2832a1.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675837968763},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\n <div class=\"typeContent\">\n <!-- <div v-if=\"title == '类型' && dataArr[data.length - 1].type_data\">\n <el-card v-for=\"(n,i) in dataArr[data.length - 1].type_data\" :key=\"i\">\n <div style=\"font-size: 30px; font-weight: bold\">\n {{ n.name }}\n {{ n.quantity }}\n </div>\n <div style=\"padding: 14px\">\n <div class=\"bottom clearfix\">\n <time class=\"time\">{{\n [dataArr.length -\n 1].time\n }}</time>\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n </div>\n </div>\n </el-card>\n </div> -->\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n <div v-if=\"dataArr\">\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '类型'\">{{\n this.total\n }}</div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">{{\n dataArr[dataArr.length -\n 1].speed\n }}</div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">{{\n dataArr[dataArr.length -\n 1].flow\n }}</div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">{{\n dataArr[dataArr.length -\n 1].heavy\n }}</div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">{{\n dataArr[dataArr.length -\n 1].n_queue\n }}</div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">{{\n dataArr[dataArr.length -\n 1].n_stay\n }}</div>\n <div style=\"padding: 14px\">\n <div class=\"bottom clearfix\">\n <time class=\"time\">{{\n [dataArr.length -\n 1].time\n }}</time>\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n </div>\n </div>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n </el-card>\n </div>\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\n <div v-show=\"echartArr.includes('表格')\">\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\n </div>\n <div v-if=\"pageType == '区域'\">\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\n </div>\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\n <detailDialog />\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\n <detailDialog />\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\n <detailDialog />\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\n <detailDialog />\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\" v-if=\"isRefer\">\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\n <!-- 触发数据数值渲染 -->\n <div class=\"typeContent\" v-if=\"triggerType == '触发' || '周期时刻'\">\n\n <div v-if=\"dataArr && dataArr.length != 0\">\n <div v-if=\"title == '类型'\" style=\"display:flex\">\n <el-card v-for=\"(n, i) in dataArr[dataArr.length - 1].type_data\" :key=\"i\"\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n <div>\n <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\n </div>\n <div>\n <div>\n {{ dataArr[dataArr.length - 1].time }}\n </div>\n </div>\n </el-card>\n </div>\n </div>\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n <div v-if=\"dataArr && dataArr.length != 0\">\n <div v-if=\"title == '类型'\">\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">\n {{ this.total }}\n </span>\n </div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\n <span style=\"font-size: 15px;\">速度</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[dataArr.length - 1].speed }}</span>\n </div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\n <span style=\"font-size: 15px;\">流量</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">{{\n dataArr[dataArr.length -\n 1].flow\n }}</span>\n </div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\n <span style=\"font-size: 15px;\">车头时距</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">{{\n dataArr[dataArr.length -\n 1].heavy\n }}</span>\n </div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\n <span style=\"font-size: 15px;\">排队数</span>\n <span style=\"font-size: 30px; font-weight: bold\">{{\n dataArr[dataArr.length -\n 1].n_queue\n }}</span>\n </div>\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\n <span style=\"font-size: 15px;\">检测数</span>\n <span style=\"font-size: 30px; font-weight: bold\">{{\n dataArr[dataArr.length -\n 1].n_stay\n }}</span>\n </div>\n <div>\n <div>\n {{ dataArr[dataArr.length - 1].time }}\n </div>\n </div>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n </el-card>\n\n </div>\n <!-- <div class=\"typeContent\" v-if=\"triggerType == '周期时刻'\">\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n <div v-if=\"cycleTimeData != undefined\">\n <div v-if=\"title == '类型'\">\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\n <span style=\"font-size: 30px; font-weight: bold\">{{}}</span>\n </div>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n </el-card>\n </div> -->\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\n <div v-show=\"echartArr.includes('表格')\">\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\n </div>\n <div v-if=\"pageType == '区域'\">\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\n </div>\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\n <detailDialog />\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\n <detailDialog />\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\n <detailDialog />\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\n <detailDialog />\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\n :status=\"triggerType\" :title=\"title\" />\n </div>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9cc150b2b04b0589e7ef1dfd3e0e9608.json b/node_modules/.cache/vue-loader/9cc150b2b04b0589e7ef1dfd3e0e9608.json
index 31dcee79..9ac7bfd1 100644
--- a/node_modules/.cache/vue-loader/9cc150b2b04b0589e7ef1dfd3e0e9608.json
+++ b/node_modules/.cache/vue-loader/9cc150b2b04b0589e7ef1dfd3e0e9608.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":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]}
\ No newline at end of file
+{"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":1675938918590},{"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]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a2c8f56562bbf948ee21582497428c1f.json b/node_modules/.cache/vue-loader/a2c8f56562bbf948ee21582497428c1f.json
index 51809f16..8caae876 100644
--- a/node_modules/.cache/vue-loader/a2c8f56562bbf948ee21582497428c1f.json
+++ b/node_modules/.cache/vue-loader/a2c8f56562bbf948ee21582497428c1f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1674961941262},{"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 \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&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 \"0bb099b3\",\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('0bb099b3')) {\n api.createRecord('0bb099b3', component.options)\n } else {\n api.reload('0bb099b3', component.options)\n }\n module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n api.rerender('0bb099b3', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\OD.vue","mtime":1675995478868},{"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 \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&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 \"0bb099b3\",\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('0bb099b3')) {\n api.createRecord('0bb099b3', component.options)\n } else {\n api.reload('0bb099b3', component.options)\n }\n module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n api.rerender('0bb099b3', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a67eabede9df9cb4d07795a97f0e02e3.json b/node_modules/.cache/vue-loader/a67eabede9df9cb4d07795a97f0e02e3.json
index 219034ad..2229bb78 100644
--- a/node_modules/.cache/vue-loader/a67eabede9df9cb4d07795a97f0e02e3.json
+++ b/node_modules/.cache/vue-loader/a67eabede9df9cb4d07795a97f0e02e3.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675560621574},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", {\n ref: \"thermalChart\",\n staticStyle: { width: \"100%\", height: \"300px\" },\n attrs: { id: \"thermalChart\" }\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1675999358822},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", {\n ref: \"thermalChart\",\n staticStyle: { width: \"100%\", height: \"300px\" },\n attrs: { id: \"thermalChart\" }\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/abe5675104badd4f1c7c7435e9ff6c34.json b/node_modules/.cache/vue-loader/abe5675104badd4f1c7c7435e9ff6c34.json
index a7752f21..94a336da 100644
--- a/node_modules/.cache/vue-loader/abe5675104badd4f1c7c7435e9ff6c34.json
+++ b/node_modules/.cache/vue-loader/abe5675104badd4f1c7c7435e9ff6c34.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\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 }"]}
\ No newline at end of file
+{"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":1675934208139},{"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 }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ace496cdb72ec854e751f4b3e2a43184.json b/node_modules/.cache/vue-loader/ace496cdb72ec854e751f4b3e2a43184.json
index 0ccc3c0c..bb46d9ce 100644
--- a/node_modules/.cache/vue-loader/ace496cdb72ec854e751f4b3e2a43184.json
+++ b/node_modules/.cache/vue-loader/ace496cdb72ec854e751f4b3e2a43184.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"barChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n</script>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1675938918590},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"barChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'barChart', //饼图组件\r\n props: {\r\n list: Array,\r\n default() {\r\n return []\r\n },\r\n pageType: {\r\n type: String\r\n },\r\n title: {\r\n type: String\r\n },\r\n status: {\r\n type: String\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n xData: [],\r\n yData: []\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n drawBar() {\r\n \r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.barChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.barChart)\r\n }\r\n let option = {\r\n color: ['#7262FD', '#FC5A5A'],\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '柱状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n tooltip: {\r\n confine: true,\r\n },\r\n grid: {\r\n left: '2%',\r\n right: '4%',\r\n bottom: '10%',\r\n top: '20%',\r\n containLabel: true,\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: this.xData,\r\n axisLine: {\r\n lineStyle: {\r\n color: '#000',\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n },\r\n yAxis: [\r\n {\r\n type: 'value',\r\n min: 0,\r\n minInterval: 1,\r\n splitArea: {\r\n show: false,\r\n },\r\n\r\n axisLine: {\r\n show: true,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#eeebeb',\r\n type: 'dashed', // dotted 虚线\r\n },\r\n },\r\n axisLabel: {\r\n fontSize: 12,\r\n color: '#000',\r\n fontFamily: 'Bebas',\r\n },\r\n }],\r\n series: [{\r\n type: 'bar',\r\n barWidth: 20,\r\n itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n name: '时间',\r\n data: this.yData\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.xData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n })\r\n this.yData = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.quantity\r\n })\r\n this.drawBar()\r\n }\r\n }\r\n\r\n }\r\n }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/afc80f1f7ccfc2dfabc4c70ac6ac0a73.json b/node_modules/.cache/vue-loader/afc80f1f7ccfc2dfabc4c70ac6ac0a73.json
index 7864e9f4..e48a0b08 100644
--- a/node_modules/.cache/vue-loader/afc80f1f7ccfc2dfabc4c70ac6ac0a73.json
+++ b/node_modules/.cache/vue-loader/afc80f1f7ccfc2dfabc4c70ac6ac0a73.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675838623696},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n },\r\n mounted() { console.log(this.triggerType); },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <div class=\"typeContent\" v-show=\"status=='触发'\">\r\n \r\n <!-- <div v-if=\"title == '类型' && dataArr[data.length - 1].type_data\">\r\n <el-card v-for=\"(n,i) in dataArr[data.length - 1].type_data\" :key=\"i\">\r\n <div style=\"font-size: 30px; font-weight: bold\">\r\n {{ n.name }}\r\n {{ n.quantity }}\r\n </div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <el-card v-show=\"echartArr.includes('数值')\"\r\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr\">\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '类型'\">{{\r\n this.total\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">{{\r\n dataArr[dataArr.length -\r\n 1].speed\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</div>\r\n <div style=\"padding: 14px\">\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{\r\n [dataArr.length -\r\n 1].time\r\n }}</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n \r\n </div>\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n },\r\n mounted() { console.log(this.triggerType); },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n\r\n }\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n getTotal(arr) {\r\n // console.log(111, '163');\r\n // if (arr != undefined && arr) {\r\n\r\n\r\n var sum = arr.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n return sum\r\n }\r\n\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n mounted() { },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal && newVal[newVal.length - 1] != undefined) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n }\r\n },\r\n deep: true,\r\n immediate: true\r\n },\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <!-- 触发类型 -->\r\n <div class=\"setion\" v-if=\"isRefer\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n <!-- 触发数据数值渲染 -->\r\n <div class=\"typeContent\" v-if=\"triggerType == '触发' || '周期时刻'\">\r\n\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n <el-card v-for=\"(n, i) in dataArr[dataArr.length - 1].type_data\" :key=\"i\"\r\n style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div>\r\n <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </el-card>\r\n </div>\r\n </div>\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"dataArr && dataArr.length != 0\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">\r\n {{ this.total }}\r\n </span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n <span style=\"font-size: 15px;\">速度</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[dataArr.length - 1].speed }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n <span style=\"font-size: 15px;\">流量</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].flow\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n <span style=\"font-size: 15px;\">车头时距</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].heavy\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n <span style=\"font-size: 15px;\">排队数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_queue\r\n }}</span>\r\n </div>\r\n <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n <span style=\"font-size: 15px;\">检测数</span>\r\n <span style=\"font-size: 30px; font-weight: bold\">{{\r\n dataArr[dataArr.length -\r\n 1].n_stay\r\n }}</span>\r\n </div>\r\n <div>\r\n <div>\r\n {{ dataArr[dataArr.length - 1].time }}\r\n </div>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n\r\n </div>\r\n <!-- <div class=\"typeContent\" v-if=\"triggerType == '周期时刻'\">\r\n <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n <div v-if=\"cycleTimeData != undefined\">\r\n <div v-if=\"title == '类型'\">\r\n <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n <span style=\"font-size: 30px; font-weight: bold\">{{}}</span>\r\n </div>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n </el-card>\r\n </div> -->\r\n <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n <div v-show=\"echartArr.includes('表格')\">\r\n <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n </div>\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n <detailDialog />\r\n <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n <detailDialog />\r\n <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n <detailDialog />\r\n <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n <detailDialog />\r\n <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n :status=\"triggerType\" :title=\"title\" />\r\n </div>\r\n\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n name: 'typeChart', //类型组件\r\n props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n regionTable,\r\n pieChart,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n // 类型数值\r\n total: 0,\r\n // 速度数值\r\n speed: 0,\r\n // 流量数值\r\n flow: 0,\r\n isRefer: true\r\n };\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n // 计算类型的数值\r\n\r\n getTotal(arr) {\r\n // console.log(111, '163');\r\n // if (arr != undefined && arr) {\r\n\r\n\r\n var sum = arr.reduce(function (prev, cur) {\r\n return cur.quantity + prev;\r\n }, 0);\r\n return sum\r\n }\r\n\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n mounted() { },\r\n watch: {\r\n // 监听触发数据\r\n dataArr: {\r\n handler(newVal) {\r\n this.total = 0\r\n if (newVal && newVal[newVal.length - 1] != undefined) {\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.total += ele.quantity\r\n })\r\n }\r\n },\r\n deep: true,\r\n immediate: true\r\n },\r\n // cycleTimeData: {\r\n // handler(newVal) {\r\n // console.log(newVal);\r\n // }\r\n // }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b4426ff83e29104a0b0872dd37e1c02f.json b/node_modules/.cache/vue-loader/b4426ff83e29104a0b0872dd37e1c02f.json
index e5c23997..8adc9530 100644
--- a/node_modules/.cache/vue-loader/b4426ff83e29104a0b0872dd37e1c02f.json
+++ b/node_modules/.cache/vue-loader/b4426ff83e29104a0b0872dd37e1c02f.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675837778768},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData:{\r\n type:Array,\r\n default(){\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n console.log(this.sectionData);\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n // this.siftData()\r\n // 处理获取过来的数据\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelector('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = '100vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n console.log(newVal, 'triggerlistData');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined) {\r\n ele.trigger = []\r\n }\r\n this.triggerList.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id) {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n this.siftData()\r\n }\r\n\r\n },\r\n immediate: true\r\n\r\n }\r\n },\r\n\r\n // 周期时刻的数据\r\n cycleTimeData:{\r\n handler(newVal){\r\n console.log(newVal,440);\r\n },\r\n immediate: true\r\n }\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA;;;;AAIA;AACA;;;AAGA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"componentList.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length == 1 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\r\n </div>\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\" triggerType=\"触发\"\r\n :componentName=\"o.componentName\" :echartArr=\"o.presentationForm\" />\r\n <typeChart v-else :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.trigger\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName='o.combinationName' />\r\n </div>\r\n <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n\r\n\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n <!-- :data=\"triggerList.length != 0 ? tripHandle(o) : tableData\" -->\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData:{\r\n type:Array,\r\n default(){\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n console.log(this.sectionData);\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n // this.siftData()\r\n // 处理获取过来的数据\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelector('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = sectionBox.firstChild.offsetHeight + 30 + 'px';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox != undefined) {\r\n sectionBox.style.height = '100vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n console.log(newVal, 'triggerlistData');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined) {\r\n ele.trigger = []\r\n }\r\n this.triggerList.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id) {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n this.siftData()\r\n }\r\n\r\n },\r\n immediate: true\r\n\r\n }\r\n },\r\n\r\n // 周期时刻的数据\r\n cycleTimeData:{\r\n handler(newVal){\r\n console.log(newVal,440);\r\n },\r\n immediate: true\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n height: 500px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: 100vh;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675939165954},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n this.siftData()\r\n // 处理获取过来的数据\r\n // this.componentList.forEach((val) => {\r\n // this.sectionArr.push(val.combinationName);\r\n // this.sectionArr = Array.from(new Set(this.sectionArr));\r\n // });\r\n // this.sectionData = this.sectionArr.map((item) => {\r\n // item = { title: item, children: [] };\r\n // this.componentList.forEach((val) => {\r\n // if (item.title == val.combinationName) {\r\n // item.children.push(val);\r\n // }\r\n // });\r\n // return item;\r\n // });\r\n console.log(this.sectionData, '455');\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = 'auto';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = '48vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n // 触发数据\r\n // console.log(newVal, 'triggerlistData');\r\n if (newVal) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n }\r\n },\r\n immediate: true\r\n\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '440');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻' && ele.analogAreaGraphId == item.graphical_id) {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.pop()\r\n\r\n } else {\r\n ele.cycleTimeData.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n console.log(this.sectionData, '455');\r\n }\r\n },\r\n immediate: true\r\n }\r\n },\r\n\r\n\r\n\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA;;;;AAIA;AACA;;;AAGA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"componentList.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref='dataBoard' v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length <= 2 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span>\r\n </div>\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\"\r\n triggerType=\"触发\" :componentName=\"o.componentName\"\r\n :echartArr=\"o.presentationForm\" />\r\n <typeChart v-else :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\"\r\n :dataArr=\"o.timeMode == '触发' ? o.trigger : o.cycleTimeData\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName='o.combinationName' />\r\n </div>\r\n <!-- :data=\"triggerList.length != 0 ? triggerList : tableData\" -->\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n <!-- :data=\"triggerList.length != 0 ? tripHandle(o) : tableData\" -->\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n // 触发数据断面与区域相同\r\n tableData: [\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:11.156',\r\n obj_id: 125,\r\n type: 'Person',\r\n plate: '苏A0131M',\r\n speed: 35.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 19\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:12.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 70.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 6.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:13.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 10.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:14.156',\r\n obj_id: 125,\r\n type: 'Non_Motor',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 2.5\r\n },\r\n {\r\n steam_id: 0,\r\n time: '2022-10-01 09:15:15.156',\r\n obj_id: 125,\r\n type: 'Motor Vehicle',\r\n plate: '苏A0131M',\r\n speed: 60.2,\r\n event: 'in',\r\n lane: 0,\r\n headWay: 11.5\r\n }\r\n ],\r\n\r\n // 断面的周期统计\r\n sectionList: [\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 147,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 30\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 123,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 40\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 80,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 50\r\n },\r\n {\r\n steam_id: '0',\r\n gate_id: 'Gate_1',\r\n name: '西进口',\r\n timestamp: '2022-10-1',\r\n interval: '53',\r\n type: 'truck',\r\n in_flow: 90,\r\n out_flow: 120,\r\n flow: 210,\r\n in_spd: 20.1,\r\n out_spd: 30.6,\r\n speed: 77\r\n }\r\n ],\r\n // 区域的周期时刻\r\n regionList1: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 5.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 12.6\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 10\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n frame: 1000,\r\n type: 'car',\r\n n_stay: 3,\r\n n_queue: 2,\r\n occ: 1,\r\n speed: 6\r\n }\r\n ],\r\n // 区域的周期统计\r\n regionList2: [\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 8,\r\n ave_speed: 12\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 7,\r\n ave_speed: 22\r\n },\r\n {\r\n zone_id: '0',\r\n gate_id: 'Zone_1',\r\n name: '西进口左1',\r\n timestamp: '2022-10-1',\r\n type: 'car',\r\n enter_flow: 1,\r\n leave_flow: 3,\r\n ave_stay: 3.2,\r\n ave_queue: 2.9,\r\n ave_occ: 0.56,\r\n ave_delay: 17,\r\n ave_speed: 12\r\n }\r\n ],\r\n\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n\r\n tripData: [],\r\n\r\n sectionArr: []\r\n };\r\n },\r\n created() {\r\n this.idVal = this.$route.query.id;\r\n getComponentSection({ VideoId: this.idVal }).then((res) => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '11111111111111111');\r\n this.componentList = res.data.data\r\n this.siftData()\r\n // 处理获取过来的数据\r\n // this.componentList.forEach((val) => {\r\n // this.sectionArr.push(val.combinationName);\r\n // this.sectionArr = Array.from(new Set(this.sectionArr));\r\n // });\r\n // this.sectionData = this.sectionArr.map((item) => {\r\n // item = { title: item, children: [] };\r\n // this.componentList.forEach((val) => {\r\n // if (item.title == val.combinationName) {\r\n // item.children.push(val);\r\n // }\r\n // });\r\n // return item;\r\n // });\r\n console.log(this.sectionData, '455');\r\n } else if (res.data.code == 404) {\r\n }\r\n });\r\n\r\n },\r\n methods: {\r\n\r\n siftData() {\r\n this.componentList.forEach((val) => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map((item) => {\r\n item = { title: item, children: [] };\r\n this.componentList.forEach((val) => {\r\n if (item.title == val.combinationName) {\r\n item.children.push(val);\r\n }\r\n });\r\n return item;\r\n });\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = 'auto';\r\n }\r\n\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n sectionBox[i].style.height = '48vh'\r\n }\r\n\r\n\r\n }\r\n },\r\n\r\n\r\n // 触发数据的类型数值\r\n\r\n },\r\n mounted() {\r\n },\r\n watch: {\r\n\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) {\r\n },\r\n immediate: true\r\n },\r\n\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal\r\n // 触发数据\r\n // console.log(newVal, 'triggerlistData');\r\n if (newVal) {\r\n this.componentList.forEach(ele => {\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.pop()\r\n\r\n } else {\r\n ele.trigger.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n }\r\n },\r\n immediate: true\r\n\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '440');\r\n if (newVal.length != 0) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = []\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻' && ele.analogAreaGraphId == item.graphical_id) {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.pop()\r\n\r\n } else {\r\n ele.cycleTimeData.unshift(item)\r\n }\r\n }\r\n })\r\n })\r\n console.log(this.sectionData, '455');\r\n }\r\n },\r\n immediate: true\r\n }\r\n },\r\n\r\n\r\n\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\r\n \r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n height: 500px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: 48vh;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox:nth-child(1) {\r\n margin-bottom: 4vh;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bcc193fc479b37ed18c24238ccd46902.json b/node_modules/.cache/vue-loader/bcc193fc479b37ed18c24238ccd46902.json
index 43e965c1..2fa32388 100644
--- a/node_modules/.cache/vue-loader/bcc193fc479b37ed18c24238ccd46902.json
+++ b/node_modules/.cache/vue-loader/bcc193fc479b37ed18c24238ccd46902.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675837778768},{"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=\"o.timeMode\"\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]}
\ No newline at end of file
+{"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":1675939165954},{"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 <= 2 ? '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\"\n triggerType=\"触发\" :componentName=\"o.componentName\"\n :echartArr=\"o.presentationForm\" />\n <typeChart v-else :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\n :componentName=\"o.componentName\"\n :dataArr=\"o.timeMode == '触发' ? o.trigger : o.cycleTimeData\"\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 </div>\n </el-scrollbar>\n <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bcf3301b64119b0e91cd36f71269bf35.json b/node_modules/.cache/vue-loader/bcf3301b64119b0e91cd36f71269bf35.json
index c1001265..4c8a545d 100644
--- a/node_modules/.cache/vue-loader/bcf3301b64119b0e91cd36f71269bf35.json
+++ b/node_modules/.cache/vue-loader/bcf3301b64119b0e91cd36f71269bf35.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675751458095},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n </el-table>\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n <!-- 断面的表格 -->\r\n <div class=\"tableContent\">\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span class=\"moreIcon\"></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n <!-- 触发 -->\r\n\r\n <!-- 触发 -->\r\n <div v-if=\"msg\">\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n <el-table-column align=\"center\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n </el-table>\r\n\r\n\r\n <!-- 周期统计 -->\r\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n </el-table>\r\n </div>\r\n <div v-else>\r\n <el-empty :image-size=\"100\"></el-empty>\r\n </div>\r\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n <el-form :model=\"msg\" label-width=\"80px\">\r\n <el-form-item label=\"val1\">\r\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n </el-time-select>\r\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n </el-time-select>\r\n </el-form-item>\r\n <el-form-item label=\"val2\">\r\n <el-select v-model=\"value\" placeholder=\"请选择\">\r\n <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n </el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"val3\">\r\n <el-input v-model=\"msg[0].val3\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"val4\">\r\n <el-checkbox-group v-model=\"checkList\">\r\n <el-checkbox label=\"数值\"></el-checkbox>\r\n <el-checkbox label=\"表格\"></el-checkbox>\r\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n <el-checkbox label=\"均值图\"></el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\">确认</el-button>\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'tableShow', //表格组件\r\n props: {\r\n msg: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n type: {\r\n type: String\r\n }\r\n },\r\n data() {\r\n return {\r\n dialogVisible: false,\r\n startTime: '',\r\n endTime: '',\r\n checkList: ['复选框 A'],\r\n options: [\r\n {\r\n value: '选项1',\r\n label: '黄金糕'\r\n },\r\n {\r\n value: '选项2',\r\n label: '双皮奶'\r\n },\r\n {\r\n value: '选项3',\r\n label: '蚵仔煎'\r\n },\r\n {\r\n value: '选项4',\r\n label: '龙须面'\r\n },\r\n {\r\n value: '选项5',\r\n label: '北京烤鸭'\r\n }\r\n ],\r\n value: ''\r\n };\r\n },\r\n methods: {\r\n handleCommand(command) {\r\n // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true;\r\n }\r\n },\r\n onSubmit() { },\r\n handleClose() { }\r\n },\r\n mounted() { }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n position: relative;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: -35px;\r\n right: 5px;\r\n z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n width: 5px;\r\n height: 18px;\r\n background-size: 5px 18px;\r\n background-image: url(../../assets/img/more.png);\r\n display: block;\r\n}\r\n\r\n.el-form-item {\r\n margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c1399f65a2d3d27fad043619d50e153a.json b/node_modules/.cache/vue-loader/c1399f65a2d3d27fad043619d50e153a.json
index 00d32de1..8d2ee75b 100644
--- a/node_modules/.cache/vue-loader/c1399f65a2d3d27fad043619d50e153a.json
+++ b/node_modules/.cache/vue-loader/c1399f65a2d3d27fad043619d50e153a.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","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\\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<!-- 区域的表格 -->\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span class=\"moreIcon\"></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n\n <!-- 触发 -->\n <div v-if=\"msg\">\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' || '触发'\">\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\n <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.occ == '1'\">占用</span>\n\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n </el-table>\n <!-- 周期统计 -->\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\n </el-table>\n </div>\n <div v-else>\n <el-empty :image-size=\"100\"></el-empty>\n </div>\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select>\n <el-option> </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"dialogVisible\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"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<!-- 区域的表格 -->\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span class=\"moreIcon\"></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n\n\n <div v-if=\"msg\">\n <!-- 触发 -->\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发' \">\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.occ == '1'\">占用</span>\n\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n </el-table>\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' \">\n <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.occ == '1'\">占用</span>\n\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n </el-table>\n <!-- 周期统计 -->\n <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n <el-table-column align=\"center\" label=\"目标类型\">\n <template slot-scope=\"scope\">\n <span v-if=\"scope.row.type == 'Person'\">行人</span>\n <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\n <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\n </template>\n </el-table-column>\n <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\n <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\n </el-table>\n </div>\n\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select>\n <el-option> </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"dialogVisible\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c25c72ff0904727fed0b705731e92702.json b/node_modules/.cache/vue-loader/c25c72ff0904727fed0b705731e92702.json
index d3346ac0..4297a76b 100644
--- a/node_modules/.cache/vue-loader/c25c72ff0904727fed0b705731e92702.json
+++ b/node_modules/.cache/vue-loader/c25c72ff0904727fed0b705731e92702.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":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 }"]}
\ No newline at end of file
+{"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":1675938918590},{"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 }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c8f503a3a7b0a9abfe9d2a12fda27b64.json b/node_modules/.cache/vue-loader/c8f503a3a7b0a9abfe9d2a12fda27b64.json
index 332c5797..cf952ab9 100644
--- a/node_modules/.cache/vue-loader/c8f503a3a7b0a9abfe9d2a12fda27b64.json
+++ b/node_modules/.cache/vue-loader/c8f503a3a7b0a9abfe9d2a12fda27b64.json
@@ -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":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"]}
\ No newline at end of file
+{"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":1675934208139},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/da3d4406a4456b1527b832f4e89a9d1e.json b/node_modules/.cache/vue-loader/da3d4406a4456b1527b832f4e89a9d1e.json
index 93940ca2..c883e9da 100644
--- a/node_modules/.cache/vue-loader/da3d4406a4456b1527b832f4e89a9d1e.json
+++ b/node_modules/.cache/vue-loader/da3d4406a4456b1527b832f4e89a9d1e.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","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\\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(\n \"div\",\n { staticClass: \"tableContent\" },\n [\n _c(\n \"div\",\n { staticClass: \"down\" },\n [\n _c(\n \"el-dropdown\",\n { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n [\n _c(\"span\", { staticClass: \"moreIcon\" }),\n _c(\n \"el-dropdown-menu\",\n { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n [\n _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n _vm._v(\"查看详情\")\n ])\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _vm.msg\n ? _c(\n \"div\",\n [\n _vm.type == \"触发\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"steam_id\",\n label: \"视频路\"\n }\n }),\n _vm.type == \"周期时刻\" || \"触发\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"zone_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_stay\",\n label: \"存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_queue\",\n label: \"排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"occ\",\n label: \"占用状态\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"空间平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n : _vm._e(),\n _vm.type == \"周期统计\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"gate_id\",\n label: \"断面编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"断面名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"interval\",\n label: \"时间序号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"type\",\n label: \"目标类型\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"in_flow\",\n label: \"入流流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"out_flow\",\n label: \"出流流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"flow\",\n label: \"断面流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"in_spd\",\n label: \"入流平均速度\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"out_spd\",\n label: \"出流平均速度\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"断面的平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n : _c(\"div\", [_c(\"el-empty\", { attrs: { \"image-size\": 100 } })], 1),\n _c(\n \"el-dialog\",\n {\n attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n on: {\n \"update:visible\": function($event) {\n _vm.dialogVisible = $event\n }\n }\n },\n [\n _c(\n \"el-form\",\n { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"val1\" } },\n [\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"起始时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\"\n }\n },\n model: {\n value: _vm.startTime,\n callback: function($$v) {\n _vm.startTime = $$v\n },\n expression: \"startTime\"\n }\n }),\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"结束时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\",\n minTime: _vm.startTime\n }\n },\n model: {\n value: _vm.endTime,\n callback: function($$v) {\n _vm.endTime = $$v\n },\n expression: \"endTime\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val2\" } },\n [\n _c(\n \"el-select\",\n {\n attrs: { placeholder: \"请选择\" },\n model: {\n value: _vm.value,\n callback: function($$v) {\n _vm.value = $$v\n },\n expression: \"value\"\n }\n },\n _vm._l(_vm.options, function(item) {\n return _c(\"el-option\", {\n key: item.value,\n attrs: { label: item.label, value: item.value }\n })\n }),\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val3\" } },\n [\n _c(\"el-input\", {\n model: {\n value: _vm.msg[0].val3,\n callback: function($$v) {\n _vm.$set(_vm.msg[0], \"val3\", $$v)\n },\n expression: \"msg[0].val3\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val4\" } },\n [\n _c(\n \"el-checkbox-group\",\n {\n model: {\n value: _vm.checkList,\n callback: function($$v) {\n _vm.checkList = $$v\n },\n expression: \"checkList\"\n }\n },\n [\n _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n _vm._v(\"确认\")\n ]),\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n _vm.dialogVisible = false\n }\n }\n },\n [_vm._v(\"取消\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"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\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"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(\n \"div\",\n { staticClass: \"tableContent\" },\n [\n _c(\n \"div\",\n { staticClass: \"down\" },\n [\n _c(\n \"el-dropdown\",\n { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n [\n _c(\"span\", { staticClass: \"moreIcon\" }),\n _c(\n \"el-dropdown-menu\",\n { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n [\n _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n _vm._v(\"查看详情\")\n ])\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _vm.msg\n ? _c(\n \"div\",\n [\n _vm.type == \"触发\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"steam_id\",\n label: \"视频路\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"zone_id\",\n label: \"区域编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"区域名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: { align: \"center\", label: \"目标类型\" },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_stay\",\n label: \"存车数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"n_queue\",\n label: \"排队数\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"occ\",\n label: \"占用状态\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"空间平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.type == \"周期统计\"\n ? _c(\n \"el-table\",\n {\n staticStyle: { width: \"100%\" },\n attrs: { data: _vm.msg }\n },\n [\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"gate_id\",\n label: \"断面编号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"name\",\n label: \"断面名称\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"timestamp\",\n label: \"时间戳\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"interval\",\n label: \"时间序号\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"type\",\n label: \"目标类型\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(scope) {\n return [\n scope.row.type == \"Person\"\n ? _c(\"span\", [_vm._v(\"行人\")])\n : _vm._e(),\n scope.row.type == \"Motor Vehicle\"\n ? _c(\"span\", [_vm._v(\"机动车\")])\n : _vm._e(),\n scope.row.type == \"Non_Motor\"\n ? _c(\"span\", [_vm._v(\"非机动车\")])\n : _vm._e()\n ]\n }\n }\n ],\n null,\n false,\n 769561401\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"in_flow\",\n label: \"入流流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"out_flow\",\n label: \"出流流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"flow\",\n label: \"断面流量\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"in_spd\",\n label: \"入流平均速度\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"out_spd\",\n label: \"出流平均速度\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n align: \"center\",\n prop: \"speed\",\n label: \"断面的平均速度\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n : _c(\"div\", [_c(\"el-empty\", { attrs: { \"image-size\": 100 } })], 1),\n _c(\n \"el-dialog\",\n {\n attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n on: {\n \"update:visible\": function($event) {\n _vm.dialogVisible = $event\n }\n }\n },\n [\n _c(\n \"el-form\",\n { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"val1\" } },\n [\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"起始时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\"\n }\n },\n model: {\n value: _vm.startTime,\n callback: function($$v) {\n _vm.startTime = $$v\n },\n expression: \"startTime\"\n }\n }),\n _c(\"el-time-select\", {\n attrs: {\n placeholder: \"结束时间\",\n \"picker-options\": {\n start: \"08:30\",\n step: \"00:15\",\n end: \"18:30\",\n minTime: _vm.startTime\n }\n },\n model: {\n value: _vm.endTime,\n callback: function($$v) {\n _vm.endTime = $$v\n },\n expression: \"endTime\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val2\" } },\n [\n _c(\n \"el-select\",\n {\n attrs: { placeholder: \"请选择\" },\n model: {\n value: _vm.value,\n callback: function($$v) {\n _vm.value = $$v\n },\n expression: \"value\"\n }\n },\n _vm._l(_vm.options, function(item) {\n return _c(\"el-option\", {\n key: item.value,\n attrs: { label: item.label, value: item.value }\n })\n }),\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val3\" } },\n [\n _c(\"el-input\", {\n model: {\n value: _vm.msg[0].val3,\n callback: function($$v) {\n _vm.$set(_vm.msg[0], \"val3\", $$v)\n },\n expression: \"msg[0].val3\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"val4\" } },\n [\n _c(\n \"el-checkbox-group\",\n {\n model: {\n value: _vm.checkList,\n callback: function($$v) {\n _vm.checkList = $$v\n },\n expression: \"checkList\"\n }\n },\n [\n _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n _vm._v(\"确认\")\n ]),\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n _vm.dialogVisible = false\n }\n }\n },\n [_vm._v(\"取消\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dd8ffe8b327bfaa509e62ba8adb467c7.json b/node_modules/.cache/vue-loader/dd8ffe8b327bfaa509e62ba8adb467c7.json
index 2c4abf1a..7023227c 100644
--- a/node_modules/.cache/vue-loader/dd8ffe8b327bfaa509e62ba8adb467c7.json
+++ b/node_modules/.cache/vue-loader/dd8ffe8b327bfaa509e62ba8adb467c7.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":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"]}
\ No newline at end of file
+{"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":1675936707056},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/de7b107cd541229ba21b6576c554ca6a.json b/node_modules/.cache/vue-loader/de7b107cd541229ba21b6576c554ca6a.json
index b097d935..99c81f19 100644
--- a/node_modules/.cache/vue-loader/de7b107cd541229ba21b6576c554ca6a.json
+++ b/node_modules/.cache/vue-loader/de7b107cd541229ba21b6576c554ca6a.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1675844738793},{"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 }"]}
\ No newline at end of file
+{"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":1675991031449},{"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 }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e02cd25a375ef1ed5960cb9aa322b078.json b/node_modules/.cache/vue-loader/e02cd25a375ef1ed5960cb9aa322b078.json
index 71a6ea55..33a6ed48 100644
--- a/node_modules/.cache/vue-loader/e02cd25a375ef1ed5960cb9aa322b078.json
+++ b/node_modules/.cache/vue-loader/e02cd25a375ef1ed5960cb9aa322b078.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675837778768},{"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(\n \"div\",\n { ref: \"box\", staticClass: \"box\" },\n [\n _c(\"el-empty\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.componentList.length == 0,\n expression: \"componentList.length == 0\"\n }\n ],\n attrs: { \"image-size\": 400 }\n }),\n _c(\"el-scrollbar\", { staticClass: \"scrollbar\" }, [\n _vm.activeName == \"second\"\n ? _c(\"div\", { ref: \"dataBoard\", staticClass: \"dataBoard\" }, [\n _c(\n \"div\",\n { ref: \"plate1\", staticClass: \"plate1\" },\n _vm._l(_vm.sectionData, function(s, i) {\n return _c(\n \"div\",\n {\n key: s.analogAreaComponentId,\n ref: \"section\",\n refInFor: true,\n class:\n _vm.sectionData.length == 1 ? \"sectionBox\" : \"section\"\n },\n [\n [\n _c(\n \"div\",\n { ref: \"sectionContent\", refInFor: true },\n [\n _c(\"div\", [\n _c(\"p\", { staticClass: \"board-title\" }, [\n _c(\"span\", [_vm._v(_vm._s(s.title))])\n ]),\n _c(\"span\", {\n staticClass: \"downPull1\",\n attrs: { \"data-num\": \"1\" },\n on: {\n click: function($event) {\n return _vm.sectionHandle(i)\n }\n }\n })\n ]),\n _vm._l(s.children, function(o) {\n return _c(\n \"div\",\n { key: o.analogAreaComponentId },\n [\n o.componentName.includes(\"OD\")\n ? _c(\"OD\", {\n attrs: {\n pageType: o.graphicType,\n triggerType: \"触发\",\n componentName: o.componentName,\n echartArr: o.presentationForm\n }\n })\n : _c(\"typeChart\", {\n attrs: {\n pageType: o.graphicType,\n triggerType: o.timeMode,\n componentName: o.componentName,\n dataArr: o.trigger,\n echartArr: o.presentationForm,\n title: o.componentName.split(\"_\")[0],\n chartName: o.combinationName\n }\n })\n ],\n 1\n )\n })\n ],\n 2\n )\n ]\n ],\n 2\n )\n }),\n 0\n )\n ])\n : _vm._e()\n ])\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"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\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675939165954},{"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(\n \"div\",\n { ref: \"box\", staticClass: \"box\" },\n [\n _c(\"el-empty\", {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.componentList.length == 0,\n expression: \"componentList.length == 0\"\n }\n ],\n attrs: { \"image-size\": 400 }\n }),\n _c(\"el-scrollbar\", { staticClass: \"scrollbar\" }, [\n _vm.activeName == \"second\"\n ? _c(\"div\", { ref: \"dataBoard\", staticClass: \"dataBoard\" }, [\n _c(\n \"div\",\n { ref: \"plate1\", staticClass: \"plate1\" },\n _vm._l(_vm.sectionData, function(s, i) {\n return _c(\n \"div\",\n {\n key: s.analogAreaComponentId,\n ref: \"section\",\n refInFor: true,\n class:\n _vm.sectionData.length <= 2 ? \"sectionBox\" : \"section\"\n },\n [\n [\n _c(\n \"div\",\n { ref: \"sectionContent\", refInFor: true },\n [\n _c(\"div\", [\n _c(\"p\", { staticClass: \"board-title\" }, [\n _c(\"span\", [_vm._v(_vm._s(s.title))])\n ]),\n _c(\"span\", {\n staticClass: \"downPull1\",\n attrs: { \"data-num\": \"1\" },\n on: {\n click: function($event) {\n return _vm.sectionHandle(i)\n }\n }\n })\n ]),\n _vm._l(s.children, function(o) {\n return _c(\n \"div\",\n { key: o.analogAreaComponentId },\n [\n o.componentName.includes(\"OD\")\n ? _c(\"OD\", {\n attrs: {\n pageType: o.graphicType,\n triggerType: \"触发\",\n componentName: o.componentName,\n echartArr: o.presentationForm\n }\n })\n : _c(\"typeChart\", {\n attrs: {\n pageType: o.graphicType,\n triggerType: o.timeMode,\n componentName: o.componentName,\n dataArr:\n o.timeMode == \"触发\"\n ? o.trigger\n : o.cycleTimeData,\n echartArr: o.presentationForm,\n title: o.componentName.split(\"_\")[0],\n chartName: o.combinationName\n }\n })\n ],\n 1\n )\n })\n ],\n 2\n )\n ]\n ],\n 2\n )\n }),\n 0\n )\n ])\n : _vm._e()\n ])\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e3e15bf08ee228400a102eb921e801c8.json b/node_modules/.cache/vue-loader/e3e15bf08ee228400a102eb921e801c8.json
index 02611373..dc60d04a 100644
--- a/node_modules/.cache/vue-loader/e3e15bf08ee228400a102eb921e801c8.json
+++ b/node_modules/.cache/vue-loader/e3e15bf08ee228400a102eb921e801c8.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1675837778768},{"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"]}
\ No newline at end of file
+{"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":1675939165954},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e716b87078d232f2f70ede2308e6ed81.json b/node_modules/.cache/vue-loader/e716b87078d232f2f70ede2308e6ed81.json
index e64abfe7..a324e00d 100644
--- a/node_modules/.cache/vue-loader/e716b87078d232f2f70ede2308e6ed81.json
+++ b/node_modules/.cache/vue-loader/e716b87078d232f2f70ede2308e6ed81.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675837968763},{"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"]}
\ No newline at end of file
+{"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":1675992619804},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eede9486e49dc5d04087dada1e975232.json b/node_modules/.cache/vue-loader/eede9486e49dc5d04087dada1e975232.json
index 500aba8f..b2023e58 100644
--- a/node_modules/.cache/vue-loader/eede9486e49dc5d04087dada1e975232.json
+++ b/node_modules/.cache/vue-loader/eede9486e49dc5d04087dada1e975232.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","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\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['48%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['48%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal.length != 0) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1675938900705},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['50%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'pieChart',//饼图图组件\r\n props: {\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n },\r\n componentName: {\r\n type: String\r\n },\r\n chartName: {\r\n type: String\r\n }\r\n\r\n },\r\n data() {\r\n\r\n return {\r\n // 图例数据\r\n legend: [],\r\n // pie图数据\r\n seriesData: []\r\n }\r\n },\r\n created() {\r\n \r\n },\r\n methods: {\r\n drawPie() {\r\n let myChart = this.$echarts.getInstanceByDom(this.$refs.pieChart)\r\n if (myChart == null) {\r\n myChart = this.$echarts.init(this.$refs.pieChart)\r\n }\r\n var color = [\r\n '#0CD2E6',\r\n '#3751E6',\r\n '#FFC722'\r\n ];\r\n let option = {\r\n title:{\r\n show:true,\r\n text:this.componentName + '-' + this.chartName + '-' + '饼状图',\r\n textStyle:{\r\n lineHeight:'30',\r\n }\r\n },\r\n color: color,\r\n legend: {\r\n top: 20,\r\n right: 'center',\r\n textStyle: {\r\n\r\n },\r\n data: this.legend,\r\n },\r\n tooltip: {},\r\n series: [{\r\n type: 'pie',\r\n center: ['50%', '55%'],\r\n radius: '70%',\r\n label: {\r\n normal: {\r\n show: false,\r\n },\r\n },\r\n labelLine: {\r\n show: false,\r\n length: 0,\r\n length2: 0,\r\n },\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'inside',\r\n formatter: '{value|{c}}',\r\n rich: {\r\n value: {\r\n fontSize: 20,\r\n color: '#ffffff',\r\n },\r\n },\r\n }\r\n },\r\n data: this.seriesData,\r\n }],\r\n };\r\n\r\n myChart.setOption(option)\r\n\r\n\r\n // window.onresize = () => { // 根据窗口大小变化图表自适应\r\n // myChart.resize();\r\n // };\r\n window.addEventListener('resize', function () {\r\n myChart.resize()\r\n }\r\n )\r\n\r\n },\r\n },\r\n mounted() {\r\n \r\n },\r\n watch: {\r\n list: {\r\n handler(newVal) {\r\n if (newVal) {\r\n this.legend = newVal[newVal.length - 1].type_data.map(ele => {\r\n return ele.name\r\n });\r\n newVal[newVal.length - 1].type_data.forEach(ele => {\r\n this.seriesData.push({\r\n name: ele.name,\r\n value: ele.quantity\r\n })\r\n })\r\n this.drawPie()\r\n this.seriesData = []\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f724cdbcc8e19685ff7927a5e9b5866d.json b/node_modules/.cache/vue-loader/f724cdbcc8e19685ff7927a5e9b5866d.json
index 3c63227e..fff4783d 100644
--- a/node_modules/.cache/vue-loader/f724cdbcc8e19685ff7927a5e9b5866d.json
+++ b/node_modules/.cache/vue-loader/f724cdbcc8e19685ff7927a5e9b5866d.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":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 }"]}
\ No newline at end of file
+{"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":1675938900705},{"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 }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fab6a8d71ed3ee8941a0900c1be7810b.json b/node_modules/.cache/vue-loader/fab6a8d71ed3ee8941a0900c1be7810b.json
index ce290215..481202c1 100644
--- a/node_modules/.cache/vue-loader/fab6a8d71ed3ee8941a0900c1be7810b.json
+++ b/node_modules/.cache/vue-loader/fab6a8d71ed3ee8941a0900c1be7810b.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":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"]}
\ No newline at end of file
+{"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":1675938918590},{"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"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fffe1e5d81c6836b5497bfe17d60a658.json b/node_modules/.cache/vue-loader/fffe1e5d81c6836b5497bfe17d60a658.json
index 4a3f2f34..b93b3ca9 100644
--- a/node_modules/.cache/vue-loader/fffe1e5d81c6836b5497bfe17d60a658.json
+++ b/node_modules/.cache/vue-loader/fffe1e5d81c6836b5497bfe17d60a658.json
@@ -1 +1 @@
-{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":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"]}
\ No newline at end of file
+{"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":1675935904354},{"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"]}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ceeb92b2..eedd1f39 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7691,6 +7691,11 @@
"url-parse": "^1.4.3"
}
},
+ "os": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/os/-/os-0.1.2.tgz",
+ "integrity": "sha512-ZoXJkvAnljwvc56MbvhtKVWmSkzV712k42Is2mA0+0KTSRakq5XXuXpjZjgAt9ctzl51ojhQWakQQpmOvXWfjQ=="
+ },
"os-browserify": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
diff --git a/package.json b/package.json
index 5edc9b88..b893efc5 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
"mavon-editor": "^2.6.17",
"mqtt": "^4.3.7",
"node-sass": "^5.0.0",
+ "os": "^0.1.2",
"sass-loader": "^10.1.0",
"view-design": "^4.3.2",
"vue": "^2.6.10",
@@ -26,7 +27,7 @@
"vue-router": "^3.0.3",
"vue-schart": "^2.0.0",
"vuedraggable": "^2.17.0",
- "vuex": "3.6.2"
+ "vuex": "^3.6.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.9.0",
diff --git a/public/VideoWeb/Build/APP.data.unityweb b/public/VideoWeb/Build/APP.data.unityweb
index 4d412827..1b1f74b8 100644
Binary files a/public/VideoWeb/Build/APP.data.unityweb and b/public/VideoWeb/Build/APP.data.unityweb differ
diff --git a/public/VideoWeb/Build/APP.framework.js.unityweb b/public/VideoWeb/Build/APP.framework.js.unityweb
index eb71c194..ba812993 100644
Binary files a/public/VideoWeb/Build/APP.framework.js.unityweb and b/public/VideoWeb/Build/APP.framework.js.unityweb differ
diff --git a/public/VideoWeb/Build/APP.wasm.unityweb b/public/VideoWeb/Build/APP.wasm.unityweb
index 00c9ecae..29f14616 100644
Binary files a/public/VideoWeb/Build/APP.wasm.unityweb and b/public/VideoWeb/Build/APP.wasm.unityweb differ
diff --git a/public/VideoWeb/StreamingAssets/IPSettings.txt b/public/VideoWeb/StreamingAssets/IPSettings.txt
index 2fcca720..957812ee 100644
--- a/public/VideoWeb/StreamingAssets/IPSettings.txt
+++ b/public/VideoWeb/StreamingAssets/IPSettings.txt
@@ -1 +1 @@
-http://172.16.1.168:5000
\ No newline at end of file
+http://172.16.1.168:5000
diff --git a/public/VideoWeb/TemplateData/block.png b/public/VideoWeb/TemplateData/block.png
new file mode 100644
index 00000000..945e79f8
Binary files /dev/null and b/public/VideoWeb/TemplateData/block.png differ
diff --git a/public/VideoWeb/TemplateData/style.css b/public/VideoWeb/TemplateData/style.css
index 4d402f40..e56304a6 100644
--- a/public/VideoWeb/TemplateData/style.css
+++ b/public/VideoWeb/TemplateData/style.css
@@ -5,12 +5,21 @@ body { padding: 0; margin: 0 }
#unity-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
-#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+/* #unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center } */
+#unity-logo { width: 154px; height: 130px; }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
-#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
+/* #unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center } */
+#unity-webgl-logo { float:left; width: 204px; height: 38px;}
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
+#black{
+ position: absolute;
+ left: 27%;
+ top: 35%;
+ width: 50%;
+ height: 20%; background: url('block.png') no-repeat center
+}
diff --git a/public/VideoWeb/TemplateData/webgl-logo.png b/public/VideoWeb/TemplateData/webgl-logo1.png
similarity index 100%
rename from public/VideoWeb/TemplateData/webgl-logo.png
rename to public/VideoWeb/TemplateData/webgl-logo1.png
diff --git a/public/VideoWeb/index.html b/public/VideoWeb/index.html
index 1ae55625..d8844c64 100644
--- a/public/VideoWeb/index.html
+++ b/public/VideoWeb/index.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity WebGL Player | Painter</title>
- <link rel="shortcut icon" href="TemplateData/favicon.ico">
+ <!-- <link rel="shortcut icon" href="TemplateData/favicon.ico"> -->
<link rel="stylesheet" href="TemplateData/style.css">
</head>
<style>
@@ -29,6 +29,9 @@
<!-- <div id="unity-fullscreen-button"></div> -->
<!-- <div id="unity-build-title">Painter</div> -->
</div>
+ <div id='black'>
+
+ </div>
</div>
<script>
var container = document.querySelector("#unity-container");
@@ -37,7 +40,7 @@
var progressBarFull = document.querySelector("#unity-progress-bar-full");
var fullscreenButton = document.querySelector("#unity-fullscreen-button");
var warningBanner = document.querySelector("#unity-warning");
-
+ var black = document.querySelector("#black");
// Shows a temporary message banner/ribbon for a few seconds, or
// a permanent error message on top of the canvas if type=='error'.
// If type=='warning', a yellow highlight color is used.
@@ -114,9 +117,15 @@
script.src = loaderUrl;
script.onload = () => {
createUnityInstance(canvas, config, (progress) => {
+
progressBarFull.style.width = 100 * progress + "%";
+ if(progressBarFull.style.width==90+"%"){
+ black.style.display = "block";
+ }
+
}).then((unityInstance) => {
unity = unityInstance
+
loadingBar.style.display = "none";
// fullscreenButton.onclick = () => {
// unityInstance.SetFullscreen(1);
@@ -128,14 +137,21 @@
//unity初始化
function OnSceneLoaded(){
window.parent.OnScene();
-
+ black.style.display = "none";
}
//初始化传离线视频数据功能
function lixianVideo(string){
- console.log("string",string)
+ console.log("离线视频数据",string)
if(unity!=null){
unity.SendMessage('AAA','Unity_OfflineDataPrepare', string);
}
+ }
+ //获取ip
+ function getIpData(string){
+ console.log("获取ip",string)
+ if(unity!=null){
+ unity.SendMessage('GameManager','SetIP', string);
+ }
}
//获取图像
function getDestination(string){
diff --git a/public/analysisWeb/StreamingAssets/IPSettings.txt b/public/analysisWeb/StreamingAssets/IPSettings.txt
index 2fcca720..af3ba72c 100644
--- a/public/analysisWeb/StreamingAssets/IPSettings.txt
+++ b/public/analysisWeb/StreamingAssets/IPSettings.txt
@@ -1 +1 @@
-http://172.16.1.168:5000
\ No newline at end of file
+http://127.0.0.1:5000
\ No newline at end of file
diff --git a/public/analysisWeb/TemplateData/block.png b/public/analysisWeb/TemplateData/block.png
new file mode 100644
index 00000000..945e79f8
Binary files /dev/null and b/public/analysisWeb/TemplateData/block.png differ
diff --git a/public/analysisWeb/TemplateData/style.css b/public/analysisWeb/TemplateData/style.css
index 4d402f40..9d739fdc 100644
--- a/public/analysisWeb/TemplateData/style.css
+++ b/public/analysisWeb/TemplateData/style.css
@@ -10,7 +10,8 @@ body { padding: 0; margin: 0 }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
-#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
+/* #unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center } */
+#unity-webgl-logo { float:left; width: 204px; height: 38px; }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
diff --git a/public/analysisWeb/index.html b/public/analysisWeb/index.html
index 858fbfc0..b7ecd45d 100644
--- a/public/analysisWeb/index.html
+++ b/public/analysisWeb/index.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity WebGL Player | Painter</title>
- <link rel="shortcut icon" href="TemplateData/favicon.ico">
+ <!-- <link rel="shortcut icon" href="TemplateData/favicon.ico"> -->
<link rel="stylesheet" href="TemplateData/style.css">
<style>
body,html{
diff --git a/src/components/chart/avgChart.vue b/src/components/chart/avgChart.vue
index 86086ea6..3ee0b74c 100644
--- a/src/components/chart/avgChart.vue
+++ b/src/components/chart/avgChart.vue
@@ -4,7 +4,7 @@
<script>
export default {
- name: 'barChart', //饼图组件
+ name: 'barChart', //均值图图组件
props: {
list: Array,
default() {
@@ -16,8 +16,10 @@ export default {
},
methods: {
drawBar(arr) {
- if (myChart != undefined) { myChart.clear() }
- 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 chartData = [{ stage: '值', number: 40 }];
let option = {
color: ['#0EECE4'],
@@ -178,7 +180,7 @@ export default {
watch:{
list:{
handler(newVal){
- if(newVal.length!=0){
+ if(newVal){
this.drawBar(newVal);
}
}
diff --git a/src/components/chart/barChart.vue b/src/components/chart/barChart.vue
index be526747..fa39ce04 100644
--- a/src/components/chart/barChart.vue
+++ b/src/components/chart/barChart.vue
@@ -130,7 +130,7 @@ export default {
watch: {
list: {
handler(newVal) {
- if (newVal.length != 0) {
+ if (newVal) {
this.xData = newVal[newVal.length - 1].type_data.map(ele => {
return ele.name
})
diff --git a/src/components/chart/lineChart.vue b/src/components/chart/lineChart.vue
index f6763a64..7759226b 100644
--- a/src/components/chart/lineChart.vue
+++ b/src/components/chart/lineChart.vue
@@ -49,19 +49,8 @@ export default {
tooltip: {
show: true
},
- serise: [{
- name: this.title,
- type: 'line',
- symbolSize: 6,
- smooth: true,
- itemStyle: {
- color: '#fb864b',
- borderColor: '#fb864b',
- // borderWidth: 2
- },
- data: this.yData
- },
- ]
+ series: []
+
};
},
created() {
@@ -136,19 +125,7 @@ export default {
}
}
],
- series: [{
- name: this.title,
- type: 'line',
- symbolSize: 6,
- smooth: true,
- itemStyle: {
- color: '#fb864b',
- borderColor: '#fb864b',
- // borderWidth: 2
- },
- data: this.yData,
-
- },]
+ series: this.series
};
myChart.setOption(option);
@@ -169,12 +146,25 @@ export default {
watch: {
list: {
handler(newVal) {
-
if (newVal) {
// x轴的数据
this.xData = newVal.map((val) => {
return val.time;
});
+
+ this.series = [{
+ name: '',
+ type: 'line',
+ symbolSize: 6,
+ smooth: true,
+ itemStyle: {
+ color: '#fb864b',
+ borderColor: '#fb864b',
+ // borderWidth: 2
+ },
+ data: []
+ }]
+
// 区域组件触发y轴展示
if (this.title == '类型') {
this.tooltip = {
@@ -182,58 +172,70 @@ export default {
show: true,
confine: true
}
- this.yData = newVal.map((val) => {
- return val.speed;
- });
- let mapNR1 = []
- newVal.map(function(ele) {
- if(ele.type_data!=null){
- var sum = ele.type_data.reduce(function(prev, cur) {
- return cur.quantity + prev;
- }, 0);
- mapNR1.push(sum)
- }
- })
- console.log("mapNR1",mapNR1)
- let arr = newVal.map(function(ele) {
- if(ele.type_data!=null){
+ this.series[0].name = '总量'
+
+ // 映射出类型数组
+ let arr = newVal.map(function (ele) {
+ if (ele.type_data != null) {
return ele.type_data
-
- }
+ }
})
- // arr[t].reduce((prev, next) => {
- // // return prev.quantity + next.quantity;
- // // });
- console.log("arr",arr)
var mapN = []
for (var t = 0; t < arr.length; t++) {
for (var i = 0; i < arr[t].length; i++) {
- mapN.push(arr[t][i])
+ mapN.push(arr[t][i])
}
-
- }
- // var mapNR = []
- // for (var t = 0; t < arr.length; t++) {
- // // arr[t].reduce((prev, next) => {
- // // return prev.quantity + next.quantity;
- // // });
- // var ne = arr[t].reduce((prev, next) => {
- // return prev.quantity + next.quantity;
- // });
- // mapNR.push(ne)
- // // for (var i = 0; i < arr[i].length; i++) {
-
- // // }
-
- // }
-
+ }
+ var lineArr = []
+ // 遍历需要多少条类型折线
+ if (newVal[newVal.length - 1] != undefined) {
+
+
+ newVal[newVal.length - 1].type_data.forEach(ele => {
+ lineArr.push({
+ name: ele.name,
+ type: 'line',
+ data: [],
+ smooth: true
+ })
+ })
+ }
+
+
+ // 筛选类型的数量
+ mapN.forEach(ele => {
+ if (ele.name == "机动车") {
+ lineArr[0].data.push(ele.quantity)
+
+ } else if (ele.name == '非机动车') {
+ lineArr[1].data.push(ele.quantity)
+ } else {
+ lineArr[2].data.push(ele.quantity)
+ }
+
+ })
+ for (let j = 0; j < lineArr.length; j++) {
+ this.series.push(lineArr[j])
+ }
+ // 总和数量
+ let mapNR1 = []
+ newVal.map(function (ele) {
+ if (ele.type_data != null) {
+ var sum = ele.type_data.reduce(function (prev, cur) {
+ return cur.quantity + prev;
+ }, 0);
+ mapNR1.push(sum)
+ }
+ })
+ // console.log("mapNR1", mapNR1)
+ this.series[0].data = mapNR1
} else if (this.title == '速度') {
this.tooltip = {
formatter: '{a} {b}:{c}km/h',
show: true,
confine: true
}
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
return val.speed;
});
@@ -243,7 +245,7 @@ export default {
show: true,
confine: true
}
- this.yData = newVal.map((ele) => {
+ this.series[0].data = newVal.map((ele) => {
return ele.in_flow + ele.out_flow
});
} else if (this.title == '车头时距') {
@@ -252,37 +254,39 @@ export default {
show: true,
confine: true
}
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
return val.ave_speed;
});
} else if (this.title == '排队数') {
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
return val.n_queue;
});
} else if (this.title == '检测数') {
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
return val.n_stay;
});
} else if (this.title == '延误') {
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
});
} else if (this.title == '拥堵') {
- this.yData = newVal.map((val) => {
+ this.series[0].data = newVal.map((val) => {
});
}
if (this.$refs.lineChart) {
this.$nextTick(() => {
this.drawLine();
+
})
}
}
},
- immediate: true
+ immediate: true,
+
}
}
diff --git a/src/components/chart/pieChart.vue b/src/components/chart/pieChart.vue
index d8d5c9d2..b59a75d3 100644
--- a/src/components/chart/pieChart.vue
+++ b/src/components/chart/pieChart.vue
@@ -65,7 +65,7 @@ export default {
tooltip: {},
series: [{
type: 'pie',
- center: ['48%', '55%'],
+ center: ['50%', '55%'],
radius: '70%',
label: {
normal: {
@@ -113,7 +113,7 @@ export default {
watch: {
list: {
handler(newVal) {
- if (newVal.length != 0) {
+ if (newVal) {
this.legend = newVal[newVal.length - 1].type_data.map(ele => {
return ele.name
});
diff --git a/src/components/chart/regionTable.vue b/src/components/chart/regionTable.vue
index d6bad1e6..f31060da 100644
--- a/src/components/chart/regionTable.vue
+++ b/src/components/chart/regionTable.vue
@@ -11,14 +11,36 @@
</el-dropdown>
</div>
- <!-- 触发 -->
+
<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="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" 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="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>
@@ -57,9 +79,7 @@
<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">
@@ -107,7 +127,7 @@ export default {
},
type: {
type: String
- }
+ },
},
data() {
return {
@@ -125,7 +145,9 @@ export default {
}
}
},
- mounted() { }
+ mounted() {
+ console.log(this.type,'129129');
+ }
};
</script>
<style scoped>
diff --git a/src/components/chart/tableShow.vue b/src/components/chart/tableShow.vue
index ca66814b..15a29e68 100644
--- a/src/components/chart/tableShow.vue
+++ b/src/components/chart/tableShow.vue
@@ -15,23 +15,22 @@
<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-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>
diff --git a/src/components/chart/thermalChart.vue b/src/components/chart/thermalChart.vue
index 93272bfc..71b9cdea 100644
--- a/src/components/chart/thermalChart.vue
+++ b/src/components/chart/thermalChart.vue
@@ -6,7 +6,31 @@
export default {
name: 'thermalChart', //热点图组件
data() {
- return {};
+ return {
+ endData: [],
+ startData: [],
+ odData: []
+ };
+ },
+ props: {
+ list: {
+ type: Array,
+ default() {
+ return [];
+ }
+ },
+ pageType: {
+ type: String
+ },
+ title: {
+ type: String
+ },
+ // status: {
+ // type: String
+ // },
+ // componentName: {
+ // type: String
+ // },
},
methods: {
drawThermalChart() {
@@ -33,7 +57,7 @@ export default {
splitLine: { show: false },
axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },
type: 'category',
- data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],
+ data: this.endData,
splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }
},
yAxis: {
@@ -43,7 +67,7 @@ export default {
splitLine: { show: false },
axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },
type: 'category',
- data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']
+ data: this.startData
},
visualMap: [
{
@@ -116,8 +140,29 @@ export default {
}
},
mounted() {
- this.drawThermalChart();
+
+ },
+ watch: {
+ list: {
+ handler(newVal) {
+ this.odData = []
+ console.log(newVal ,'1111111111');
+ if (newVal) {
+ newVal[newVal.length - 1].ob_data.forEach(ele => {
+ ele.forEach(item => {
+ this.odData.push([])
+ })
+ })
+ }
+ console.log(this.odData,'155');
+ this.drawThermalChart();
+ },
+ // immediate:true
+ }
+
}
};
</script>
-<style scoped></style>
+<style scoped>
+
+</style>
diff --git a/src/components/target/OD.vue b/src/components/target/OD.vue
index 8e8baa1d..0e531048 100644
--- a/src/components/target/OD.vue
+++ b/src/components/target/OD.vue
@@ -1,9 +1,9 @@
<template>
<div class="setion">
- <p class="chartTitle"><span class="titleIcon"></span> {{ componentName }}</p>
+ <p class="chartTitle"><span class="titleIcon"></span> {{ componentName }}{{ triggerType }}</p>
<div class="border">
<detailDialog />
- <thermalChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
+ <thermalChart :pageType="pageType" :list="dataArr" :status="triggerType" :title="title" />
</div>
</div>
</template>
@@ -16,7 +16,7 @@ import detailDialog from '../chart/detailDialog.vue';
import thermalChart from '../chart/thermalChart.vue';
import regionTable from '../chart/regionTable.vue';
export default {
- name: 'lineUpChart', //排队数组件
+ name: 'OD', //od组件
components: {
lineChart,
barChart,
@@ -25,14 +25,23 @@ export default {
thermalChart,
regionTable
},
- props: ['pageType', 'triggerType', 'data', 'echartArr', 'componentName'],
+ props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],
data() {
return {
- title: 'OD组件'
+
};
},
methods: {},
- mounted() {}
+ mounted() { },
+ watch: {
+ dataArr: {
+ handler(newVal) {
+ console.log(newVal,'292929');
+ }
+ }
+
+ }
+
};
</script>
<style scoped>
diff --git a/src/components/target/typeChart.vue b/src/components/target/typeChart.vue
index 97f33dfe..3c868213 100644
--- a/src/components/target/typeChart.vue
+++ b/src/components/target/typeChart.vue
@@ -1,68 +1,91 @@
<template>
<!-- 触发类型 -->
- <div class="setion">
+ <div class="setion" v-if="isRefer">
<p class="chartTitle"><span class="titleIcon"></span> {{ componentName }} {{ triggerType }}</p>
- <div class="typeContent" v-show="triggerType=='触发'">
-
- <!-- <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 class="typeContent" v-if="triggerType == '触发' || '周期时刻'">
+
+ <div v-if="dataArr && dataArr.length != 0">
+ <div v-if="title == '类型'" style="display:flex">
+ <el-card v-for="(n, i) in dataArr[dataArr.length - 1].type_data" :key="i"
+ style="width: 150px; margin-bottom: 20px; text-align: center">
+ <div>
+ <span style="font-size: 15px;">{{ n.name }}</span><br />
+ <span style="font-size: 30px; font-weight: bold">{{ n.quantity }}</span>
</div>
- </div>
- </el-card>
- </div> -->
- <el-card v-show="echartArr.includes('数值')"
- style="width: 150px; margin-bottom: 20px; text-align: center">
- <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-if="title == '车头时距'">{{
- dataArr[dataArr.length -
- 1].heavy
- }}</div>
- <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-if="title == '检测数'">{{
- dataArr[dataArr.length -
- 1].n_stay
- }}</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>
+ {{ dataArr[dataArr.length - 1].time }}
</div>
</div>
+ </el-card>
+ </div>
+ </div>
+ <el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
+ <div v-if="dataArr && dataArr.length != 0">
+ <div v-if="title == '类型'">
+ <span style="font-size: 15px;">类型数量总和</span><br />
+ <span style="font-size: 30px; font-weight: bold">
+ {{ this.total }}
+ </span>
</div>
- <div v-else>
- <el-empty :image-size="100"></el-empty>
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '速度'">
+ <span style="font-size: 15px;">速度</span><br />
+ <span style="font-size: 30px; font-weight: bold">{{ dataArr[dataArr.length - 1].speed }}</span>
</div>
- </el-card>
-
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '流量'">
+ <span style="font-size: 15px;">流量</span><br />
+ <span style="font-size: 30px; font-weight: bold">{{
+ dataArr[dataArr.length -
+ 1].flow
+ }}</span>
+ </div>
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '车头时距'">
+ <span style="font-size: 15px;">车头时距</span><br />
+ <span style="font-size: 30px; font-weight: bold">{{
+ dataArr[dataArr.length -
+ 1].heavy
+ }}</span>
+ </div>
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '排队数'">
+ <span style="font-size: 15px;">排队数</span>
+ <span style="font-size: 30px; font-weight: bold">{{
+ dataArr[dataArr.length -
+ 1].n_queue
+ }}</span>
+ </div>
+ <div style="font-size: 30px; font-weight: bold" v-if="title == '检测数'">
+ <span style="font-size: 15px;">检测数</span>
+ <span style="font-size: 30px; font-weight: bold">{{
+ dataArr[dataArr.length -
+ 1].n_stay
+ }}</span>
+ </div>
+ <div>
+ <div>
+ {{ dataArr[dataArr.length - 1].time }}
+ </div>
+ </div>
+ </div>
+ <div v-else>
+ <el-empty :image-size="100"></el-empty>
+ </div>
+ </el-card>
+
</div>
+ <!-- <div class="typeContent" v-if="triggerType == '周期时刻'">
+ <el-card v-show="echartArr.includes('数值')" style="width: 150px; margin-bottom: 20px; text-align: center">
+ <div v-if="cycleTimeData != undefined">
+ <div v-if="title == '类型'">
+ <span style="font-size: 15px;">类型数量总和</span><br />
+ <span style="font-size: 30px; font-weight: bold">{{}}</span>
+ </div>
+ </div>
+ <div v-else>
+ <el-empty :image-size="100"></el-empty>
+ </div>
+ </el-card>
+ </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">
@@ -124,6 +147,7 @@ export default {
speed: 0,
// 流量数值
flow: 0,
+ isRefer: true
};
},
created() {
@@ -132,21 +156,46 @@ export default {
methods: {
// 计算类型的数值
+ getTotal(arr) {
+ // console.log(111, '163');
+ // if (arr != undefined && arr) {
+
+
+ var sum = arr.reduce(function (prev, cur) {
+ return cur.quantity + prev;
+ }, 0);
+ return sum
+ }
+
},
- mounted() { console.log(this.triggerType); },
+
+ computed: {
+
+ },
+ mounted() { },
watch: {
// 监听触发数据
dataArr: {
handler(newVal) {
+ console.log("类型total",newVal)
this.total = 0
- if (newVal.length != 0 && newVal[newVal.length - 1].type_data != null) {
- newVal[newVal.length - 1].type_data.forEach(ele => {
- this.total += ele.quantity
- })
-
+ if (this.title == '类型') {
+ if (newVal && newVal[newVal.length - 1] != undefined) {
+ newVal[newVal.length - 1].type_data.forEach(ele => {
+ this.total += ele.quantity
+ })
+ }
}
- }
- }
+
+ },
+
+ immediate: true
+ },
+ // cycleTimeData: {
+ // handler(newVal) {
+ // console.log(newVal);
+ // }
+ // }
}
};
</script>
diff --git a/src/config/apiurl.js b/src/config/apiurl.js
index 6e963177..e272c69a 100644
--- a/src/config/apiurl.js
+++ b/src/config/apiurl.js
@@ -1,4 +1,4 @@
-
+var ipUurl = window.location.host.split(":")[0];
export default {
// dataUrl: "http://172.16.1.22:8080/api/AddShipjk",
// getSpareElementOrder: "http://172.16.1.22:8080/api/Upload",
@@ -9,6 +9,8 @@ export default {
// editFigure: "http://172.16.1.22:8080/api/EditTuxmc",
// //编辑保存组件弹窗传参
// editComponent: "http://172.16.1.22:8080/api/SetMonqjkzjcs",
+
+
dataUrl: "http://172.16.1.168:5000/api/AddShipjk",
getSpareElementOrder: "http://172.16.1.168:5000/api/Upload",
postSetQuanjsz: "http://172.16.1.168:5000/api/SetQuanjsz",
@@ -18,4 +20,14 @@ addFigure: "http://172.16.1.168:5000/api/AddJianktx",
editFigure: "http://172.16.1.168:5000/api/EditTuxmc",
//编辑保存组件弹窗传参
editComponent: "http://172.16.1.168:5000/api/SetMonqjkzjcs",
+// `http://${ipUurl}:5000/api/AddShipjk`
+// dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,
+// getSpareElementOrder: `http://${ipUurl}:5000/api/Upload`,
+// postSetQuanjsz: `http://${ipUurl}:5000/api/SetQuanjsz`,
+// //新增图形接口
+// addFigure: `http://${ipUurl}:5000/api/AddJianktx`,
+// //编辑图形名称
+// editFigure: `http://${ipUurl}:5000/api/EditTuxmc`,
+// //编辑保存组件弹窗传参
+// editComponent: `http://${ipUurl}:5000/api/SetMonqjkzjcs`,
};
diff --git a/src/config/index.js b/src/config/index.js
new file mode 100644
index 00000000..cad373eb
--- /dev/null
+++ b/src/config/index.js
@@ -0,0 +1,25 @@
+const os = require('os');
+
+function getNetworkIp() {
+ let needHost = ''; // 打开的host
+ try {
+ // 获得网络接口列表
+ let network = os.networkInterfaces();
+ // console.log("network",network)
+ for (let dev in network) {
+
+ let iface = network[dev];
+ for (let i = 0; i < iface.length; i++) {
+ let alias = iface[i];
+ if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
+ needHost = alias.address;
+ // console.log("alias.address",alias.address)
+ }
+ // console.log("alias",alias)
+ }
+ }
+ } catch (e) {
+ needHost = 'localhost';
+ }
+ return needHost;
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 7b6f0157..29bdbbfc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -71,7 +71,7 @@ router.beforeEach((to, from, next) => {
}
}
});
-
+//
//MQTT订阅
var currentTopics = null;
var client = null;
diff --git a/src/utils/ip.js b/src/utils/ip.js
new file mode 100644
index 00000000..bf561bb6
--- /dev/null
+++ b/src/utils/ip.js
@@ -0,0 +1,45 @@
+import { reactive, toRefs ,onMounted} from "vue"
+import { reactive, onMounted} from "vue"
+const state = reactive({
+ ip:'',
+})
+// const state = {
+// ip:'',
+// }
+
+ //获取ip
+ getUserIP((ip) => {
+ state.ip=ip
+ console.log(ip)
+ console.log(state.ip)
+ });
+// })
+//获取用户本地ip的方法
+const getUserIP= (onNewIP)=> {
+ let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
+ let pc = new MyPeerConnection({
+ iceServers: []
+ });
+ let noop = () => {
+ };
+ let localIPs = {};
+ let ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g;
+ let iterateIP = (ip) => {
+ if (!localIPs[ip]) onNewIP(ip);
+ localIPs[ip] = true;
+ };
+ pc.createDataChannel('');
+ pc.createOffer().then((sdp) => {
+ sdp.sdp.split('\n').forEach(function (line) {
+ if (line.indexOf('candidate') < 0) return;
+ line.match(ipRegex).forEach(iterateIP);
+ });
+ pc.setLocalDescription(sdp, noop, noop);
+ }).catch((reason) => {
+ });
+ pc.onicecandidate = (ice) => {
+ if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
+ ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
+ };
+}
+
diff --git a/src/utils/mqttConfig.js b/src/utils/mqttConfig.js
index 5ae85f78..812d6cf0 100644
--- a/src/utils/mqttConfig.js
+++ b/src/utils/mqttConfig.js
@@ -1,18 +1,21 @@
import mqtt from "mqtt";
import Vue from 'vue'
var vm = new Vue();
-
+var ip = window.location.host.split(":")[0];
+console.log("ip",ip)
class mqttHandle {
constructor() {
var newName = localStorage.getItem('ms_username')
this.connect = {
- host: vm.mqttHost,
- port: vm.mqttPort,
+ // host: vm.mqttHost,
+ // port: vm.mqttPort,
endpoint: "/mqtt",
clean: true, // 保留会话
cleanSession: true,
connectTimeout: 7000, // 超时时间
reconnectPeriod: 7000, // 重连时间间隔
+ host:ip,
+ port: '10087',
// 认证信息
// clientId: Number(new Date()).toString(),
clientId: newName,
@@ -32,8 +35,10 @@ class mqttHandle {
createConnect(onConnected) {
//配置链接
const { host, port, endpoint, ...options } = this.connect;
+ console.log("this.connect.host",this.connect.host)
// const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;
const connectUrl = 'ws://172.16.1.168:10087/';
+ // const connectUrl = `ws://${this.connect.host}:${this.connect.port}`;
// if (!client.connected) {
// client.on('connect', function () {
// console.log('连接成功')
diff --git a/src/views/AnalysisMain.vue b/src/views/AnalysisMain.vue
index d722baa0..cb3d9b48 100644
--- a/src/views/AnalysisMain.vue
+++ b/src/views/AnalysisMain.vue
@@ -1,7 +1,7 @@
<template>
<div class="content-box">
<!-- v-if="videoTypeShow" -->
- <div class="videoTypeBox" v-if="videoTypeShow">
+ <div class="videoTypeBox" >
<el-form :inline="true" :model="videoTypeForm" class="demo-form-inline" >
<el-form-item label="视频源类型：" >
<el-radio-group v-model="videoTypeForm.videoType">
@@ -25,9 +25,12 @@
</div>
<div class="statusN">
<img src="@/assets/img/AnalysisMain/status.png" alt="" >
- <span class="statusName">{{ item.status }}</span>
+ <span class="statusName" v-if="item.type=='实时视频'">{{ item.status }}</span>
+ <span class="statusName" v-if="item.type=='离线视频'">{{ item.videoAnalysisStatus }}</span>
+ </div>
+ <div class="typeRight">
+ <el-button type="primary" icon="el-icon-refresh-right" @click="openRight(item)" v-if="item.type=='离线视频'&&item.videoAnalysisStatus=='未分析'"></el-button>
</div>
-
<!-- <div class="del" @click="open(item.id)"> <i class='el-icon-delete'></i></div> -->
<img :src="item.img" class="image" @click="goToPage(item.id,item.num,item.title,item.type,item.status)">
<div class="bot">
@@ -43,7 +46,9 @@
<div class="st">
<!-- <span>{{ item.status }}</span> -->
+
<el-button type="primary" icon="el-icon-delete" @click="open(item.id)"></el-button>
+
</div>
</div>
</el-card>
@@ -63,7 +68,7 @@
<div class="btn" v-if="videoTypeForm.videoType=='实时视频'">
<el-button type="primary" @click="applicationBtn">保存</el-button>
- <el-button type="primary" @click="stopAlgorithmBtn">关闭程序</el-button>
+ <!-- <el-button type="primary" @click="stopAlgorithmBtn">关闭程序</el-button> -->
</div>
</div>
<!-- <div id="dialog" class="margin-top: 0px !important;"> -->
@@ -93,6 +98,17 @@
<!-- <el-button slot="trigger" size="small" type="primary">选取文件</el-button> -->
<input type="file" id="fileExport" @change="handleFileChange" ref="inputer">
<el-button size="small" type="primary" @click="load">点击上传</el-button>
+
+ <!-- <el-upload
+ class="upload-demo"
+ action="#"
+ :file-list="fileList"
+ @change="handleFileChange"
+ multiple >
+ <el-button type="file" id="fileExport" ref="inputer">选取文件</el-button>
+ <el-button style="margin-left: 10px;" size="small" type="success" @click="load">点击上传</el-button>
+ <div slot="tip" class="el-upload__tip">上传文件名称请勿空格！</div>
+ </el-upload> -->
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -109,12 +125,13 @@
<script>
import editModal from "@/views/bounced/maintenanceRemind";
-import {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from "../api/index";
+import {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm,startVideoAnalysis} from "../api/index";
import serverUrl from "../config/apiurl.js"
import axios from 'axios'
import mqttConfig from "@/utils/mqttConfig.js";
var mqtt; //mqtt 处理对象（全局变量）
var client;
+const os = require('os');
export default {
data(){
return{
@@ -142,13 +159,19 @@ export default {
videoType:'实时视频'
},
videoList:[],
- fullscreenLoading: false
+ fullscreenLoading: false,
+ ip:'',
+
}
},
mounted() {
console.log("dialogFormVisible",this.dialogFormVisible)
+ // console.log("11111111", this.getIPAddress())
+
+
this.getVideoList()
this.createMqtt()
+
},
//离开当前页面后执行
destroyed: function () {
@@ -161,6 +184,7 @@ destroyed: function () {
//创建链接，接收数据
console.log(window.PubScribe,'********************');
window.PubScribe(null,-1,this.realInfo);
+
/*mqtt = new mqttConfig(this.topicSends);
client = mqtt.createConnect();
// client.subscribe(,, { qos: 0 })
@@ -223,7 +247,6 @@ destroyed: function () {
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
// var newArr = []
//msg为转换后的JSON数据
- console.log("msg",msg)
if(msg.rate=='low'){
// console.log("msg", msg)
if(this.videoList.length!=0){
@@ -248,7 +271,7 @@ destroyed: function () {
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
- console.log("hert", msg) //msg为转换后的JSON数据
+ // console.log("hert", msg) //msg为转换后的JSON数据
if(msg==''){
}
@@ -298,6 +321,32 @@ destroyed: function () {
});
});
},
+ openRight(item){
+ console.log("item",item)
+ startVideoAnalysis(item.id).then(res => {
+ //
+ if(res.data.msg=='请求成功'){
+ this.$message({
+ message: '启动成功',
+ type: 'success'
+ });
+ // setTimeout(() => {
+ // this.getAnalysisStatus()
+ // }, 5000);
+ // if(this.videoAnalysisSta=='已分析'){
+
+ // }else if(this.videoAnalysisSta=='分析中'){
+ // this.description = '正在分析中'
+ // setTimeout(() => {
+ // this.getAnalysisStatus()
+ // }, 5000);
+ // }else if(this.videoAnalysisSta=='未分析'){
+ // }
+ }
+ });
+ },
+ //
+
commit(form){
console.log("form",form)
let formData = new FormData();
@@ -321,6 +370,18 @@ destroyed: function () {
type: 'success'
});
this.getVideoList()
+ // if(this.videoTypeForm.videoType=='离线视频'){
+ // startVideoAnalysis(res.data.data).then(res => {
+ // if(res.data.msg=='请求成功'){
+ // this.$message({
+ // message: '启动成功',
+ // type: 'success'
+ // });
+ // }
+ // });
+ // }else{
+
+ // }
}else{
this.$message({
message: res.data.msg,
@@ -334,6 +395,7 @@ destroyed: function () {
},
handleFileChange(e) {
+ console.log("e",e)
let inputDOM = this.$refs.inputer;
this.file = inputDOM.files[0];// 通过DOM取文件数据
@@ -381,7 +443,7 @@ destroyed: function () {
},
load() {
let size = this.file.size;//文件大小
-
+ // this.fileList = []
let maxZrea = 8; //设置每个分区大小 MB
let bufferSize = maxZrea * (1024 * 1024);
let fileStart = 0;
@@ -428,6 +490,7 @@ destroyed: function () {
type: 'success'
});
this.form.videoStreamAddress=r.data.data
+ this.fileList.push(r.data.data)
}
}
}).catch(e => {
@@ -436,9 +499,12 @@ destroyed: function () {
}
},
goToPage(id,num,name,type,status) {
-
- this.$router.push({path:'index',query: {id:id,num:num,name:name,type:type,status:status
-}})
+ console.log("id",id)
+ console.log("num",num)
+ console.log("name",name)
+ console.log("type",type)
+ console.log("status",status)
+ this.$router.push({path:'index',query: {id:id,num:num,name:name,type:type,status:status}})
},
//获取视频数据
@@ -458,6 +524,8 @@ destroyed: function () {
videoStreamAddress:item.videoStreamAddress,
videoPath:item.videoPath,
img: require('@/assets/img/AnalysisMain/img1.png'),
+ trafficAnalysisStatus:item.trafficAnalysisStatus,
+ videoAnalysisStatus:item.videoAnalysisStatus,
});
})
this.videoList=arr
@@ -563,6 +631,12 @@ destroyed: function () {
top:0px;
z-index: 98;
}
+.typeRight{
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ z-index: 98;
+}
.del{
position: absolute;
right: 0px;
diff --git a/src/views/bounced/dataBoard.vue b/src/views/bounced/dataBoard.vue
index 9e43bdf4..bca21ca1 100644
--- a/src/views/bounced/dataBoard.vue
+++ b/src/views/bounced/dataBoard.vue
@@ -6,7 +6,7 @@
<div class="dataBoard" ref='dataBoard' v-if="activeName == 'second'">
<!-- 断面 -->
<div class="plate1" ref="plate1">
- <div :class="sectionData.length == 1 ? 'sectionBox' : 'section'" ref="section"
+ <div :class="sectionData.length <= 2 ? 'sectionBox' : 'section'" ref="section"
v-for="(s, i) in sectionData" :key="s.analogAreaComponentId">
<template>
<div ref="sectionContent">
@@ -19,9 +19,12 @@
<div v-for="o in s.children" :key="o.analogAreaComponentId">
<OD v-if="o.componentName.includes('OD')" :pageType="o.graphicType" triggerType="触发"
- :componentName="o.componentName" :echartArr="o.presentationForm" />
+ :componentName="o.componentName" :echartArr="o.presentationForm"
+ :dataArr="o.trigger" :title="o.componentName.split('_')[0]"
+ :chartName='o.combinationName' />
<typeChart v-else :pageType="o.graphicType" :triggerType="o.timeMode"
- :componentName="o.componentName" :dataArr="o.trigger"
+ :componentName="o.componentName"
+ :dataArr="o.timeMode == '触发' ? o.trigger : o.cycleTimeData"
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
:chartName='o.combinationName' />
</div>
@@ -30,8 +33,6 @@
</template>
</div>
</div>
-
-
</div>
</el-scrollbar>
<!-- 详情框 -->
@@ -66,12 +67,19 @@ export default {
}
},
// 周期时刻数据
- cycleTimeData:{
- type:Array,
- default(){
+ cycleTimeData: {
+ type: Array,
+ default() {
return [];
}
- }
+ },
+ //周期统计
+ cycleStatistics: {
+ type: Array,
+ default() {
+ return [];
+ }
+ },
},
data() {
return {
@@ -319,28 +327,27 @@ export default {
};
},
created() {
- console.log(this.sectionData);
this.idVal = this.$route.query.id;
getComponentSection({ VideoId: this.idVal }).then((res) => {
if (res.data.code == 200) {
console.log(res.data.data, '11111111111111111');
this.componentList = res.data.data
- // this.siftData()
+ this.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.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;
+ // });
+ console.log(this.sectionData, '455');
} else if (res.data.code == 404) {
}
});
@@ -366,7 +373,7 @@ export default {
// 组件图标点击下拉事件
sectionHandle(i) {
let sections = document.querySelectorAll('.section');
- let sectionBox = document.querySelector('.sectionBox');
+ let sectionBox = document.querySelectorAll('.sectionBox');
let downPulls1 = document.querySelectorAll('.downPull1');
// 断面的小图标
downPulls1[i].dataset.num++;
@@ -374,15 +381,15 @@ 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';
+ if (sectionBox[i] != undefined) {
+ sectionBox[i].style.height = 'auto';
}
} else {
downPulls1[i].style.cssText = 'transition: all 0.5s linear;';
sections[i].style.height = '500px';
- if (sectionBox != undefined) {
- sectionBox.style.height = '100vh'
+ if (sectionBox[i] != undefined) {
+ sectionBox[i].style.height = '48vh'
}
@@ -408,14 +415,15 @@ export default {
triggerListData: {
handler(newVal) {
this.triggerList = newVal
- console.log(newVal, 'triggerlistData');
- if (newVal.length != 0) {
+ // 触发数据
+ // console.log(newVal, 'triggerlistData');
+ if (newVal) {
this.componentList.forEach(ele => {
- if (ele.trigger == undefined) {
+ if (ele.trigger == undefined && ele.timeMode == '触发') {
ele.trigger = []
}
- this.triggerList.forEach(item => {
- if (ele.analogAreaComponentId == item.component_id) {
+ newVal.forEach(item => {
+ if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {
if (ele.trigger.length == 10) {
ele.trigger.pop()
@@ -425,22 +433,40 @@ export default {
}
})
})
- this.siftData()
}
-
},
immediate: true
+ },
+ // 周期时刻的数据
+ cycleTimeData: {
+ handler(newVal) {
+ // 监听到打印周期时刻数据
+ console.log(newVal, '440');
+ if (newVal.length != 0) {
+ this.componentList.forEach(ele => {
+ if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {
+ ele.cycleTimeData = []
+ }
+ newVal.forEach(item => {
+ if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻' && ele.analogAreaGraphId == item.graphical_id) {
+ if (ele.cycleTimeData.length == 10) {
+ ele.cycleTimeData.slice(ele.cycleTimeData.length-1,0)
+ } else {
+ ele.cycleTimeData.unshift(item)
+ }
+ }
+ })
+ })
+ console.log(this.sectionData, '455');
+ }
+ },
+ immediate: true
}
},
- // 周期时刻的数据
- cycleTimeData:{
- handler(newVal){
- console.log(newVal,440);
- },
- immediate: true
- }
+
+
};
</script>
@@ -474,6 +500,7 @@ export default {
.dataBoard {
height: 100%;
}
+
}
.dataBoard .region,
@@ -490,7 +517,7 @@ export default {
.dataBoard .sectionBox {
width: 100%;
- height: 100vh;
+ height: 48vh;
border: 1px solid #e4e7ed;
box-sizing: border-box;
padding: 15px;
@@ -499,6 +526,10 @@ export default {
overflow: hidden;
}
+.dataBoard .sectionBox:nth-child(1) {
+ margin-bottom: 4vh;
+}
+
.dataBoard .section {
float: left;
margin-top: 20px;
diff --git a/src/views/index.vue b/src/views/index.vue
index cb2ca438..67e66f4a 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -20,7 +20,7 @@
</div>
</el-tab-pane>
<el-tab-pane label="数据看板" name="second">
- <dataBoard :activeName="activeName" :triggerData="triggerData" :triggerListData="triggerListData" :cycleTimeData='cycleTimeData'></dataBoard>
+ <dataBoard :activeName="activeName" :triggerData="triggerData" :triggerListData="triggerListData" :cycleTimeData='cycleTimeData' :cycleStatistics='cycleStatistics'></dataBoard>
</el-tab-pane>
<el-tab-pane label="分析配置" name="third">
<analysisConfiguration :analysisConfigurationdata="analysisConfigurationdata"></analysisConfiguration>
@@ -30,8 +30,8 @@
</el-tab-pane>
<el-tab-pane label="存储" name="five">存储</el-tab-pane>
</el-tabs>
- <el-button class="videoAnalysis" type="primary" size="mini" @click="videoAnalysisBtn" v-if="videoAnalysisShow" :disabled='disabledVideoAnalysis'
- >视频分析</el-button>
+ <!-- <el-button class="videoAnalysis" type="primary" size="mini" @click="videoAnalysisBtn" v-if="videoAnalysisShow" :disabled='disabledVideoAnalysis'
+ >视频分析</el-button> -->
<el-button class="trafficAnalysis" type="primary" plain size="mini" @click="trafficAnalysisBtn" v-if="trafficAnalysisShow" :disabled='disabledTrafficAnalysis'
>交通分析</el-button>
</div>
@@ -85,7 +85,7 @@
<el-input-number v-model="componentForm.endValue" style="margin-left:5%"></el-input-number>
</el-form-item>
<el-form-item label="流量类型：" v-if="componentForm.componentType=='流量'">
- <el-radio-group v-model="componentForm.flow" >
+ <el-radio-group v-model="componentForm.FlowType" >
<el-radio label="出流"></el-radio>
<el-radio label="入流"></el-radio>
</el-radio-group>
@@ -276,7 +276,7 @@ export default {
componentType: '',
typeFiltering: '',
typeData: [],
- flow:'出流'
+ flowType:'出流'
},
// typeData: ['小汽车', '公交车', '卡车', '非机动车', '行人'],
@@ -331,6 +331,8 @@ export default {
triggerListData:[],
//周期时刻
cycleTimeData:[],
+ //周期统计
+ cycleStatistics:[],
//视频类型
videoType: '',
videoAnalysisShow: false,
@@ -347,7 +349,8 @@ export default {
videoTotalFrames:'',
videoType:'实时视频'
},
- description:'请等待排队'
+ description:'请等待排队',
+ ipData:''
};
},
@@ -358,23 +361,31 @@ export default {
//client.end();
},
created() {
+ window.OnScene = this.OnSceneN;
+ this.getAllSectionalData(this.$route.query.id);
+ this.VideoId = this.$route.query.id;
+ this.number = this.$route.query.num;
+ this.titName = this.$route.query.name;
window.getFigure = this.getFigureD;
window.getModifyTheName = this.getModifyTheNameN;
// window.getModifyTheName = this.getModifyTheNameN;
window.getSingleComponentId = this.getSingleComponentIdN;
window.getSimulationAreaEdit = this.getSimulationAreaEdit;
- window.OnScene = this.OnSceneN;
+
window.delSuccess= this.delSuccess;
- this.getAllSectionalData(this.$route.query.id);
- this.VideoId = this.$route.query.id;
- this.number = this.$route.query.num;
- this.titName = this.$route.query.name;
+
+ // console.log("id",id)
+ // console.log("num",num)
+ // console.log("name",name)
+ // console.log("type",type)
+ // console.log("status",status)
// this.videoType = this.$route.query.type;
if (this.$route.query.type == '实时视频') {
this.videoAnalysisShow = false;
this.trafficAnalysisShow = false;
this.createMqtt();
+
// document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));
} else if (this.$route.query.type == '离线视频'){
this.videoAnalysisShow = true;
@@ -396,7 +407,7 @@ export default {
/** 创建mqtt */
createMqtt() {
//创建链接，接收数据
- this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number,'trigger-'+ this.$route.query.id,'cycle_time-'+ this.$route.query.id];
+ this.topicSends = ['stream' + this.number, 'trajectory' + this.number, 'detection' + this.number,'trigger-'+ this.$route.query.id,'cycle_time-'+ this.$route.query.id,'cycle_statistics-'+ this.$route.query.id];
window.PubScribe(this.topicSends, this.number, this.realInfo);
// mqtt = mqttConfig;
/*mqtt = new mqttConfig(this.topicSends);
@@ -602,6 +613,18 @@ export default {
this.cycleTimeData = msgN;
} catch (error) {}
break;
+ case 'cycle_statistics-'+this.$route.query.id:
+ try {
+ // console.log("trigger_msgN",message)
+ const utf8decoder = new TextDecoder();
+ const u8arr = new Uint8Array(message);
+ const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串
+ var detId = [];
+ const msgN = JSON.parse(temp);
+ // console.log("trigger_msgN",msgN)
+ this.cycleStatistics = msgN;
+ } catch (error) {}
+ break;
}
this.receiveNews = '';
},
@@ -618,8 +641,12 @@ export default {
},
//初始化unity
OnSceneN() {
- document.getElementById('mapModule').contentWindow.postVideoId(JSON.stringify(this.$route.query.id));
- document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));
+ var ip = window.location.host;
+ this.ipData = "http://"+ip.split(":")[0]+':5000'
+ // document.getElementById('mapModule').contentWindow.getIpData(this.ipData);
+ document.getElementById('mapModule').contentWindow.getIpData('http://172.16.1.168:5000');
+ document.getElementById('mapModule').contentWindow.postVideoId(JSON.stringify(this.$route.query.id));
+ document.getElementById('mapModule').contentWindow.lixianVideo(JSON.stringify(this.analysis));
},
//删除图形成功获取数据
delSuccess(){
@@ -665,6 +692,7 @@ export default {
this.componentForm.componentParameterId = res.data.data.componentParameterId;
this.componentForm.cycleInterval = res.data.data.cycleInterval;
this.componentForm.startSectionIds = res.data.data.startSectionIds;
+ this.componentForm.flowType = res.data.data.flowType;
this.componentForm.startSectionNames = res.data.data.startSectionNames;
this.componentForm.endSectionIds = res.data.data.endSectionIds;
this.componentForm.endSectionNames = res.data.data.endSectionNames;
@@ -914,14 +942,14 @@ export default {
message: res.data.msg,
type: 'success'
});
- setTimeout(() => {
- this.$message({
- type: "warning",
- message: "请点击交通分析，获取最新数据！",
- showClose: true,
- duration:0,
- });
- }, 3000);
+ // setTimeout(() => {
+ // this.$message({
+ // type: "warning",
+ // message: "请点击交通分析，获取最新数据！",
+ // showClose: true,
+ // duration:0,
+ // });
+ // }, 3000);
document.getElementById('mapModule').contentWindow.postFigureId(JSON.stringify(res.data.data));
document
@@ -1017,6 +1045,8 @@ export default {
formData.append('endValue', componentForm.endValue);
formData.append('startValue', componentForm.startValue);
formData.append('timeMode', componentForm.timeMode);
+
+
formData.append('presentationForm', '矩阵图');
} else if (componentForm.componentType == '类型') {
//名称
@@ -1043,6 +1073,7 @@ export default {
formData.append('startValue', componentForm.startValue);
formData.append('timeMode', componentForm.timeMode);
formData.append('presentationForm', componentForm.presentationForm);
+ formData.append('FlowType', componentForm.flowType);
}
axios({
method: 'post',
diff --git a/vue.config.js b/vue.config.js
index bc2925c4..daea998a 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -16,6 +16,22 @@
// // }
// // }
// }
+
+const os = require('os');
+///获取本机ip///
+function getIPAdress() {
+var interfaces = os.networkInterfaces();
+for (var devName in interfaces) {
+var iface = interfaces[devName];
+for (var i = 0; i < iface.length; i++) {
+var alias = iface[i];
+if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
+return alias.address;
+}
+}
+}
+}
+const myHost = getIPAdress();
module.exports = {
// 打包文件配置
publicPath: "/",
@@ -29,29 +45,21 @@ module.exports = {
// hotOnly: true,
// open: false, // npm run serve后自动打开页面
// https: false, // https:{type:Boolean}
- // host: "0.0.0.0", // 匹配本机IP地址(默认是0.0.0.0)
+ // host: getNetworkIp(), // 匹配本机IP地址(默认是0.0.0.0)
// port: 8989, // 开发服务器运行端口号
+ host: myHost,
proxy: {
'/api': { //代理的名字
target: 'http://172.16.1.168:5000/api/',
// target: 'http://172.16.1.178:5001/',
// target: 'http://ht.api.umayle.com:2022',
ws: true,
+ // host:getNetworkIp(),
changeOrigin: true,
pathRewrite:{
'^/api':'',
}
},
- // '/api': { //代理的名字
- // target: 'http://172.16.1.168:5000/',
- // // target: 'http://172.16.1.178:5001/',
- // // target: 'http://ht.api.umayle.com:2022',
- // ws: true,
- // changeOrigin: true,
- // pathRewrite:{
- // '^/api':'',
- // }
- // },
// '/aps': { //代理的名字
// target: 'http://220.163.114.157:5011/',
// // target: 'http://172.16.1.178:5001/',