20230217

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"}]}
+{"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"}]}

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]}
+{"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]}

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>"]}]}
+{"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>"]}]}

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]}
+{"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]}

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"]}
+{"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"]}

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]}
+{"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]}

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>"]}]}
+{"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>"]}]}

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]}
+{"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]}

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"]}
+{"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"]}

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"]}
+{"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"]}

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]}
+{"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]}

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 }"]}
+{"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 }"]}

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]}
+{"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]}

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"]}
+{"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"]}

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 }"]}
+{"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 }"]}

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 }"]}
+{"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 }"]}

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]}
+{"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]}

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 }"]}
+{"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 }"]}

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"]}
+{"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"]}

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"]}
+{"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"]}

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 }"]}
+{"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 }"]}

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"]}
+{"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"]}

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"]}
+{"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"]}

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 }"]}
+{"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 }"]}

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"]}
+{"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"]}

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"]}
+{"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"]}

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",

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",

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 
+}

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){

public/analysisWeb/StreamingAssets/IPSettings.txt

@@ -1 +1 @@
-http://172.16.1.168:5000
+http://127.0.0.1:5000

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 }

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{

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);
                 }
             }

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
                     })

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){
-                                return ele.type_data
+                        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 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)
                             }
 
-                         }
-                        //  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++) {
-                                   
-                        //     // }
-                        
-                        //  }
-                   
+                        })
+                        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,
+            
         }
 
     }

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
                     });

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>

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>
 
 

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>

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>

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 class="typeContent" v-if="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 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>

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`, 
 };

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;
+}

src/main.js

@@ -71,7 +71,7 @@ router.beforeEach((to, from, next) => {
         }
     }
 });
-
+// 
 //MQTT订阅
 var currentTopics = null;
 var client = null;

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);
+  };
+}
+

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('连接成功')

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;

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;

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',

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/',