{"remainingRequest":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\SingleBridge.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\SingleBridge.vue","mtime":1709144045087},{"path":"D:\\jenkins\\workspace\\yhxt-web\\babel.config.js","mtime":1667326389982},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _toConsumableArray from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 * as echarts from 'echarts';\nimport orgData from \"./orgData.json\";\nimport utils from '@/utils.js';\nimport basicData from '@/api/basicData.js';\nimport InfoWindowVue from '@/views/bigScreen/components/InfoWindowDialog.vue'; // 引入信息窗体\n// import CascaderCompany from '@/components/selector/CascaderCompany.vue' // 引入公司下拉选择组件\nimport Title from \"./components/Title.vue\";\nimport VueSeamlessScroll from 'vue-seamless-scroll';\nimport DetailDialog from \"./components/DetailDialog.vue\";\nimport { mapMixin } from \"./mixin/mapMixin.js\"; // 混入配置地图相关数据与方法\nimport { mixin } from \"./mixin/mixin.js\"; // 混入页面请求数据方法以及配置\nexport default {\n  name: 'bigScreen',\n  mixins: [mapMixin, mixin],\n  components: {\n    Title: Title,\n    VueSeamlessScroll: VueSeamlessScroll,\n    InfoWindowVue: InfoWindowVue,\n    DetailDialog: DetailDialog\n    // CascaderCompany,\n  },\n  data: function data() {\n    var _loading;\n    return {\n      loadingColor: 'rgba(6, 46, 106, 0.01)',\n      loading: (_loading = {\n        warnInfoData: false,\n        beamMonitorData: false,\n        sectionStrainData: false,\n        structuralCracksData: false,\n        temperatureData: false,\n        earthquakeData: false\n      }, _defineProperty(_loading, \"sectionStrainData\", false), _defineProperty(_loading, \"otherDataData\", false), _defineProperty(_loading, \"barChartBRData\", false), _loading),\n      //   梁端位移监测\n      beamMonitorOption: null,\n      beamMonitorResource: null,\n      beamMonitorData: [{\n        name: '2023-02-01 10:00:12',\n        value: 7\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 5\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 6\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }],\n      //   关键截面应变\n      sectionStrainOption: null,\n      sectionStrainResource: null,\n      sectionStrainData: [{\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 10\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 5\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }],\n      //   结构裂缝\n      structuralCracksOption: null,\n      structuralCracksResource: null,\n      structuralCracksData: [{\n        name: '2023-02-01 10:00:12',\n        value: 7\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 8\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 6\n      }],\n      //   环境温度湿度\n      temperatureOption: null,\n      temperatureResource: null,\n      temperatureData: [{\n        name: '2023-02-01 10:00:12',\n        value: 2\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 7\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 8\n      }],\n      //   地震\n      earthquakeOption: null,\n      earthquakeResource: null,\n      earthquakeData: [{\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 7\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 4\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 9\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 3\n      }],\n      //   结构倾斜\n      structureOption: null,\n      structureResource: null,\n      structureData: [{\n        name: '2023-02-01 10:00:12',\n        value: 9\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 10\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 2\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 5\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 7\n      }],\n      //   其他数据监测\n      otherDataOption: null,\n      otherDataResource: null,\n      otherDataData: [{\n        name: '2023-02-01 10:00:12',\n        value: 5\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 2\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 8\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 6\n      }, {\n        name: '2023-02-01 10:00:12',\n        value: 8\n      }],\n      barChartBR: null,\n      barChartBROption: null,\n      barChartBRData: [{\n        name: '2023-02-01 10:00:12',\n        value: 70\n      }, {\n        name: '2023-02-02 10:00:12',\n        value: 50\n      }, {\n        name: '2023-02-03 10:00:12',\n        value: 42\n      }, {\n        name: '2023-02-04 10:00:12',\n        value: 80\n      }, {\n        name: '2023-02-05 10:00:12',\n        value: 38\n      }, {\n        name: '2023-02-06 10:00:12',\n        value: 68\n      }, {\n        name: '2023-02-07 10:00:12',\n        value: 52\n      }, {\n        name: '2023-02-08 10:00:12',\n        value: 39\n      }, {\n        name: '2023-02-09 10:00:12',\n        value: 69\n      }, {\n        name: '2023-02-010 10:00:12',\n        value: 48\n      }],\n      activeBridgeId: '',\n      // 当前选中桥梁\n      nowDate: null,\n      timer: null,\n      year: new Date().getFullYear(),\n      mouth: new Date().getMonth(),\n      options: orgData.list,\n      companyId: ['1419863231459102720'],\n      // 组织id(做为查询参数)\n      companyIds: [],\n      roadSegmentId: '',\n      // 路段id(做为查询参数)\n      issueDate: '',\n      // 时间范围(做为查询参数)\n      roadData: [],\n      // 路段列表数据\n      active: '1',\n      // 当前选中\n      prvActive: '1',\n      // 点击选中\n      basicList: [{\n        id: 'first',\n        name: '桥梁类型',\n        children: [{\n          id: 1,\n          name: '悬索桥',\n          type: 1,\n          num: 0,\n          src: require(\"./img/xsq-icon.png\"),\n          activeSrc: require(\"./img/xsq-icon-active.png\")\n        }, {\n          id: 2,\n          name: '斜拉桥',\n          type: 2,\n          num: 0,\n          src: require(\"./img/xlq-icon.png\"),\n          activeSrc: require(\"./img/xlq-icon-active.png\")\n        }, {\n          id: 3,\n          name: '梁桥',\n          type: 3,\n          num: 0,\n          src: require(\"./img/lq-icon.png\"),\n          activeSrc: require(\"./img/lq-icon-active.png\")\n        }, {\n          id: 4,\n          name: '供桥',\n          type: 4,\n          num: 0,\n          src: require(\"./img/gq-icon.png\"),\n          activeSrc: require(\"./img/gq-icon-active.png\")\n        }]\n      }, {\n        id: 'seconed',\n        name: '监测设备',\n        children: [{\n          id: 5,\n          name: '环境',\n          type: 1,\n          num: 0,\n          src: require(\"./img/hj-icon.png\"),\n          activeSrc: require(\"./img/hj-icon-active.png\")\n        }, {\n          id: 6,\n          name: '作用',\n          type: 2,\n          num: 0,\n          src: require(\"./img/zy-icon.png\"),\n          activeSrc: require(\"./img/zy-icon-active.png\")\n        }, {\n          id: 7,\n          name: '结构响应',\n          type: 3,\n          num: 0,\n          src: require(\"./img/jgxy-icon.png\"),\n          activeSrc: require(\"./img/jgxy-icon-active.png\")\n        }, {\n          id: 8,\n          name: '结构变化',\n          type: 4,\n          num: 0,\n          src: require(\"./img/jgbh-icon.png\"),\n          activeSrc: require(\"./img/jgbh-icon-active.png\")\n        }]\n      }],\n      deviceDetailData: [],\n      //设备详情列表数据\n      bridgeInfoData: [{\n        name: '雪厚度',\n        num: 0,\n        unit: 'mm'\n      }, {\n        name: '摩擦系数',\n        num: 0.82,\n        unit: 'mm'\n      }, {\n        name: '路面状况',\n        num: '潮',\n        unit: ''\n      }, {\n        name: '水膜高度',\n        num: 0,\n        unit: 'mm'\n      }, {\n        name: '路面温度',\n        num: 6.2,\n        unit: '℃'\n      }, {\n        name: '冰层厚度',\n        num: '潮',\n        unit: ''\n      }, {\n        name: '雪深',\n        num: 0,\n        unit: 'mm'\n      }],\n      warnInfoData: [{\n        warnDate: '2023-02-01 10:00:12',\n        deviceName: '监控设备故障',\n        warnMsg: '数据传输异常'\n      }, {\n        warnDate: '2023-02-01 10:00:12',\n        deviceName: '监控设备故障',\n        warnMsg: '数据传输异常'\n      }, {\n        warnDate: '2023-02-01 10:00:12',\n        deviceName: '监控设备故障',\n        warnMsg: '数据传输异常'\n      }, {\n        warnDate: '2023-02-01 10:00:12',\n        deviceName: '监控设备故障',\n        warnMsg: '数据传输异常'\n      }, {\n        warnDate: '2023-02-01 10:00:12',\n        deviceName: '监控设备故障',\n        warnMsg: '数据传输异常'\n      }]\n    };\n  },\n  created: function created() {\n    this.getRoadData();\n    var year = this.year,\n      mouth = this.mouth;\n    mouth = mouth + 1;\n    this.issueDate = \"\".concat(year, \"-\").concat(mouth > 10 ? mouth : '0' + mouth);\n  },\n  mounted: function mounted() {\n    var _this = this; // 声明一个变量指向Vue实例this，保证作用域一致\n    this.timer = setInterval(function () {\n      _this.nowDate = utils.formatDate(new Date()); //修改数据date\n    }, 1000);\n    this.initData();\n  },\n  methods: {\n    initData: function initData() {\n      this.drawbeamMonitorResource();\n      this.drawsectionStrainResource();\n      this.drawstructuralCracksResource();\n      this.drawtemperatureResource();\n      this.drawearthquakeResource();\n      this.drawstructureResource();\n      this.drawotherDataResource();\n      this.drawBarChartBR();\n    },\n    // 梁端位移监测\n    drawbeamMonitorResource: function drawbeamMonitorResource() {\n      var _this2 = this;\n      // chart 已存在则为更新数据\n      if (this.beamMonitorResource) {\n        this.beamMonitorOption.xAxis.data = this.beamMonitorData.map(function (item) {\n          return item.name;\n        });\n        this.beamMonitorOption.series[0].data = this.beamMonitorData.map(function (item) {\n          return item.value;\n        });\n        this.beamMonitorResource.setOption(this.beamMonitorOption);\n      } else {\n        var _tooltip;\n        // chart 不存在则为初始化数据和图表\n        this.beamMonitorResource = echarts.init(document.getElementById('beamMonitor'));\n        this.beamMonitorOption = {\n          color: ['#66B2FF'],\n          tooltip: (_tooltip = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip, \"confine\", true), _defineProperty(_tooltip, \"position\", 'bottom'), _defineProperty(_tooltip, \"formatter\", '{b}<br/>' + '梁端位移：' + '{c}mm'), _tooltip),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.beamMonitorData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（mm）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(102,178,255,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(102,178,255,0)'\n              }])\n            },\n            data: this.beamMonitorData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.beamMonitorOption && this.beamMonitorResource.setOption(this.beamMonitorOption);\n        window.addEventListener('resize', function () {\n          return _this2.beamMonitorResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.beamMonitorData.shift()\n        //   this.beamMonitorData.push(obj)\n\n        //   this.beamMonitorOption.series[0].data = this.beamMonitorData\n        //   this.beamMonitorResource.setOption(this.beamMonitorOption)\n        // }, 1000)\n      }\n    },\n    // 关键截面应变\n    drawsectionStrainResource: function drawsectionStrainResource() {\n      var _this3 = this;\n      // chart 已存在则为更新数据\n      if (this.sectionStrainResource) {\n        this.sectionStrainOption.xAxis.data = this.sectionStrainData.map(function (item) {\n          return item.name;\n        });\n        this.sectionStrainOption.series[0].data = this.sectionStrainData.map(function (item) {\n          return item.value;\n        });\n        this.sectionStrainResource.setOption(this.sectionStrainOption);\n      } else {\n        var _tooltip2;\n        // chart 不存在则为初始化数据和图表\n        this.sectionStrainResource = echarts.init(document.getElementById('sectionStrain'));\n        this.sectionStrainOption = {\n          color: ['#55EDB0'],\n          tooltip: (_tooltip2 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip2, \"confine\", true), _defineProperty(_tooltip2, \"position\", 'bottom'), _defineProperty(_tooltip2, \"formatter\", '{b}<br/>' + '关键截面应变：' + '{c}Hz'), _tooltip2),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.sectionStrainData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（Hz）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(85,237,176,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(85,237,176,0)'\n              }])\n            },\n            data: this.sectionStrainData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.sectionStrainOption && this.sectionStrainResource.setOption(this.sectionStrainOption);\n        window.addEventListener('resize', function () {\n          return _this3.sectionStrainResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.sectionStrainData.shift()\n        //   this.sectionStrainData.push(obj)\n\n        //   this.sectionStrainOption.series[0].data = this.sectionStrainData\n        //   this.sectionStrainResource.setOption(this.sectionStrainOption)\n        // }, 1000)\n      }\n    },\n    // 结构裂缝\n    drawstructuralCracksResource: function drawstructuralCracksResource() {\n      var _this4 = this;\n      // chart 已存在则为更新数据\n      if (this.structuralCracksResource) {\n        this.structuralCracksOption.xAxis.data = this.structuralCracksData.map(function (item) {\n          return item.name;\n        });\n        this.structuralCracksOption.series[0].data = this.structuralCracksData.map(function (item) {\n          return item.value;\n        });\n        this.structuralCracksResource.setOption(this.structuralCracksOption);\n      } else {\n        var _tooltip3;\n        // chart 不存在则为初始化数据和图表\n        this.structuralCracksResource = echarts.init(document.getElementById('structuralCracks'));\n        this.structuralCracksOption = {\n          color: ['#66B2FF'],\n          tooltip: (_tooltip3 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip3, \"confine\", true), _defineProperty(_tooltip3, \"position\", 'bottom'), _defineProperty(_tooltip3, \"formatter\", '{b}<br/>' + '结构裂缝：' + '{c}mm'), _tooltip3),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.structuralCracksData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（mm）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(102,178,255,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(102,178,255,0)'\n              }])\n            },\n            data: this.structuralCracksData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.structuralCracksOption && this.structuralCracksResource.setOption(this.structuralCracksOption);\n        window.addEventListener('resize', function () {\n          return _this4.structuralCracksResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.structuralCracksData.shift()\n        //   this.structuralCracksData.push(obj)\n\n        //   this.structuralCracksOption.series[0].data = this.structuralCracksData\n        //   this.structuralCracksResource.setOption(this.structuralCracksOption)\n        // }, 1000)\n      }\n    },\n    // 环境温度湿度\n    drawtemperatureResource: function drawtemperatureResource() {\n      var _this5 = this;\n      // chart 已存在则为更新数据\n      if (this.temperatureResource) {\n        this.temperatureOption.xAxis.data = this.temperatureData.map(function (item) {\n          return item.name;\n        });\n        this.temperatureOption.series[0].data = this.temperatureData.map(function (item) {\n          return item.value;\n        });\n        this.temperatureResource.setOption(this.temperatureOption);\n      } else {\n        var _tooltip4;\n        // chart 不存在则为初始化数据和图表\n        this.temperatureResource = echarts.init(document.getElementById('temperature'));\n        this.temperatureOption = {\n          color: ['#FFDA81'],\n          tooltip: (_tooltip4 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip4, \"confine\", true), _defineProperty(_tooltip4, \"position\", 'bottom'), _defineProperty(_tooltip4, \"formatter\", '{b}<br/>' + '环境温度湿度：' + '{c}℃'), _tooltip4),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.temperatureData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（℃）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(255,218,129,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(255,218,129,0)'\n              }])\n            },\n            data: this.temperatureData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.temperatureOption && this.temperatureResource.setOption(this.temperatureOption);\n        window.addEventListener('resize', function () {\n          return _this5.temperatureResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.temperatureData.shift()\n        //   this.temperatureData.push(obj)\n\n        //   this.temperatureOption.series[0].data = this.temperatureData\n        //   this.temperatureResource.setOption(this.temperatureOption)\n        // }, 1000)\n      }\n    },\n    // 地震\n    drawearthquakeResource: function drawearthquakeResource() {\n      var _this6 = this;\n      // chart 已存在则为更新数据\n      if (this.earthquakeResource) {\n        this.earthquakeOption.xAxis.data = this.earthquakeData.map(function (item) {\n          return item.name;\n        });\n        this.earthquakeOption.series[0].data = this.earthquakeData.map(function (item) {\n          return item.value;\n        });\n        this.earthquakeResource.setOption(this.earthquakeOption);\n      } else {\n        var _tooltip5;\n        // chart 不存在则为初始化数据和图表\n        this.earthquakeResource = echarts.init(document.getElementById('earthquake'));\n        this.earthquakeOption = {\n          color: ['#66B2FF'],\n          tooltip: (_tooltip5 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip5, \"confine\", true), _defineProperty(_tooltip5, \"position\", 'bottom'), _defineProperty(_tooltip5, \"formatter\", '{b}<br/>' + '地震：' + '{c}cm/ss'), _tooltip5),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.earthquakeData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（cm/ss）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(102,178,255,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(102,178,255,0)'\n              }])\n            },\n            data: this.earthquakeData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.earthquakeOption && this.earthquakeResource.setOption(this.earthquakeOption);\n        window.addEventListener('resize', function () {\n          return _this6.earthquakeResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.earthquakeData.shift()\n        //   this.earthquakeData.push(obj)\n\n        //   this.earthquakeOption.series[0].data = this.earthquakeData\n        //   this.earthquakeResource.setOption(this.earthquakeOption)\n        // }, 1000)\n      }\n    },\n    // 结构倾斜\n    drawstructureResource: function drawstructureResource() {\n      var _this7 = this;\n      // chart 已存在则为更新数据\n      if (this.structureResource) {\n        this.structureOption.xAxis.data = this.structureData.map(function (item) {\n          return item.name;\n        });\n        this.structureOption.series[0].data = this.structureData.map(function (item) {\n          return item.value;\n        });\n        this.structureResource.setOption(this.structureOption);\n      } else {\n        var _tooltip6;\n        // chart 不存在则为初始化数据和图表\n        this.structureResource = echarts.init(document.getElementById('structure'));\n        this.structureOption = {\n          color: ['#55EDB0'],\n          tooltip: (_tooltip6 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip6, \"confine\", true), _defineProperty(_tooltip6, \"position\", 'bottom'), _defineProperty(_tooltip6, \"formatter\", '{b}<br/>' + '结构倾斜：' + '{c}mm'), _tooltip6),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.structureData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（mm）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(85,237,176,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(85,237,176,0)'\n              }])\n            },\n            data: this.structureData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.structureOption && this.structureResource.setOption(this.structureOption);\n        window.addEventListener('resize', function () {\n          return _this7.structureResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.structureData.shift()\n        //   this.structureData.push(obj)\n\n        //   this.structureOption.series[0].data = this.structureData\n        //   this.structureResource.setOption(this.structureOption)\n        // }, 1000)\n      }\n    },\n    // 其他数据监测\n    drawotherDataResource: function drawotherDataResource() {\n      var _this8 = this;\n      // chart 已存在则为更新数据\n      if (this.otherDataResource) {\n        this.otherDataOption.xAxis.data = this.otherDataData.map(function (item) {\n          return item.name;\n        });\n        this.otherDataOption.series[0].data = this.otherDataData.map(function (item) {\n          return item.value;\n        });\n        this.otherDataResource.setOption(this.otherDataOption);\n      } else {\n        var _tooltip7;\n        // chart 不存在则为初始化数据和图表\n        this.otherDataResource = echarts.init(document.getElementById('otherData'));\n        this.otherDataOption = {\n          color: ['#66B2FF'],\n          tooltip: (_tooltip7 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip7, \"confine\", true), _defineProperty(_tooltip7, \"position\", 'bottom'), _defineProperty(_tooltip7, \"formatter\", '{b}<br/>' + '其他数据监测：' + '{c}mm'), _tooltip7),\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '6%',\n            bottom: '20%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(11, 16);\n              }\n            },\n            data: this.otherDataData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（mm）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'line',\n            showBackground: true,\n            smooth: true,\n            symbol: 'none',\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: 'rgba(102,178,255,0.3)'\n              }, {\n                offset: 1,\n                color: 'rgba(102,178,255,0)'\n              }])\n            },\n            data: this.otherDataData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.otherDataOption && this.otherDataResource.setOption(this.otherDataOption);\n        window.addEventListener('resize', function () {\n          return _this8.otherDataResource.resize();\n        });\n        // var i = 1\n        // setInterval(() => {\n        //   i = i + 1\n        //   let obj = {}\n        //   obj = {\n        //     name: i + '月',\n        //     value: [i + '月', 45 + i],\n        //   }\n        //   this.otherDataData.shift()\n        //   this.otherDataData.push(obj)\n\n        //   this.otherDataOption.series[0].data = this.otherDataData\n        //   this.otherDataResource.setOption(this.otherDataOption)\n        // }, 1000)\n      }\n    },\n    drawBarChartBR: function drawBarChartBR() {\n      var _this9 = this;\n      // chart 已存在则为更新数据\n      if (this.barChartBR) {\n        this.barChartBROption.xAxis.data = this.barChartBRData.map(function (item) {\n          return item.name;\n        });\n        this.barChartBROption.series[0].data = this.barChartBRData.map(function (item) {\n          return item.value;\n        });\n        this.barChartBR.setOption(this.barChartBROption);\n      } else {\n        var _tooltip8;\n        // chart 不存在则为初始化数据和图表\n        this.barChartBR = echarts.init(document.getElementById('bar-chart-br'));\n        this.barChartBROption = {\n          color: ['#66B2FF'],\n          tooltip: (_tooltip8 = {\n            trigger: 'axis',\n            backgroundColor: 'rgba(13, 79, 145, 0.9)',\n            borderColor: '#3399FF',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            }\n          }, _defineProperty(_tooltip8, \"confine\", true), _defineProperty(_tooltip8, \"position\", 'bottom'), _defineProperty(_tooltip8, \"formatter\", '{b}<br/>' + '车流量统计：' + '{c}辆'), _tooltip8),\n          grid: [{\n            top: '15%',\n            left: '6%',\n            right: '4%',\n            bottom: '23%'\n          }],\n          xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              padding: 5,\n              formatter: function formatter(val) {\n                return val.slice(5, 10);\n              }\n            },\n            data: this.barChartBRData.map(function (item) {\n              return item.name;\n            })\n          },\n          yAxis: {\n            name: '单位（辆）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 8]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              fontSize: 12,\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'bar',\n            barWidth: 12,\n            itemStyle: {\n              borderRadius: [5, 5, 0, 0],\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#FFDA81'\n              }, {\n                offset: 0.6,\n                color: '#6e6549'\n              }, {\n                offset: 1,\n                color: 'rgba(110, 101, 73, 0.2)'\n              }])\n            },\n            data: this.barChartBRData.map(function (item) {\n              return item.value;\n            })\n          }]\n        };\n        this.barChartBROption && this.barChartBR.setOption(this.barChartBROption);\n        window.addEventListener('resize', function () {\n          return _this9.barChartBR.resize();\n        });\n      }\n    },\n    handleToJKJC: function handleToJKJC() {\n      var tokenKey = sessionStorage.getItem('jkjcKey');\n      window.open(\"https://cqtz.luancloud.cn:31081/ims/CQTZ/Tjyl/index?tokenKey=\".concat(tokenKey));\n    },\n    isActive: function isActive(id) {\n      return this.active == id || this.prvActive == id;\n    },\n    handleClick: function handleClick(_ref) {\n      var id = _ref.id,\n        type = _ref.type;\n      this.active = id;\n      this.activeType = type;\n      this.prvActive = id;\n      if (!type) return;\n      var query = this.getSearchParams();\n      var querys = [{\n        group: 'main',\n        operation: 'EQUAL',\n        property: 'TYPE_',\n        relation: 'AND',\n        value: type\n      }];\n      query.length !== 0 && querys.push(query);\n      this.params.querys = querys;\n      // 获取设备基础信息统计\n      this.getDeviceTypeCount(this.params, id);\n\n      // 重置数据\n      if (id && id <= 4) {\n        this.reloadTotalData();\n      }\n    },\n    reloadTotalData: function reloadTotalData() {\n      this.cleatMarker();\n      this.activeBridgeId = '';\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      this.getDeviceCountTotal(params); // 获取设备信息统计\n      this.getDeviceCount(params); // 左侧基础信息统计 - 监测设备类型统计\n      this.handleTimeChange();\n    },\n    hanldeOver: function hanldeOver(_ref2) {\n      var id = _ref2.id;\n      this.active = id;\n    },\n    handleLeave: function handleLeave() {\n      this.active = this.prvActive;\n    },\n    // 去首页\n    goIndex: function goIndex() {\n      // this.$router.go(-1)\n      window.open('http://183.64.175.153:20003/#/curingManageyh');\n    },\n    //退出系统\n    handleLogout: function handleLogout() {\n      var _this10 = this;\n      this.$store.dispatch('menu/clearMenus');\n      this.$store.dispatch('user/clearUser');\n      this.$store.dispatch('menu/setCopyMenus', []); //菜单\n      var loginRouthPath = localStorage.getItem(this.$store.state.login.currentUser.account + 'loginRoutePath') || '/login';\n      this.$store.dispatch('login/logoutAndCleanUp').then(function () {\n        switch (window.ssoConfig.mode) {\n          case 'cas':\n          case 'oauth':\n            window.sessionStorage.removeItem('currentUser');\n            window.location.href = window.ssoConfig.logout + '?service=' + window.location.href.split('?')[0];\n            break;\n          default:\n            _this10.$router.push({\n              path: loginRouthPath\n            });\n            break;\n        }\n      });\n    },\n    // 获取路段列表数据\n    getRoadData: function getRoadData() {\n      var _this11 = this;\n      basicData.getRoadManagement().then(function (res) {\n        res.rows.forEach(function (item) {\n          _this11.roadData.push({\n            name: item.name,\n            id: item.id\n          });\n        });\n      });\n    },\n    // 时间回调\n    handleTimeChange: function handleTimeChange() {\n      var issueDate = this.issueDate,\n        roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds,\n        year = this.year,\n        mouth = this.mouth;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (issueDate) {\n        issueDate = issueDate + '-01';\n        mouth = issueDate.split('-')[1];\n        var lastDate = this.getLastDay(year, mouth);\n        // issueDate: 2023-01-01, 截取最后两位\n        var len = issueDate.length;\n        var endTime = issueDate.replaceAt(len - 2, len - 1, lastDate); // 获取当月最后一天\n        params.querys.push({\n          group: 'main',\n          operation: 'GREAT',\n          property: 'modelDateGreat',\n          relation: 'AND',\n          value: issueDate\n        }, {\n          group: 'main',\n          operation: 'LESS',\n          property: 'modelDateLess',\n          relation: 'AND',\n          value: endTime\n        });\n      }\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      if (this.activeBridgeId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: this.activeBridgeId\n        });\n      }\n      this.getBridgeAbnormalCount(params); // 获取桥梁健康统计\n      this.getWarningCountTotal(params); // 获取预警事件统计\n      this.getNotDisposedWarn(params); // 获取未处置预警统计\n    },\n    changeTime: function changeTime(val, type) {\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: [{\n          group: 'main',\n          operation: 'GREAT',\n          property: 'modelDateGreat',\n          relation: 'AND',\n          value: val[0]\n        }, {\n          group: 'main',\n          operation: 'LESS',\n          property: 'modelDateLess',\n          relation: 'AND',\n          value: val[1]\n        }]\n      };\n      if (this.activeBridgeId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: this.activeBridgeId\n        });\n      }\n      if (type == 1) {\n        this.getBridgeAbnormalCount(params); // 获取桥梁健康统计\n      } else if (type == 2) {\n        this.getWarningCountTotal(params); // 获取预警事件统计\n      } else {\n        this.getNotDisposedWarn(params); // 获取未处置预警统计\n      }\n    },\n    handleCascaderChange: function handleCascaderChange(val) {\n      var _this12 = this;\n      if (val && val.length == 0) {\n        this.companyId = ['1419863231459102720'];\n        this.companyIds = ['1419863231459102720', '1497492989159804928', '1430710034819584000', '1497492555523297280', '1497492614272913408', '1497492713090715648', '1497492783722795008', '1497492820871745536', '1497492898147602432', '1430734631036129280', '1497493076619431936', '1497493109293060096', '1497493158022483968', '1494140182780317696', '1497493254181097472', '1497493287089606656', '1497493237982695424', '1419863231459102720'];\n      }\n      if (val && val.length === 1 && val[0] === '1419863231459102720') {\n        this.roadSegmentId = '';\n      }\n      var selectedList = this.$refs.cascader.getCheckedNodes();\n      this.companyIds = [];\n      this.deepClone(selectedList);\n      this.companyIds = [].concat(_toConsumableArray(val), _toConsumableArray(this.companyIds));\n      selectedList.forEach(function (i) {\n        if (!i.hasChildren && i.data.roadKey) {\n          _this12.roadSegmentId = i.data.id;\n        }\n      });\n\n      // 请求数据\n      this.leftPromise();\n    },\n    deepClone: function deepClone(source) {\n      var _this13 = this;\n      if (source && source.length == 0) return;\n      source.forEach(function (i) {\n        if (i.hasChildren) {\n          _this13.deepClone(i.children);\n        }\n        // 筛选出不是路段信息的数据id\n        if (!i.data.roadKey) {\n          _this13.companyIds.push(i.data.id);\n        }\n      });\n    },\n    // 左边数据请求\n    leftPromise: function leftPromise() {\n      this.active = 1;\n      this.prvActive = 1;\n      var roadSegmentId = this.roadSegmentId,\n        companyIds = this.companyIds;\n      var params = {\n        pageBean: {\n          pageSize: -1\n        },\n        querys: []\n      };\n      if (roadSegmentId) {\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          property: 'roadSegmentId',\n          relation: 'AND',\n          value: roadSegmentId\n        });\n      }\n      if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n        params.querys.push({\n          group: 'main',\n          operation: 'IN',\n          property: 'companyId',\n          relation: 'AND',\n          value: companyIds\n        });\n      }\n      this.getBridgeData(params); // 获取基础信息统计 - 桥梁类型统计\n      this.getDeviceCount(params); // 获取基础信息统计 - 监测设备类型统计\n      this.getDeviceCountTotal(params); // 获取设备信息统计\n      this.getDeviceTypeCount(params); // 获取设备基础信息统计\n\n      // 请求右边数据\n      this.handleTimeChange();\n    },\n    // 滚动列表点击回调事件,并在地图上标记点的位置\n    handleScollItem: function handleScollItem(item) {\n      // item.tpBridgeId = item.bridgeId\n      // let img = [\n      //     require('./img/blue_icon.png'),\n      //     require('./img/yellow_icon.png'),\n      //     require('./img/red_icon_point.png'),\n      // ]\n      // // 创建div作为标记点\n      // let el = document.createElement('div')\n      // el.id = 'marker'\n      // el.style['background-size'] = 'cover'\n      // el.style.width = '30px'\n      // el.style.height = '30px'\n      // el.style['background-image'] = `url(${img[item.state - 1]})`\n      // // 标记点位\n      // let marker = new minemap.Marker(el, {offset: [-15, -15]})\n      //     .setLngLat([item.lng, item.lat])\n      //     .addTo(this.map)\n\n      // el.addEventListener('click', () => {\n      //     this.$refs.infoDialog.open(item)\n      // })\n\n      //更新页面显示数据 以当前桥梁为准\n      if (item.bridgeId) {\n        this.activeBridgeId = item.bridgeId;\n        //panTo方法，以动画的形式将地图的中心位置平移到参数中的目标坐标点，参数为地图坐标点\n        this.map.panTo([item.lng, item.lat]);\n        var roadSegmentId = this.roadSegmentId,\n          companyIds = this.companyIds;\n        var params = {\n          pageBean: {\n            pageSize: -1\n          },\n          querys: []\n        };\n        if (roadSegmentId) {\n          params.querys.push({\n            group: 'main',\n            operation: 'EQUAL',\n            property: 'roadSegmentId',\n            relation: 'AND',\n            value: roadSegmentId\n          });\n        }\n        if (!roadSegmentId && companyIds && companyIds.length !== 0) {\n          params.querys.push({\n            group: 'main',\n            operation: 'IN',\n            property: 'companyId',\n            relation: 'AND',\n            value: companyIds\n          });\n        }\n        params.querys.push({\n          group: 'main',\n          operation: 'EQUAL',\n          parentGroup: '',\n          property: 'TP_BRIDGE_ID_',\n          relation: 'AND',\n          value: item.bridgeId\n        });\n        this.getDeviceCountTotal(params); //设备信息统计\n        this.getDeviceCount(params); // 左侧基础信息统计 - 监测设备类型统计\n        this.handleTimeChange(params); //右侧数据\n      } else {\n        this.getDeviceTypeDetail(item);\n      }\n    }\n  },\n  computed: {\n    optionSingleHeightTime: function optionSingleHeightTime() {\n      return {\n        step: 0.3,\n        limitMoveNum: 1,\n        // 开始无缝滚动的数据量 this.dataList.length\n        openWatch: true // 开启数据实时监控刷新dom\n      };\n    }\n  },\n\n  beforeDestroy: function beforeDestroy() {\n    if (this.timer) {\n      clearInterval(this.timer); //在Vue实例销毁前，清除定时器\n    }\n  }\n};",null]}