1 line
43 KiB
JSON
1 line
43 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1677375796811},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n components: {\n typeChart: typeChart,\n OD: OD\n },\n props: {\n activeName: {\n type: String\n },\n triggerData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 触发数据\n triggerListData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n // 周期时刻数据\n cycleTimeData: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n //周期统计\n cycleStatistics: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n acticveName: [],\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false,\n idVal: '',\n //组件数组\n componentList: [],\n // 触发数据数组\n triggerList: [],\n sectionData: [],\n // 单个区域或者断面的表格触发数据\n tableList: [],\n // 路线数据\n headWay: [],\n tripData: [],\n sectionArr: [],\n //触发的类型数值看板显示\n typeTimeMode: {},\n // 周期时刻的数值看板展示\n typeCycleTimeData: {},\n typeCycleStatistics: {},\n // 各个组件分类\n classify: []\n };\n },\n // beforeCeated(){\n // },\n created: function created() {// this.getNew()\n },\n methods: {\n getNew: function getNew() {\n var _this2 = this;\n\n // this.idVal = ;\n getComponentSection({\n VideoId: this.$route.query.id\n }).then(function (res) {\n if (res.data.code == 200) {\n console.log(res.data.data, '组件的数据');\n _this2.componentList = res.data.data;\n\n _this2.siftData();\n }\n });\n },\n siftData: function siftData() {\n var _this3 = this;\n\n this.sectionArr = [];\n this.sectionData = [];\n this.classify = [];\n this.componentList.forEach(function (val) {\n _this3.sectionArr.push(val.combinationName);\n\n _this3.sectionArr = Array.from(new Set(_this3.sectionArr));\n });\n this.sectionData = this.sectionArr.map(function (item) {\n item = {\n title: item,\n children: []\n };\n _this3.acticveName = [];\n\n _this3.componentList.forEach(function (val) {\n if (item.title == val.combinationName) {\n _this3.classify.push(val);\n\n item.children.push(val);\n }\n\n _this3.acticveName.push(val.analogAreaComponentId);\n });\n\n return item;\n });\n },\n // 组件图标点击下拉事件\n sectionHandle: function sectionHandle(i) {\n var sections = document.querySelectorAll('.section');\n var sectionBox = document.querySelectorAll('.sectionBox');\n var downPulls1 = document.querySelectorAll('.downPull1'); // 断面的小图标\n\n downPulls1[i].dataset.num++;\n\n if (downPulls1[i].dataset.num % 2 == 0) {\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;'; // sections[i].style.height = 'auto';\n\n if (sectionBox[i] != undefined) {// sectionBox[i].style.height = 'auto';\n }\n } else {\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;'; // sections[i].style.height = '500px';\n\n if (sectionBox[i] != undefined) {}\n }\n },\n channge: function channge(oldVal, newVal) {\n console.log(\"old\", oldVal);\n console.log(\"newVal\", newVal);\n\n if (oldVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n } else if (newVal == 'second') {\n this.sectionArr = [];\n this.sectionData = [];\n this.getNew();\n }\n } // 触发数据的类型数值\n\n },\n mounted: function mounted() {},\n watch: {\n // acticveName: {\n // handler(newVal) {\n // if (newVal != 'second') {\n // // 组件数据赋空\n // this.classify = []\n // }\n // }\n // },\n // 触发的原始数据\n triggerData: {\n handler: function handler(newVal, oldVal) {},\n immediate: true\n },\n // activeName:'channge',\n // 处理过的触发数据\n triggerListData: {\n handler: function handler(newVal) {\n this.triggerList = newVal; // 触发数据\n\n console.log(newVal, '触发数据');\n\n var _this = this;\n\n if (newVal.length != 0 && _this.sectionData) {\n _this.classify.forEach(function (ele, index) {\n if (ele.trigger == undefined && ele.timeMode == '触发') {\n ele.trigger = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\n if (ele.trigger.length == 10) {\n ele.trigger.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0]; // 该时间的触发数据\n\n if (item.type_data != null) {\n _this.typeTimeMode = item;\n }\n\n ele.trigger.unshift(item);\n\n _this.$nextTick(function () {\n for (var i = 0; i < _this.$refs.typeChartRef.length; i++) {\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n var _item = _this.$refs.typeChartRef[i];\n\n if (_item.dataArr.length != 0) {\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0]);\n\n if (_item.echartArr.includes('直方图' && _item.componentName.split('_')[0] == '类型')) {\n // 数据改变重新渲染柱状图\n _item.$refs.barChartRef.drawBar(_item.dataArr[0]);\n }\n\n if (_item.echartArr.includes('饼状图' && _item.componentName.split('_')[0] == '类型')) {\n console.log(_item, '饼图组件'); // 数据改变重新渲染饼图\n\n _item.$refs.pieChartRef.drawPie(_item.dataArr[0]);\n }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n // 周期时刻的数据\n cycleTimeData: {\n handler: function handler(newVal) {\n // 监听到打印周期时刻数据\n console.log(newVal, '周期时刻数据');\n var that = this;\n\n if (newVal.length != 0 && this.sectionData) {\n that.classify.forEach(function (ele, index) {\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\n ele.cycleTimeData = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\n if (ele.cycleTimeData.length == 10) {\n ele.cycleTimeData.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n // 周期时刻的类型数据\n that.typeCycleTimeData = item;\n }\n\n ele.cycleTimeData.unshift(item);\n that.$nextTick(function () {\n // 轮循周期时刻生成的各类组件\n for (var i = 0; i < that.$refs.typeChartRef1.length; i++) {\n item = that.$refs.typeChartRef1[i];\n\n if (item.dataArr.length != 0) {\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0]); // if (item.$refs.barChartRef.drawBar) {\n // // 数据改变重新渲染柱状图\n // item.$refs.barChartRef.drawBar(item.dataArr[0])\n // } else if (item.$refs.pieChartRef.drawPie) {\n // // 数据改变重新渲染饼图\n // item.$refs.pieChartRef.drawPie(item.dataArr[0])\n // }\n }\n }\n });\n }\n }\n });\n });\n }\n },\n immediate: true\n },\n cycleStatistics: {\n handler: function handler(newVal) {\n var _this4 = this;\n\n if (newVal.length != 0 && this.sectionData) {\n this.componentList.forEach(function (ele) {\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\n ele.cycleStatistics = [];\n }\n\n newVal.forEach(function (item) {\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\n if (ele.cycleStatistics.length == 10) {\n ele.cycleStatistics.splice(newVal.length - 1, 1);\n } else {\n item.time = item.time.split('.')[0];\n\n if (item.type_data != null) {\n _this4.typeCycleStatistics = item;\n }\n\n ele.cycleStatistics.unshift(item);\n\n for (var i = 0; i < _this4.$refs.typeChartRef2.length; i++) {\n item = that.$refs.typeChartRef2[i]; // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n\n if (item.dataArr.length != 0) {\n _this4.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_this4.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0]);\n\n if (item.componentName.split('_')[0] == \"类型\") {\n // console.log(item,'组件数据');\n if (item.echartArr.includes('直方图')) {\n // 数据改变重新渲染柱状图\n console.log(item, '组件');\n item.$refs.barChartRef.drawBar(item.dataArr[0]);\n } else if (item.echartArr.includes('饼状图')) {\n // 数据改变重新渲染饼图\n item.$refs.pieChartRef.drawPie(item.dataArr[0]);\n }\n }\n }\n }\n }\n }\n });\n });\n }\n }\n } // activeName: {\n // handler(newVal) {\n // if (newVal == \"second\") {\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\n // if (res.data.code == 200) {\n // this.componentList = res.data.data;\n // this.siftData();\n // } else if (res.data.code == 404) {\n // }\n // });\n // }\n // },\n // immediate: true\n // }\n\n }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div ref=\"box\" class=\"box\">\r\n <el-empty v-show=\"sectionData.length == 0\" :image-size=\"400\"></el-empty>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <el-scrollbar class=\"scrollbar\">\r\n <div class=\"dataBoard\" ref=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n <!-- 断面 -->\r\n <div class=\"plate1\" ref=\"plate1\">\r\n <div :class=\"sectionData.length <= 2 ? 'sectionBox' : 'section'\" ref=\"section\"\r\n v-for=\"(s, i) in sectionData\" :key=\"s.analogAreaComponentId\">\r\n <template>\r\n <div ref=\"sectionContent\">\r\n <div>\r\n <p class=\"board-title\">\r\n <span>{{ s.title }}</span>\r\n </p>\r\n <!-- <span class=\"downPull1\" data-num=\"1\" @click=\"sectionHandle(i)\"></span> -->\r\n </div>\r\n <el-tabs>\r\n <el-collapse v-model=\"acticveName\">\r\n <div v-for=\"o in s.children\" :key=\"o.analogAreaComponentId\">\r\n <el-collapse-item :title=\"o.componentName\" :name=\"o.analogAreaComponentId\">\r\n <OD v-if=\"o.componentName.includes('OD')\" :pageType=\"o.graphicType\"\r\n triggerType=\"触发\" :componentName=\"o.componentName\"\r\n :echartArr=\"o.presentationForm\" :dataArr=\"o.trigger\"\r\n :title=\"o.componentName.split('_')[0]\" :chartName=\"o.combinationName\" />\r\n <!--触发的组件 -->\r\n <typeChart ref=\"typeChartRef\" v-if=\"o.timeMode === '触发'\"\r\n :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.trigger\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\" :typeValue=\"typeTimeMode\" />\r\n <typeChart ref=\"typeChartRef1\" v-if=\"o.timeMode === '周期时刻'\"\r\n :pageType=\"o.graphicType\" :triggerType=\"o.timeMode\"\r\n :componentName=\"o.componentName\" :dataArr=\"o.cycleTimeData\"\r\n :echartArr=\"o.presentationForm\" :title=\"o.componentName.split('_')[0]\"\r\n :chartName=\"o.combinationName\" :typeValue=\"typeCycleTimeData\" />\r\n <!-- 周期统计的组件 -->\r\n <typeChart ref=\"typeChartRef2\" style=\"width: 100%;\"\r\n v-if=\"o.timeMode === '周期统计'\" :pageType=\"o.graphicType\"\r\n :triggerType=\"o.timeMode\" :componentName=\"o.componentName\"\r\n :dataArr=\"o.cycleStatistics\" :echartArr=\"o.presentationForm\"\r\n :title=\"o.componentName.split('_')[0]\" :chartName=\"o.combinationName\"\r\n :typeValue=\"typeCycleStatistics\" />\r\n </el-collapse-item>\r\n </div>\r\n </el-collapse>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-scrollbar>\r\n <!-- 详情框 -->\r\n </div>\r\n</template>\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n components: {\r\n typeChart,\r\n OD\r\n },\r\n props: {\r\n activeName: {\r\n type: String\r\n },\r\n triggerData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 触发数据\r\n triggerListData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n // 周期时刻数据\r\n cycleTimeData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n },\r\n //周期统计\r\n cycleStatistics: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n acticveName: [],\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n\r\n\r\n idVal: '',\r\n //组件数组\r\n componentList: [],\r\n // 触发数据数组\r\n triggerList: [],\r\n\r\n sectionData: [],\r\n\r\n // 单个区域或者断面的表格触发数据\r\n tableList: [],\r\n\r\n // 路线数据\r\n headWay: [],\r\n\r\n tripData: [],\r\n\r\n sectionArr: [],\r\n\r\n //触发的类型数值看板显示\r\n typeTimeMode: {},\r\n // 周期时刻的数值看板展示\r\n typeCycleTimeData: {},\r\n typeCycleStatistics: {},\r\n\r\n // 各个组件分类\r\n classify: []\r\n };\r\n },\r\n // beforeCeated(){\r\n\r\n // },\r\n created() {\r\n // this.getNew()\r\n },\r\n methods: {\r\n getNew() {\r\n // this.idVal = ;\r\n getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n if (res.data.code == 200) {\r\n console.log(res.data.data, '组件的数据');\r\n this.componentList = res.data.data;\r\n this.siftData();\r\n }\r\n });\r\n },\r\n siftData() {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.classify = []\r\n this.componentList.forEach(val => {\r\n this.sectionArr.push(val.combinationName);\r\n this.sectionArr = Array.from(new Set(this.sectionArr));\r\n });\r\n this.sectionData = this.sectionArr.map(item => {\r\n item = { title: item, children: [] };\r\n this.acticveName = [];\r\n this.componentList.forEach(val => {\r\n if (item.title == val.combinationName) {\r\n this.classify.push(val)\r\n item.children.push(val);\r\n }\r\n this.acticveName.push(val.analogAreaComponentId);\r\n });\r\n return item;\r\n });\r\n\r\n },\r\n // 组件图标点击下拉事件\r\n sectionHandle(i) {\r\n let sections = document.querySelectorAll('.section');\r\n let sectionBox = document.querySelectorAll('.sectionBox');\r\n let downPulls1 = document.querySelectorAll('.downPull1');\r\n // 断面的小图标\r\n downPulls1[i].dataset.num++;\r\n if (downPulls1[i].dataset.num % 2 == 0) {\r\n downPulls1[i].style.cssText = 'transform: rotate(180deg);transition: all 0.5s linear;';\r\n // sections[i].style.height = 'auto';\r\n if (sectionBox[i] != undefined) {\r\n // sectionBox[i].style.height = 'auto';\r\n }\r\n } else {\r\n downPulls1[i].style.cssText = 'transition: all 0.5s linear;';\r\n // sections[i].style.height = '500px';\r\n if (sectionBox[i] != undefined) {\r\n\r\n }\r\n }\r\n },\r\n channge(oldVal, newVal) {\r\n console.log(\"old\", oldVal)\r\n console.log(\"newVal\", newVal)\r\n if (oldVal == 'second') {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.getNew()\r\n } else if (newVal == 'second') {\r\n this.sectionArr = []\r\n this.sectionData = []\r\n this.getNew()\r\n }\r\n }\r\n\r\n // 触发数据的类型数值\r\n },\r\n mounted() { },\r\n watch: {\r\n // acticveName: {\r\n // handler(newVal) {\r\n // if (newVal != 'second') {\r\n // // 组件数据赋空\r\n // this.classify = []\r\n // }\r\n // }\r\n\r\n // },\r\n // 触发的原始数据\r\n triggerData: {\r\n handler(newVal, oldVal) { },\r\n immediate: true\r\n },\r\n // activeName:'channge',\r\n // 处理过的触发数据\r\n triggerListData: {\r\n handler(newVal) {\r\n this.triggerList = newVal;\r\n // 触发数据\r\n console.log(newVal, '触发数据');\r\n var _this = this\r\n if (newVal.length != 0 && _this.sectionData) {\r\n _this.classify.forEach((ele, index) => {\r\n\r\n if (ele.trigger == undefined && ele.timeMode == '触发') {\r\n ele.trigger = [];\r\n }\r\n newVal.forEach((item) => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '触发') {\r\n if (ele.trigger.length == 10) {\r\n ele.trigger.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n // 该时间的触发数据\r\n if (item.type_data != null) {\r\n _this.typeTimeMode = item\r\n }\r\n ele.trigger.unshift(item);\r\n _this.$nextTick(() => {\r\n\r\n for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n let item = _this.$refs.typeChartRef[i]\r\n if (item.dataArr.length != 0) {\r\n _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0])\r\n if (item.echartArr.includes('直方图'&&item.componentName.split('_')[0]=='类型')) {\r\n // 数据改变重新渲染柱状图\r\n item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n } \r\n if (item.echartArr.includes('饼状图'&&item.componentName.split('_')[0]=='类型')) {\r\n console.log(item,'饼图组件');\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n }\r\n }\r\n\r\n\r\n })\r\n }\r\n }\r\n\r\n });\r\n });\r\n\r\n\r\n }\r\n },\r\n immediate: true\r\n },\r\n // 周期时刻的数据\r\n cycleTimeData: {\r\n handler(newVal) {\r\n // 监听到打印周期时刻数据\r\n console.log(newVal, '周期时刻数据');\r\n var that = this\r\n if (newVal.length != 0 && this.sectionData) {\r\n that.classify.forEach((ele, index) => {\r\n if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {\r\n ele.cycleTimeData = [];\r\n }\r\n newVal.forEach(item => {\r\n if (\r\n ele.analogAreaComponentId == item.component_id &&\r\n ele.timeMode == '周期时刻'\r\n ) {\r\n if (ele.cycleTimeData.length == 10) {\r\n ele.cycleTimeData.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n // 周期时刻的类型数据\r\n that.typeCycleTimeData = item;\r\n }\r\n ele.cycleTimeData.unshift(item);\r\n that.$nextTick(() => {\r\n // 轮循周期时刻生成的各类组件\r\n for (let i = 0; i < that.$refs.typeChartRef1.length; i++) {\r\n item = that.$refs.typeChartRef1[i]\r\n if (item.dataArr.length != 0) {\r\n\r\n\r\n that.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef1[i].dataArr, that.$refs.typeChartRef[i].componentName.split('_')[0])\r\n // if (item.$refs.barChartRef.drawBar) {\r\n // // 数据改变重新渲染柱状图\r\n // item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n // } else if (item.$refs.pieChartRef.drawPie) {\r\n // // 数据改变重新渲染饼图\r\n // item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n // }\r\n }\r\n }\r\n })\r\n }\r\n }\r\n });\r\n });\r\n }\r\n },\r\n immediate: true\r\n },\r\n cycleStatistics: {\r\n handler(newVal) {\r\n if (newVal.length != 0 && this.sectionData) {\r\n this.componentList.forEach(ele => {\r\n if (ele.cycleStatistics == undefined && ele.timeMode == '周期统计') {\r\n ele.cycleStatistics = [];\r\n }\r\n newVal.forEach(item => {\r\n if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\r\n if (ele.cycleStatistics.length == 10) {\r\n ele.cycleStatistics.splice(newVal.length - 1, 1);\r\n } else {\r\n item.time = item.time.split('.')[0];\r\n if (item.type_data != null) {\r\n this.typeCycleStatistics = item;\r\n }\r\n ele.cycleStatistics.unshift(item);\r\n for (let i = 0; i < this.$refs.typeChartRef2.length; i++) {\r\n item = that.$refs.typeChartRef2[i]\r\n // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n if (item.dataArr.length != 0) {\r\n this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])\r\n if (item.componentName.split('_')[0] == \"类型\") {\r\n // console.log(item,'组件数据');\r\n if (item.echartArr.includes('直方图')) {\r\n // 数据改变重新渲染柱状图\r\n console.log(item,'组件');\r\n item.$refs.barChartRef.drawBar(item.dataArr[0])\r\n } else if (item.echartArr.includes('饼状图')) {\r\n // 数据改变重新渲染饼图\r\n item.$refs.pieChartRef.drawPie(item.dataArr[0])\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n }\r\n });\r\n });\r\n }\r\n }\r\n }\r\n // activeName: {\r\n // handler(newVal) {\r\n // if (newVal == \"second\") {\r\n // getComponentSection({ VideoId: this.$route.query.id }).then(res => {\r\n // if (res.data.code == 200) {\r\n // this.componentList = res.data.data;\r\n // this.siftData();\r\n // } else if (res.data.code == 404) {\r\n // }\r\n // });\r\n // }\r\n\r\n // },\r\n // immediate: true\r\n // }\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.plate1,\r\n.plate2 {\r\n width: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n/deep/ .el-scrollbar__view {\r\n display: inline-block !important;\r\n width: 100%;\r\n}\r\n\r\n/deep/ .el-scrollbar__wrap {\r\n overflow-x: hidden !important;\r\n}\r\n\r\n.scrollbar {\r\n height: 100vh;\r\n overflow-x: hidden !important;\r\n\r\n .dataBoard {\r\n height: 100%;\r\n }\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n height: auto;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox {\r\n width: 100%;\r\n height: auto;\r\n border: 1px solid #e4e7ed;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n position: relative;\r\n transition: all 1s;\r\n overflow: hidden;\r\n}\r\n\r\n.dataBoard .sectionBox:nth-child(1) {\r\n margin-bottom: 4vh;\r\n}\r\n\r\n.dataBoard .section {\r\n float: left;\r\n margin-top: 20px;\r\n}\r\n\r\n.dataBoard .section:nth-child(1),\r\n.dataBoard .section:nth-child(2) {\r\n margin-top: 0;\r\n}\r\n\r\n/* .downUp{\r\n height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 15px;\r\n border-bottom: 1px solid #e4e7ed;\r\n}\r\n\r\n.dataBoard .board-title span {\r\n padding: 5px 10px 5px 10px;\r\n border-bottom: 1px solid #79b7f8;\r\n /* display: block; */\r\n display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n\r\n.down {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.downPull,\r\n.downPull1 {\r\n position: absolute;\r\n top: 20px;\r\n right: 17px;\r\n cursor: pointer;\r\n background-size: 14px 9px;\r\n background-image: url(../../assets/img/downpull.png);\r\n width: 14px;\r\n height: 9px;\r\n}\r\n\r\n.upActive {\r\n transform: rotate(180deg);\r\n transition: all 0.5s linear;\r\n /* transform-origin: 7px 7px; */\r\n}\r\n\r\n.active {\r\n transition: all 0.5s linear;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views/bounced"}]} |