TransFlow/node_modules/.cache/babel-loader/c90a7db1294db9fc3e3360c0ce4029f4.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":1679455417097},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es7.array.includes\";\nimport \"core-js/modules/es6.string.includes\";\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//\n//\n//\n//\n//\n//\n//\nimport typeChart from \"../../components/target/typeChart.vue\"; // import {mapMutation} from 'vuex'\n\nimport { getComponentSection } from \"../../api/index\";\nexport default {\n  components: {\n    typeChart: typeChart\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    cycleStatisticsData: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    //历史数据\n    cycleHistoryData: {\n      type: Object,\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: [] // cycleHistoryData:''\n\n    };\n  },\n  // beforeCeated(){\n  // },\n  created: function created() {// this.getNew()\n    // console.log(\"cycleHistoryData\",this.cycleHistoryData)\n  },\n  methods: {\n    // 手风琴下拉切换\n    handleChange: function handleChange(val) {// setTimeout(() => {\n      //                 this.$nextTick(function () {\n      //         var myEvent = new Event(\"resize\");\n      //         window.dispatchEvent(myEvent);\n      //     });\n      //     }, 3000);\n    },\n    getNew: function getNew() {\n      var _this2 = this;\n\n      // this.idVal = ;\n      getComponentSection({\n        VideoId: this.$route.query.id,\n        Number: 10\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        //    console.log(\"val\",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            if (val.timeMode == '周期统计' || _this3.cycleStatisticsData.length == 0) {\n              item.cycleStatisticsData = val.cycleStatisticsData;\n            }\n\n            if (val.timeMode == '周期时刻' || _this3.cycleTimeData.length == 0) {\n              item.cycleTimeData = val.cycleTimeData;\n            }\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    // 触发数据的类型数值\n    //循环方法\n    getRef: function getRef(data, timeMode) {\n      for (var i = 0; i < data.length; i++) {\n        var refItem = data[i];\n\n        if (data.length != 0 && refItem.dataArr != undefined && refItem.dataArr.length != 0) {\n          if (refItem.echartArr.includes('时间曲线图')) {\n            refItem.$refs.lineChartRef.drawLine(refItem.dataArr, refItem.componentName.split('_')[0], timeMode);\n          }\n\n          if (refItem.echartArr.includes('数值')) {\n            refItem.getDataArr(refItem.dataArr);\n          }\n\n          if (refItem.echartArr.includes('直方图') && refItem.$refs.barChartRef.drawBar) {\n            // 数据改变重新渲染柱状图\n            refItem.$refs.barChartRef.drawBar(refItem.dataArr[0]);\n          }\n\n          if (refItem.echartArr.includes('饼状图') && refItem.$refs.pieChartRef.drawPie) {\n            // 数据改变重新渲染饼图\n            refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0]);\n          }\n\n          if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef != undefined) {\n            refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0]);\n          }\n\n          if (refItem.componentName.includes('OD') && refItem.$refs.ODChartRef != undefined && refItem.dataArr[0].ob_data.length != 0) {\n            refItem.$refs.ODChartRef.drawThermalChart(refItem.dataArr[0].ob_data, refItem.startEndData);\n          }\n        }\n      }\n    },\n    //处理离线视频历史数据\n    changecycleHistoryData: function changecycleHistoryData() {}\n  },\n  mounted: function mounted() {},\n  watch: {\n    // 触发的原始数据\n    triggerData: {\n      handler: function handler(newVal, oldVal) {},\n      immediate: true\n    },\n    componentList: {\n      handler: function handler(newVal) {\n        var _this4 = this;\n\n        console.log(\"componentList\", newVal);\n\n        if (newVal != undefined && newVal.length != 0) {\n          newVal.forEach(function (ele) {\n            if (ele.timeMode == '周期统计' && _this4.$route.query.type == '实时视频') {\n              console.log(\"实时视频\", '周期统计');\n\n              _this4.$nextTick(function () {\n                // var thatNN = this;\n                ele.cycleStatisticsData.forEach(function (item) {\n                  if (item.type_data != null) {\n                    _this4.typeCycleStatistics = item;\n                  }\n                });\n\n                if (_this4.$refs.typeChartRef2 != undefined) {\n                  // // 轮循周期时刻生成的各类组件\n                  _this4.getRef(_this4.$refs.typeChartRef2, ele.timeMode);\n                }\n              });\n            }\n\n            if (ele.timeMode == '周期时刻' && _this4.$route.query.type == '实时视频') {\n              console.log(\"实时视频\", '周期时刻');\n\n              _this4.$nextTick(function () {\n                ele.cycleTimeData.forEach(function (item) {\n                  if (item.type_data != null) {\n                    item.time = item.time.split('.')[0];\n                    _this4.typeCycleStatistics = item;\n                  } // thatN.$nextTick(() => {\n\n                });\n\n                if (_this4.$refs.typeChartRef1 != undefined) {\n                  // // 轮循周期时刻生成的各类组件\n                  _this4.getRef(_this4.$refs.typeChartRef1, ele.timeMode);\n                }\n              });\n            }\n\n            if (ele.timeMode == '周期统计' && _this4.$route.query.type == '离线视频') {\n              if (_this4.cycleHistoryData.CycleStatisticsData != undefined && _this4.cycleHistoryData.CycleStatisticsData.lenght != 0) {\n                _this4.cycleHistoryData.CycleStatisticsData.forEach(function (ne) {\n                  if (ne.component_id == ele.analogAreaComponentId) {\n                    ele.cycleStatisticsData = ne.cycleStatisticsData;\n                  }\n                });\n\n                _this4.$nextTick(function () {\n                  ele.cycleStatisticsData.forEach(function (item) {\n                    var timeNew = item.time.split('.')[0];\n                    var dateLength = timeNew.length;\n                    var key = timeNew.substring(dateLength - 8, dateLength);\n                    item.time = key;\n\n                    if (item.type_data != null) {\n                      _this4.typeCycleStatistics = item;\n                    } // thatN.$nextTick(() => {\n\n                  });\n\n                  if (_this4.$refs.typeChartRef2 != undefined) {\n                    // // 轮循周期时刻生成的各类组件\n                    _this4.getRef(_this4.$refs.typeChartRef2, '周期统计');\n                  }\n                });\n              }\n            }\n\n            if (ele.timeMode == '周期时刻' && _this4.$route.query.type == '离线视频') {\n              if (_this4.cycleHistoryData.CycleTimeData != undefined && _this4.cycleHistoryData.CycleTimeData.lenght != 0) {\n                _this4.cycleHistoryData.CycleTimeData.forEach(function (ne) {\n                  if (ne.component_id == ele.analogAreaComponentId) {\n                    ele.cycleTimeData = ne.cycleTimeData;\n                  }\n                });\n\n                _this4.$nextTick(function () {\n                  ele.cycleTimeData.forEach(function (item) {\n                    //   if(this.$route.query.type=='离线视频'){\n                    var timeNew = item.time.split('.')[0];\n                    var dateLength = timeNew.length;\n                    var key = timeNew.substring(dateLength - 8, dateLength);\n                    item.time = key; // }else{\n                    //      item.time = item.time.split('.')[0];\n                    // }\n\n                    if (item.type_data != null) {\n                      _this4.typeCycleStatistics = item;\n                    }\n                  });\n\n                  if (_this4.$refs.typeChartRef1 != undefined) {\n                    // // 轮循周期时刻生成的各类组件\n                    _this4.getRef(_this4.$refs.typeChartRef1, '周期时刻');\n                  }\n                });\n              }\n            }\n          });\n        }\n      },\n      immediate: true,\n      deep: true\n    },\n    cycleHistoryData: {\n      handler: function handler(newVal) {\n        var _this5 = this;\n\n        // debugger\n        console.log(\"历史\", newVal); // console.log(\"历史\",oldVal)\n\n        if (newVal != undefined) {\n          // newVal.forEach(ele => {\n          if (newVal.CycleStatisticsData) {\n            newVal.CycleStatisticsData.forEach(function (ele) {\n              _this5.$nextTick(function () {\n                // var thatNN = this;\n                ele.cycleStatisticsData.forEach(function (item) {\n                  if (item.type_data != null) {\n                    if (_this5.$route.query.type == '离线视频') {\n                      var timeNew = item.time.split('.')[0];\n                      var dateLength = timeNew.length;\n                      var key = timeNew.substring(dateLength - 8, dateLength);\n                      item.time = key;\n                    } else {\n                      item.time = item.time.split('.')[0];\n                    }\n\n                    _this5.typeCycleStatistics = item;\n                  }\n                });\n\n                if (_this5.$refs.typeChartRef2 != undefined) {\n                  // // 轮循周期时刻生成的各类组件\n                  _this5.getRef(_this5.$refs.typeChartRef2, '周期统计');\n                }\n              });\n            });\n          }\n\n          if (newVal.CycleTimeData) {\n            newVal.CycleTimeData.forEach(function (ele) {\n              _this5.$nextTick(function () {\n                //    debugger\n                // var thatNN = this;\n                ele.cycleTimeData.forEach(function (item) {\n                  if (_this5.$route.query.type == '离线视频') {\n                    var timeNew = item.time.split('.')[0];\n                    var dateLength = timeNew.length;\n                    var key = timeNew.substring(dateLength - 8, dateLength);\n                    item.time = key;\n                  } else {\n                    item.time = item.time.split('.')[0];\n                  }\n\n                  if (item.type_data != null) {\n                    _this5.typeCycleStatistics = item;\n                  }\n                });\n\n                if (_this5.$refs.typeChartRef1 != undefined) {\n                  // // 轮循周期时刻生成的各类组件                      \n                  _this5.getRef(_this5.$refs.typeChartRef1, '周期时刻');\n                }\n              });\n            });\n          } // });\n\n        }\n      },\n      immediate: true,\n      deep: true\n    },\n    // activeName:'channge',\n    // 处理过的触发数据\n    triggerListData: {\n      handler: function handler(newVal) {\n        var _this6 = this;\n\n        // console.log(\"newVal\",newVal)\n        this.triggerList = newVal; //  console.log(\"oldVal\",oldVal)\n        // 触发数据\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                // console.log(ele.analogAreaComponentId, 'analogAreaComponentId');\n                // console.log(item.component_id, 'component_id');\n                if (ele.trigger.length == 10) {\n                  ele.trigger.pop();\n                }\n\n                if (_this6.$route.query.type == '离线视频') {\n                  var timeNew = item.time.split('.')[0];\n                  var dateLength = timeNew.length;\n                  var key = timeNew.substring(dateLength - 8, dateLength);\n                  item.time = key;\n                } else {\n                  item.time = item.time.split('.')[0];\n                } // 该时间的触发数据\n\n\n                if (item.type_data != null) {\n                  _this.typeTimeMode = item;\n                }\n\n                ele.trigger.unshift(item);\n\n                _this.$nextTick(function () {\n                  if (_this.$refs.typeChartRef != undefined) {\n                    for (var i = 0; i < _this.$refs.typeChartRef.length; i++) {\n                      // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n                      var itemTypeChart = _this.$refs.typeChartRef[i];\n\n                      if (itemTypeChart.dataArr != undefined && itemTypeChart.dataArr.length != 0) {\n                        if (itemTypeChart.echartArr.includes('时间曲线图')) {\n                          _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0], '触发');\n                        }\n\n                        if (itemTypeChart.echartArr.includes('数值')) {\n                          _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr);\n                        }\n\n                        if (itemTypeChart.echartArr.includes('直方图') && itemTypeChart.componentName.split('_')[0]) {\n                          // 数据改变重新渲染柱状图\n                          itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0]);\n                        }\n\n                        if (itemTypeChart.echartArr.includes('饼状图') && itemTypeChart.componentName.split('_')[0]) {\n                          // 数据改变重新渲染饼图\n                          itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0]);\n                        }\n\n                        if (itemTypeChart.componentName.includes('OD') && itemTypeChart.$refs.ODChartRef != undefined && itemTypeChart.dataArr[0].ob_data.length != 0) {\n                          itemTypeChart.$refs.ODChartRef.drawThermalChart(itemTypeChart.dataArr[0].ob_data, itemTypeChart.startEndData);\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        if (newVal != undefined && newVal.length != 0 && this.sectionData) {\n          var thatN = this;\n          thatN.classify.forEach(function (ele, index) {\n            newVal.forEach(function (item) {\n              if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\n                if (ele.cycleTimeData.length == 10) {\n                  ele.cycleTimeData.pop();\n                } // item.time = item.time.split('.')[0];\n                //   if(this.$route.query.type=='离线视频'){\n                //      var timeNew = item.time.split('.')[0]\n                // var dateLength = timeNew.length;\n                // var key = timeNew.substring(dateLength-8,dateLength);\n                //      item.time = key;\n                // }else{\n                //      item.time = item.time.split('.')[0];\n                // }\n\n\n                if (item.type_data != null) {\n                  // 周期时刻的类型数据\n                  thatN.typeCycleTimeData = item;\n                }\n\n                ele.cycleTimeData.unshift(item); // thatN.$nextTick(() => {\n\n                if (thatN.$refs.typeChartRef1 != undefined) {\n                  // console.log(\"thatN.$refs.typeChartRef1\",thatN.$refs.typeChartRef1)\n                  // 轮循周期时刻生成的各类组件\n                  for (var i = 0; i < thatN.$refs.typeChartRef1.length; i++) {\n                    var itemTypeChartRef1 = thatN.$refs.typeChartRef1[i];\n\n                    if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {\n                      if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {\n                        thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻');\n                      }\n\n                      if (itemTypeChartRef1.echartArr.includes('数值')) {\n                        thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr);\n                      }\n\n                      if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {\n                        // 数据改变重新渲染柱状图\n                        itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0]);\n                      }\n\n                      if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {\n                        // 数据改变重新渲染饼图\n                        itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0]);\n                      }\n\n                      if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {\n                        itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0]);\n                      }\n\n                      if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {\n                        itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData);\n                      }\n                    }\n                  } // });\n\n                }\n              }\n            });\n          });\n        } else {\n          var _thatN = this;\n\n          _thatN.classify.forEach(function (ele, index) {\n            // newVal.forEach(item => {\n            if (ele.timeMode == '周期时刻') {\n              if (ele.cycleTimeData.length == 10) {\n                ele.cycleTimeData.pop();\n              } // item.time = item.time.split('.')[0];\n              // if (item.type_data != null) {\n              //     // 周期时刻的类型数据\n              //     _thatN.typeCycleTimeData = item;\n              // }\n              // ele.cycleTimeData.unshift(item);\n              // _thatN.$nextTick(() => {\n\n\n              if (_thatN.$refs.typeChartRef1 != undefined) {\n                // console.log(\"thatN.$refs.typeChartRef1\",_thatN.$refs.typeChartRef1)\n                // 轮循周期时刻生成的各类组件\n                for (var i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {\n                  var itemTypeChartRef1 = thatN.$refs.typeChartRef1[i];\n\n                  if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {\n                    if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {\n                      _thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻');\n                    }\n\n                    if (itemTypeChartRef1.echartArr.includes('数值')) {\n                      _thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr);\n                    }\n\n                    if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {\n                      // 数据改变重新渲染柱状图\n                      itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0]);\n                    }\n\n                    if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {\n                      // 数据改变重新渲染饼图\n                      itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0]);\n                    }\n\n                    if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {\n                      itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0]);\n                    }\n\n                    if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {\n                      itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData);\n                    }\n                  }\n                } // });\n\n              }\n            } // });\n\n          });\n        }\n      },\n      immediate: true\n    },\n    //周期统计\n    cycleStatisticsData: {\n      handler: function handler(newVal) {\n        var _this7 = this;\n\n        console.log(\"周期统计\", newVal);\n\n        if (newVal != undefined && newVal.length != 0 && this.sectionData) {\n          var that = this;\n          that.classify.forEach(function (ele, index) {\n            newVal.forEach(function (item) {\n              if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\n                if (ele.cycleStatisticsData.length == 10) {\n                  ele.cycleStatisticsData.pop();\n                }\n\n                if (_this7.$route.query.type == '离线视频') {\n                  var timeNew = item.time.split('.')[0];\n                  var dateLength = timeNew.length;\n                  var key = timeNew.substring(dateLength - 8, dateLength);\n                  item.time = key;\n                } else {\n                  item.time = item.time.split('.')[0];\n                }\n\n                if (item.type_data != null) {\n                  that.typeCycleStatistics = item;\n                }\n\n                ele.cycleStatisticsData.unshift(item);\n\n                if (that.$refs.typeChartRef2 != undefined) {\n                  for (var i = 0; i < that.$refs.typeChartRef2.length; i++) {\n                    var itemTypeChartRef2 = that.$refs.typeChartRef2[i];\n\n                    if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {\n                      if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {\n                        that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef2[i].dataArr, that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计');\n                      }\n\n                      if (itemTypeChartRef2.echartArr.includes('数值')) {\n                        that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr);\n                      } // console.log(item,'组件数据');\n\n\n                      if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {\n                        // 数据改变重新渲染柱状图\n                        // console.log(item, '组件');\n                        itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0]);\n                      }\n\n                      if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {\n                        // 数据改变重新渲染饼图\n                        itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0]);\n                      } //  if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {\n                      //     item.$refs.avgChartRef.drawBar(item.dataArr[0])\n                      // }\n\n\n                      if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {\n                        itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0]);\n                      }\n                    }\n                  }\n                }\n              }\n            });\n          });\n        } else {\n          var _that = this;\n\n          _that.classify.forEach(function (ele) {\n            if (ele.timeMode == '周期统计') {\n              if (ele.cycleStatisticsData.length == 10) {\n                ele.cycleStatisticsData.pop();\n              } // item.time = item.time.split('.')[0];\n              //  if (item.type_data != null) {\n              //       _that.typeCycleStatistics = item;\n              //  }\n              // ele.cycleStatisticsData.unshift(item);\n\n\n              if (_that.$refs.typeChartRef2 != undefined) {\n                for (var i = 0; i < _that.$refs.typeChartRef2.length; i++) {\n                  var itemTypeChartRef2 = _that.$refs.typeChartRef2[i]; // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\n\n                  if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {\n                    // this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])\n                    if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {\n                      _that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计');\n                    }\n\n                    if (itemTypeChartRef2.echartArr.includes('数值')) {\n                      _that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr);\n                    } // console.log(item,'组件数据');\n\n\n                    if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {\n                      // 数据改变重新渲染柱状图\n                      // console.log(item, '组件');\n                      itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0]);\n                    }\n\n                    if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {\n                      // 数据改变重新渲染饼图\n                      itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0]);\n                    } //  if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {\n                    //     item.$refs.avgChartRef.drawBar(item.dataArr[0])\n                    // }\n\n\n                    if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {\n                      itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0]);\n                    }\n                  }\n                }\n              }\n            }\n          });\n        }\n      },\n      immediate: true\n    }\n  }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\">\r\n        <el-empty v-show=\"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                <!-- :class=\"sectionData.length <= 1 ? 'sectionBox' : 'section'\" -->\r\n                <div class=\"plate1\" ref=\"plate1\">\r\n                    <div class=\"section\"  ref=\"section\" v-for=\"s in sectionData\"\r\n                        :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\" @change=\"handleChange\">\r\n                                        <div style=\"position:relative\" v-for=\"o in s.children\"\r\n                                            :key=\"o.analogAreaComponentId\">\r\n                                            <div class=\"titleGnag\"></div>\r\n                                            <el-collapse-item :title=\"o.componentName + o.timeMode\"\r\n                                                :name=\"o.analogAreaComponentId\">\r\n\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                                                    :startEndData=\"{ start: o.startSectionNames, end: o.endSectionNames }\" />\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                                                    :startEndData=\"{ start: o.startSectionNames, end: o.endSectionNames }\"\r\n                                                    />\r\n\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.cycleStatisticsData\" :echartArr=\"o.presentationForm\"\r\n                                                    :title=\"o.componentName.split('_')[0]\" :chartName=\"o.combinationName\"\r\n                                                    :typeValue=\"typeCycleStatistics\"\r\n                                                    :startEndData=\"{ start: o.startSectionNames, end: o.endSectionNames }\" />\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\n// import {mapMutation} from 'vuex'\r\nimport { getComponentSection } from '../../api/index';\r\nexport default {\r\n    components: {\r\n        typeChart,\r\n\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        cycleStatisticsData: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        //历史数据\r\n        cycleHistoryData: {\r\n            type: Object,\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            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            // cycleHistoryData:''\r\n        };\r\n    },\r\n    // beforeCeated(){\r\n\r\n    // },\r\n    created() {\r\n        // this.getNew()\r\n        // console.log(\"cycleHistoryData\",this.cycleHistoryData)\r\n    },\r\n    methods: {\r\n        // 手风琴下拉切换\r\n        handleChange(val) {\r\n        // setTimeout(() => {\r\n        //                 this.$nextTick(function () {\r\n        //         var myEvent = new Event(\"resize\");\r\n        //         window.dispatchEvent(myEvent);\r\n        //     });\r\n        //     }, 3000);\r\n        },\r\n        getNew() {\r\n            // this.idVal = ;\r\n            getComponentSection({ VideoId: this.$route.query.id, Number: 10 }).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        },\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                //    console.log(\"val\",val)\r\n                this.sectionArr.push(val.combinationName);\r\n                this.sectionArr = Array.from(new Set(this.sectionArr));\r\n\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                        if (val.timeMode == '周期统计' || this.cycleStatisticsData.length == 0) {\r\n                           \r\n                                 item.cycleStatisticsData = val.cycleStatisticsData\r\n                           \r\n                        }\r\n                        if (val.timeMode == '周期时刻' || this.cycleTimeData.length == 0) {\r\n                          \r\n                            item.cycleTimeData = val.cycleTimeData\r\n                          \r\n                        }\r\n                    }\r\n                    this.acticveName.push([val.analogAreaComponentId]);\r\n                });\r\n                return item;\r\n            });\r\n        },\r\n        // 组件图标点击下拉事件\r\n        sectionHandle(i) {\r\n            let sections = document.querySelectorAll('.section');\r\n            let sectionBox = document.querySelectorAll('.sectionBox');\r\n            let downPulls1 = document.querySelectorAll('.downPull1');\r\n            // 断面的小图标\r\n            downPulls1[i].dataset.num++;\r\n            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\r\n        // 触发数据的类型数值\r\n\r\n        //循环方法\r\n        getRef(data, timeMode) {\r\n            for (let i = 0; i < data.length; i++) {\r\n                let refItem = data[i]\r\n                if (data.length != 0 && refItem.dataArr != undefined && refItem.dataArr.length != 0) {\r\n                    if (refItem.echartArr.includes('时间曲线图')) {\r\n                        refItem.$refs.lineChartRef.drawLine(refItem.dataArr, refItem.componentName.split('_')[0], timeMode)\r\n                    }\r\n                    if (refItem.echartArr.includes('数值')) {\r\n                        refItem.getDataArr(refItem.dataArr)\r\n                    }\r\n                    if (refItem.echartArr.includes('直方图') && refItem.$refs.barChartRef.drawBar) {\r\n                        // 数据改变重新渲染柱状图\r\n                        refItem.$refs.barChartRef.drawBar(refItem.dataArr[0])\r\n                    }\r\n                    if (refItem.echartArr.includes('饼状图') && refItem.$refs.pieChartRef.drawPie) {\r\n                        // 数据改变重新渲染饼图\r\n                        refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0])\r\n                    }\r\n                    if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef != undefined) {\r\n                        refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0])\r\n                    }\r\n                    if (refItem.componentName.includes('OD') && refItem.$refs.ODChartRef != undefined && refItem.dataArr[0].ob_data.length != 0) {\r\n                        refItem.$refs.ODChartRef.drawThermalChart(refItem.dataArr[0].ob_data, refItem.startEndData)\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        //处理离线视频历史数据\r\n        changecycleHistoryData(){\r\n\r\n        }\r\n    },\r\n    mounted() { },\r\n    watch: {\r\n        // 触发的原始数据\r\n        triggerData: {\r\n            handler(newVal, oldVal) { },\r\n            immediate: true\r\n        },\r\n        componentList: {\r\n            handler(newVal) {\r\n                console.log(\"componentList\", newVal)\r\n\r\n                if (newVal != undefined && newVal.length != 0) {\r\n                    newVal.forEach(ele => {\r\n                        if (ele.timeMode == '周期统计'&&this.$route.query.type=='实时视频') {\r\n                            console.log(\"实时视频\",'周期统计')\r\n                            this.$nextTick(() => {\r\n                                // var thatNN = this;\r\n                                ele.cycleStatisticsData.forEach(item => {\r\n                                    if (item.type_data != null) {\r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n                                })\r\n                                if (this.$refs.typeChartRef2 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件\r\n                                    this.getRef(this.$refs.typeChartRef2, ele.timeMode)\r\n                                }\r\n                            })\r\n                        }\r\n                        if (ele.timeMode == '周期时刻'&&this.$route.query.type=='实时视频') {\r\n                          console.log(\"实时视频\",'周期时刻')\r\n                            this.$nextTick(() => {\r\n                                ele.cycleTimeData.forEach(item => {\r\n                                    if (item.type_data != null) {\r\n                                       item.time = item.time.split('.')[0];\r\n                                       \r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n                                    // thatN.$nextTick(() => {\r\n\r\n                                })\r\n                                if (this.$refs.typeChartRef1 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件\r\n                                    this.getRef(this.$refs.typeChartRef1, ele.timeMode)\r\n                                }\r\n                            })\r\n\r\n                        }\r\n                        if(ele.timeMode == '周期统计'&&this.$route.query.type=='离线视频'){\r\n                           \r\n                              if(this.cycleHistoryData.CycleStatisticsData!=undefined&&this.cycleHistoryData.CycleStatisticsData.lenght!=0){\r\n                                     this.cycleHistoryData.CycleStatisticsData.forEach(ne => {\r\n                                        if(ne.component_id== ele.analogAreaComponentId ){\r\n                                            ele.cycleStatisticsData = ne.cycleStatisticsData\r\n                                        }\r\n                                    \r\n                                    })\r\n                                     this.$nextTick(() => {\r\n                                     ele.cycleStatisticsData.forEach(item => {\r\n                                    var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    if (item.type_data != null) {\r\n                                    \r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n                                    // thatN.$nextTick(() => {\r\n\r\n                                })\r\n                                    if (this.$refs.typeChartRef2 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件\r\n                                    this.getRef(this.$refs.typeChartRef2, '周期统计')\r\n                                    }\r\n                                })\r\n                           \r\n                                \r\n                        }\r\n                        \r\n\r\n\r\n                        } if(ele.timeMode == '周期时刻'&&this.$route.query.type=='离线视频'){\r\n                                if(this.cycleHistoryData.CycleTimeData!=undefined &&this.cycleHistoryData.CycleTimeData.lenght!=0){\r\n                                     this.cycleHistoryData.CycleTimeData.forEach(ne => {\r\n                                        if(ne.component_id== ele.analogAreaComponentId ){\r\n                                            ele.cycleTimeData = ne.cycleTimeData\r\n                                        }\r\n                                    \r\n                                    })\r\n                                     this.$nextTick(() => {\r\n                                         ele.cycleTimeData.forEach(item => {\r\n                                            //   if(this.$route.query.type=='离线视频'){\r\n                                         var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    // }else{\r\n                                    //      item.time = item.time.split('.')[0];\r\n                                    // }\r\n                                    if (item.type_data != null) {\r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n                                    })\r\n                                    if (this.$refs.typeChartRef1 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件\r\n                                    \r\n                                    this.getRef(this.$refs.typeChartRef1, '周期时刻')\r\n                                    }\r\n                                     })\r\n                                    \r\n                                }\r\n                        }\r\n                       \r\n                    });\r\n                }\r\n            },\r\n            immediate: true,\r\n            deep: true,\r\n        },\r\n         cycleHistoryData: {\r\n            handler(newVal) {\r\n                // debugger\r\n                console.log(\"历史\",newVal)\r\n                // console.log(\"历史\",oldVal)\r\n              if (newVal != undefined ) {\r\n                    // newVal.forEach(ele => {\r\n                        if (newVal.CycleStatisticsData) {\r\n                            newVal.CycleStatisticsData.forEach(ele => {\r\n                                this.$nextTick(() => {\r\n                                // var thatNN = this;\r\n                                ele.cycleStatisticsData.forEach(item => {\r\n                                    if (item.type_data != null) {\r\n                                          if(this.$route.query.type=='离线视频'){\r\n                                         var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    }else{\r\n                                         item.time = item.time.split('.')[0];\r\n                                    }\r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n                                })\r\n                                if (this.$refs.typeChartRef2 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件\r\n                                    this.getRef(this.$refs.typeChartRef2, '周期统计')\r\n                                }\r\n                            })\r\n                            })\r\n                            \r\n                        }\r\n                        if (newVal.CycleTimeData) {\r\n                            newVal.CycleTimeData.forEach(ele => {\r\n                                this.$nextTick(() => {\r\n                                    //    debugger\r\n                                // var thatNN = this;\r\n                                ele.cycleTimeData.forEach(item => {\r\n                                       if(this.$route.query.type=='离线视频'){\r\n                                         var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    }else{\r\n                                         item.time = item.time.split('.')[0];\r\n                                    }\r\n                                    if (item.type_data != null) {\r\n                                        this.typeCycleStatistics = item;\r\n                                    }\r\n\r\n                                })\r\n                                if (this.$refs.typeChartRef1 != undefined) {\r\n                                    // // 轮循周期时刻生成的各类组件                      \r\n                                    this.getRef(this.$refs.typeChartRef1, '周期时刻')\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             deep: true,\r\n        },\r\n        // activeName:'channge',\r\n        // 处理过的触发数据\r\n        triggerListData: {\r\n            handler(newVal) {\r\n                // console.log(\"newVal\",newVal)\r\n                this.triggerList = newVal;\r\n                //  console.log(\"oldVal\",oldVal)\r\n                // 触发数据\r\n                var _this = this\r\n                if (newVal.length != 0 && _this.sectionData) {\r\n                    _this.classify.forEach((ele, index) => {\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                                // console.log(ele.analogAreaComponentId, 'analogAreaComponentId');\r\n                                // console.log(item.component_id, 'component_id');\r\n                                if (ele.trigger.length == 10) {\r\n                                    ele.trigger.pop();\r\n                                } \r\n                                    if(this.$route.query.type=='离线视频'){\r\n                                         var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    }else{\r\n                                         item.time = item.time.split('.')[0];\r\n                                    }\r\n                                   \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                                        if (_this.$refs.typeChartRef != undefined) {\r\n                                            for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {\r\n                                                // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n                                                let itemTypeChart = _this.$refs.typeChartRef[i]\r\n                                                if (itemTypeChart.dataArr != undefined && itemTypeChart.dataArr.length != 0) {\r\n                                                    if (itemTypeChart.echartArr.includes('时间曲线图')) {\r\n                                                        _this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0], '触发')\r\n                                                    }\r\n                                                    if (itemTypeChart.echartArr.includes('数值')) {\r\n                                                        _this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)\r\n                                                    }\r\n\r\n                                                    if (itemTypeChart.echartArr.includes('直方图') && itemTypeChart.componentName.split('_')[0]) {\r\n                                                        // 数据改变重新渲染柱状图\r\n                                                        itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0])\r\n                                                    }\r\n                                                    if (itemTypeChart.echartArr.includes('饼状图') && itemTypeChart.componentName.split('_')[0]) {\r\n                                                        // 数据改变重新渲染饼图\r\n                                                        itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0])\r\n                                                    }\r\n                                                    if (itemTypeChart.componentName.includes('OD') && itemTypeChart.$refs.ODChartRef != undefined && itemTypeChart.dataArr[0].ob_data.length != 0) {\r\n                                                        itemTypeChart.$refs.ODChartRef.drawThermalChart(itemTypeChart.dataArr[0].ob_data, itemTypeChart.startEndData)\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\r\n                if (newVal != undefined && newVal.length != 0 && this.sectionData) {\r\n                    var thatN = this;\r\n                    thatN.classify.forEach((ele, index) => {\r\n\r\n                        newVal.forEach(item => {\r\n\r\n                            if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {\r\n\r\n                                if (ele.cycleTimeData.length == 10) {\r\n                                    ele.cycleTimeData.pop();\r\n                             \r\n                                } \r\n                                    // item.time = item.time.split('.')[0];\r\n                                    //   if(this.$route.query.type=='离线视频'){\r\n                                    //      var timeNew = item.time.split('.')[0]\r\n                                    // var dateLength = timeNew.length;\r\n                                    // var key = timeNew.substring(dateLength-8,dateLength);\r\n                                    //      item.time = key;\r\n                                    // }else{\r\n                                    //      item.time = item.time.split('.')[0];\r\n                                    // }\r\n                                    if (item.type_data != null) {\r\n                                        // 周期时刻的类型数据\r\n                                        thatN.typeCycleTimeData = item;\r\n                                    }\r\n                                    ele.cycleTimeData.unshift(item);\r\n\r\n                                    // thatN.$nextTick(() => {\r\n                                    if (thatN.$refs.typeChartRef1 != undefined) {\r\n                                        // console.log(\"thatN.$refs.typeChartRef1\",thatN.$refs.typeChartRef1)\r\n                                        // 轮循周期时刻生成的各类组件\r\n                                        for (let i = 0; i < thatN.$refs.typeChartRef1.length; i++) {\r\n                                            let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]\r\n                                            if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {\r\n\r\n                                                if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {\r\n                                                    thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')\r\n                                                }\r\n                                                if (itemTypeChartRef1.echartArr.includes('数值')) {\r\n                                                    thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)\r\n                                                }\r\n\r\n                                                if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {\r\n                                                    // 数据改变重新渲染柱状图\r\n                                                    itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])\r\n                                                }\r\n                                                if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {\r\n                                                    // 数据改变重新渲染饼图\r\n                                                    itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])\r\n                                                }\r\n                                                if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {\r\n                                                    itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])\r\n                                                }\r\n                                                if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {\r\n                                                    itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)\r\n                                                }\r\n                                            }\r\n                                        }\r\n                                    \r\n\r\n                                    // });\r\n                                }\r\n                            }\r\n                        });\r\n                    });\r\n                } else {\r\n                    var _thatN = this\r\n                    _thatN.classify.forEach((ele, index) => {\r\n\r\n                        // newVal.forEach(item => {\r\n                        if (ele.timeMode == '周期时刻') {\r\n                            if (ele.cycleTimeData.length == 10) {\r\n                                ele.cycleTimeData.pop();\r\n                            } \r\n                                // item.time = item.time.split('.')[0];\r\n                                // if (item.type_data != null) {\r\n                                //     // 周期时刻的类型数据\r\n                                //     _thatN.typeCycleTimeData = item;\r\n                                // }\r\n                                // ele.cycleTimeData.unshift(item);\r\n                                // _thatN.$nextTick(() => {\r\n                                if (_thatN.$refs.typeChartRef1 != undefined) {\r\n                                    // console.log(\"thatN.$refs.typeChartRef1\",_thatN.$refs.typeChartRef1)\r\n                                    // 轮循周期时刻生成的各类组件\r\n                                    for (let i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {\r\n                                        let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]\r\n                                        if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {\r\n\r\n                                            if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {\r\n                                                _thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')\r\n                                            }\r\n                                            if (itemTypeChartRef1.echartArr.includes('数值')) {\r\n                                                _thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr)\r\n                                            }\r\n\r\n                                            if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {\r\n                                                // 数据改变重新渲染柱状图\r\n                                                itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])\r\n                                            }\r\n                                            if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {\r\n                                                // 数据改变重新渲染饼图\r\n                                                itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])\r\n                                            }\r\n                                            if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {\r\n                                                itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])\r\n                                            }\r\n                                            if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {\r\n                                                itemTypeChartRef1.$refs.ODChartRef.drawThermalChart(itemTypeChartRef1.dataArr[0].ob_data, itemTypeChartRef1.startEndData)\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        cycleStatisticsData: {\r\n            handler(newVal) {\r\n                console.log(\"周期统计\", newVal)\r\n                if (newVal != undefined && newVal.length != 0 && this.sectionData) {\r\n                    var that = this;\r\n                    that.classify.forEach((ele, index) => {\r\n                        newVal.forEach(item => {\r\n                            if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {\r\n                                if (ele.cycleStatisticsData.length == 10) {\r\n                                    ele.cycleStatisticsData.pop();\r\n                                } \r\n\r\n                                      if(this.$route.query.type=='离线视频'){\r\n                                         var timeNew = item.time.split('.')[0]\r\n                                    var dateLength = timeNew.length;\r\n                                    var key = timeNew.substring(dateLength-8,dateLength);\r\n                                         item.time = key;\r\n                                    }else{\r\n                                         item.time = item.time.split('.')[0];\r\n                                    }\r\n                                    if (item.type_data != null) {\r\n                                        that.typeCycleStatistics = item;\r\n                                    }\r\n                                    ele.cycleStatisticsData.unshift(item);\r\n                                    if (that.$refs.typeChartRef2 != undefined) {\r\n                                        for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {\r\n                                            let itemTypeChartRef2 = that.$refs.typeChartRef2[i];\r\n\r\n                                            if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {\r\n                                                if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {\r\n                                                    that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef2[i].dataArr, that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')\r\n                                                }\r\n                                                if (itemTypeChartRef2.echartArr.includes('数值')) {\r\n                                                    that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr)\r\n                                                }\r\n                                                // console.log(item,'组件数据');\r\n                                                if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {\r\n                                                    // 数据改变重新渲染柱状图\r\n                                                    // console.log(item, '组件');\r\n                                                    itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])\r\n                                                }\r\n                                                if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {\r\n                                                    // 数据改变重新渲染饼图\r\n                                                    itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])\r\n                                                }\r\n\r\n                                                //  if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {\r\n                                                //     item.$refs.avgChartRef.drawBar(item.dataArr[0])\r\n                                                // }\r\n                                                if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {\r\n                                                    itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.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                else {\r\n\r\n                    var _that = this\r\n                    _that.classify.forEach(ele => {\r\n                        if (ele.timeMode == '周期统计') {\r\n                            if (ele.cycleStatisticsData.length == 10) {\r\n                                ele.cycleStatisticsData.pop();\r\n                            } \r\n                                // item.time = item.time.split('.')[0];\r\n                                //  if (item.type_data != null) {\r\n                                //       _that.typeCycleStatistics = item;\r\n                                //  }\r\n                                // ele.cycleStatisticsData.unshift(item);\r\n                                if (_that.$refs.typeChartRef2 != undefined) {\r\n                                    for (let i = 0; i < _that.$refs.typeChartRef2.length; i++) {\r\n                                        let itemTypeChartRef2 = _that.$refs.typeChartRef2[i];\r\n                                        // console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');\r\n                                        if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.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 (itemTypeChartRef2.echartArr.includes('时间曲线图')) {\r\n                                                _that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')\r\n                                            }\r\n                                            if (itemTypeChartRef2.echartArr.includes('数值')) {\r\n                                                _that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr)\r\n                                            }\r\n                                            // console.log(item,'组件数据');\r\n                                            if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {\r\n                                                // 数据改变重新渲染柱状图\r\n                                                // console.log(item, '组件');\r\n                                                itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])\r\n                                            }\r\n                                            if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {\r\n                                                // 数据改变重新渲染饼图\r\n                                                itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])\r\n                                            }\r\n\r\n                                            //  if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {\r\n                                            //     item.$refs.avgChartRef.drawBar(item.dataArr[0])\r\n                                            // }\r\n                                            if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {\r\n                                                itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.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            immediate: true\r\n        },\r\n       \r\n    }\r\n};\r\n</script>\r\n\r\n<style>\r\n.titleGnag {\r\n    width: 3px;\r\n    height: 18px;\r\n    display: inline-block;\r\n    background-color: #3297ff;\r\n    position: absolute;\r\n    top: 14px;\r\n}\r\n\r\n.el-collapse-item__header {\r\n    font-size: 15px;\r\n    margin-left: 10px;\r\n}\r\n</style>\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"}]}