{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\HealthAnalysis.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\HealthAnalysis.vue","mtime":1688626262846},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"D:/jenkins/workspace/bzzgj-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 dictUtils from '@/components/dict/DictSelectUtils.js';\nimport vueSeamlessScroll from 'vue-seamless-scroll';\nimport equipmentIndex from '@/api/device/equipmentIndex.js';\nimport resourceManage from '@/api/device/resourceManage.js';\nimport equipmentManage from '@/api/device/equipmentManage.js';\nexport default {\n  components: {\n    vueSeamlessScroll: vueSeamlessScroll\n  },\n  data: function data() {\n    var _ref;\n\n    var that = this;\n    return _ref = {\n      selectA: false,\n      selectB: true,\n      selectC: true,\n      selectD: true,\n      selectE: true,\n      warnAnalyzeData: [],\n      regionPicker: [],\n      endTime: '',\n      startTime: '',\n      warnFailureTime: '',\n      warnFailureFailure: '',\n      warnFailureAlarm: '',\n      areaStatusAreaName: [],\n      productValue: '',\n      deviceValue: 'bspqx',\n      productData: [],\n      intellectData: [{\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }, {\n        alarm: 0,\n        failure: 0,\n        normal: 0,\n        num: 0,\n        other: 0,\n        scrap: 0,\n        typeCode: 'barricade',\n        typeName: '升降路障产品'\n      }],\n      equipmentData: [],\n      activeName: '/1552911478301003776',\n      conditions: [{\n        name: '综合管理局',\n        value: '/1552911478301003776'\n      }, {\n        name: '渝高物业',\n        value: '/1667102417759510528'\n      }, {\n        name: '视频监控',\n        value: ''\n      }],\n      searchForm: {\n        productValue: '',\n        regionValue: ''\n      },\n      treeData: [],\n      loading: false,\n      reportFormData: [],\n      searchType: false,\n      areaId: '',\n      fullId: '',\n      typeCode: ''\n    }, _defineProperty(_ref, \"startTime\", ''), _defineProperty(_ref, \"endTime\", ''), _defineProperty(_ref, \"productValue1\", ''), _defineProperty(_ref, \"productDataOne\", []), _defineProperty(_ref, \"equipmentStatusData\", []), _defineProperty(_ref, \"pickerOneDate\", null), _defineProperty(_ref, \"pickerOptions\", {\n      // 获取选择的第一个时间\n      onPick: function onPick(obj) {\n        // 把第一个时间分配给pickerOneDate\n        var startDate = new Date(obj.minDate).getTime();\n        that.pickerOneDate = startDate;\n      },\n      disabledDate: function disabledDate(time) {\n        if (that.pickerOneDate) {\n          var day = 7 * 24 * 3600 * 1000;\n          var maxTime = that.pickerOneDate + day;\n          var minTime = that.pickerOneDate - day;\n          return time.getTime() > maxTime || time.getTime() < minTime || time.getTime() > Date.now();\n        } else {\n          return time.getTime() > Date.now();\n        }\n      }\n    }), _ref;\n  },\n  created: function created() {\n    this.loadProduct(); //产品树\n\n    this.areaStatusList(); //设备分析\n\n    this.getAreaTree(); //区域树\n\n    this.getAllproductType();\n    this.getReportForm(); // 获取区域设备分析数据\n\n    this.getEquipmentLife(); //获取设备年限分析数据\n  },\n  mounted: function mounted() {},\n  computed: {},\n  methods: {\n    getAllproductType: function getAllproductType() {\n      var _this = this;\n\n      equipmentIndex.AllproductType({}, function (res) {\n        if (res.state) {\n          _this.productDataOne = res.value;\n          _this.productValue1 = _this.productDataOne[0].children[0].fullId;\n          _this.typeCode = _this.productDataOne[0].children[0].fullId;\n\n          _this.getEquipmentStatus();\n        }\n      });\n    },\n    //搜索\n    handleSearch: function handleSearch() {\n      this.searchType = true;\n\n      if (this.activeName == 2) {\n        this.getVideoData();\n      } else {\n        this.getReportForm();\n      }\n    },\n    toDevicePage: function toDevicePage(val) {\n      if (this.activeName != 2) {\n        localStorage.setItem('product', JSON.stringify(val));\n        this.$router.push({\n          path: 'DevicePage'\n        });\n      } else {\n        localStorage.setItem('monitor', JSON.stringify(val));\n        console.log('监控');\n        this.$router.push({\n          path: 'MonitorPage'\n        });\n      }\n    },\n    //tab切换\n    handleTabsClick: function handleTabsClick(tab) {\n      this.searchType = false;\n      this.searchForm = {\n        regionValue: [],\n        productValue: []\n      };\n      this.loadProduct();\n\n      if (tab.index == 2) {\n        this.getVideoData();\n      } else {\n        this.getReportForm();\n      }\n    },\n    //产品树\n    loadProduct: function loadProduct() {\n      var _this2 = this;\n\n      resourceManage.getProductTree({// fullId: this.activeName\n      }, function (res) {\n        if (res.state) {\n          _this2.productData = res.value;\n        }\n      });\n    },\n    //区域\n    getAreaTree: function getAreaTree() {\n      var _this3 = this;\n\n      equipmentManage.loadAreaTree({\n        id: '0'\n      }, function (res) {\n        _this3.treeData = res.value; // this.formatData(res.rows)\n\n        _this3.$set(_this3.treeData);\n      });\n    },\n    regionChange: function regionChange(val, data) {\n      console.log(data);\n      var arr = JSON.parse(JSON.stringify(data));\n\n      if (val == 'product') {\n        this.typeCode = arr.pop();\n      } else if (val == 'time') {\n        if (data == null) {\n          this.pickerOneDate = null;\n        } else {\n          this.startTime = arr[0];\n          this.endTime = arr[1];\n        }\n      }\n\n      this.getEquipmentStatus();\n    },\n    // 获取报表数据\n    getReportForm: function getReportForm() {\n      var _this4 = this;\n\n      var areaFullId = this.searchForm.regionValue ? this.searchForm.regionValue.pop() : '';\n      var fullId = '';\n\n      if (this.searchType) {\n        fullId = this.searchForm.productValue.pop();\n        console.log(fullId);\n\n        if (!fullId) {\n          fullId = this.activeName;\n        }\n      } else {\n        fullId = this.activeName;\n      }\n\n      var isIntellect = '';\n      var formData = new FormData();\n      formData.append('areaFullId', areaFullId ? areaFullId : '');\n      formData.append('fullId', fullId ? fullId : '');\n      formData.append('isIntellect', isIntellect ? isIntellect : '');\n      var config = {\n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      };\n      this.$http.post(window.context.portal + \"/homepage/v1/deviceProductStatistics\", formData, config).then(function (res) {\n        if (res.data.state) {\n          _this4.reportFormData = res.data.value;\n        }\n      });\n    },\n    //视频\n    getVideoData: function getVideoData() {\n      var _this5 = this;\n\n      var areaFullId = this.searchForm.regionValue.pop();\n      var isIntellect = '';\n      var formData = new FormData();\n      formData.append('areaFullId', areaFullId ? areaFullId : '');\n      formData.append('fullId', '');\n      formData.append('isIntellect', isIntellect ? isIntellect : '');\n      var config = {\n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      };\n      this.$http.post(window.context.portal + \"/homepage/v1/videoStatistics\", formData, config).then(function (res) {\n        if (res.data.state) {\n          _this5.reportFormData = res.data.value;\n        }\n      });\n    },\n    productChange: function productChange(val) {\n      if (this.productValue.length > 0) {\n        var arr = JSON.parse(JSON.stringify(this.productValue));\n        this.fullId = arr.pop();\n      } else {\n        this.fullId = '';\n      }\n\n      this.areaStatusList();\n    },\n    //设备分析\n    areaStatusList: function areaStatusList() {\n      var _this6 = this;\n\n      var formData = new FormData();\n      formData.append('areaId', this.areaId ? this.areaId : '');\n      formData.append('fullId', this.fullId ? this.fullId : '');\n      var config = {\n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      };\n      this.$http.post(window.context.portal + \"/homepage/v1/areaStatusAnalyze\", formData, config).then(function (res) {\n        if (res.data.state) {\n          _this6.equipmentData = res.data.value;\n\n          _this6.$nextTick(function () {\n            _this6.equipmentInit();\n          });\n        }\n      });\n    },\n    // 设备分析echarts\n    equipmentInit: function equipmentInit() {\n      var _this7 = this;\n\n      var myChart = echarts.init(document.getElementById('Bar')); // 指定图表的配置项和数据\n\n      var AData = [];\n      var BData = [];\n      var CData = [];\n      this.equipmentData.forEach(function (e) {\n        AData.push({\n          value: e.normal,\n          extra: {\n            param: e.areaId\n          }\n        });\n        BData.push({\n          value: e.failure,\n          extra: {\n            param: e.areaId\n          }\n        });\n        CData.push({\n          value: e.alarm,\n          extra: {\n            param: e.areaId\n          }\n        });\n      });\n      var option = {\n        toolbox: {\n          feature: {\n            restore: {\n              show: true,\n              title: '返回'\n            }\n          },\n          iconStyle: {\n            borderColor: '#000'\n          }\n        },\n        // title: {\n        // \ttext: '全校人数汇总',\n        // \tleft: 'center'\n        // },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        legend: {},\n        grid: {\n          left: 50,\n          right: 20,\n          bottom: '10%'\n        },\n        xAxis: {\n          data: this.equipmentData.map(function (a) {\n            return a.areaName;\n          })\n        },\n        yAxis: {},\n        series: [{\n          // color: '#1890ff',\n          type: 'bar',\n          name: '正常数',\n          data: AData,\n          barWidth: 25,\n          showBackground: true,\n          label: {\n            show: true,\n            fontSize: 13,\n            color: '#000',\n            position: 'top',\n            // 配置自定义参数\n            extra: {\n              customParam: '这里是自定义参数'\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#01D1FF'\n              }, {\n                offset: 1,\n                color: '#1890ff'\n              }])\n            }\n          }\n        }, {\n          color: '#ff8000',\n          type: 'bar',\n          name: '故障数',\n          barWidth: 25,\n          showBackground: true,\n          data: BData,\n          label: {\n            show: true,\n            fontSize: 13,\n            color: '#000',\n            position: 'top',\n            // 配置自定义参数\n            extra: {\n              customParam: '这里是自定义参数'\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#FFBD7A'\n              }, {\n                offset: 1,\n                color: '#ff8000'\n              }])\n            }\n          }\n        }, {\n          color: '#f9c700',\n          type: 'bar',\n          name: '报警数',\n          barWidth: 25,\n          data: CData,\n          showBackground: true,\n          label: {\n            show: true,\n            fontSize: 13,\n            color: '#000',\n            position: 'top',\n            extra: {\n              customParam: '这里是自定义参数'\n            }\n          },\n          itemStyle: {\n            normal: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#FFE375'\n              }, {\n                offset: 1,\n                color: '#f9c700'\n              }])\n            }\n          }\n        }]\n      };\n      option.xAxis.data = this.equipmentData.map(function (a) {\n        return a.areaName;\n      });\n      myChart.setOption(option); // 点击柱状触发事件（点击事件，点击下钻查询年级所属的班级数据） 如不需要下钻查询可不写\n\n      myChart.on('click', function (params) {\n        var areaId = params.data.extra.param;\n        var fullId = '';\n\n        if (areaId) {\n          var formData = new FormData();\n          formData.append('areaId', areaId ? areaId : '');\n          formData.append('fullId', fullId ? fullId : '');\n          var config = {\n            headers: {\n              'Content-Type': 'multipart/form-data'\n            }\n          };\n\n          _this7.$http.post(window.context.portal + \"/homepage/v1/areaStatusAnalyze\", formData, config).then(function (res) {\n            if (res.data.state) {\n              var _AData = [];\n              var _BData = [];\n              var _CData = [];\n              _this7.equipmentData = res.data.value;\n              res.data.value.forEach(function (e) {\n                _AData.push({\n                  value: e.normal,\n                  extra: {\n                    param: e.areaId\n                  }\n                });\n\n                _BData.push({\n                  value: e.failure,\n                  extra: {\n                    param: e.areaId\n                  }\n                });\n\n                _CData.push({\n                  value: e.alarm,\n                  extra: {\n                    param: e.areaId\n                  }\n                });\n              });\n              option.series = [{\n                color: '#1890ff',\n                type: 'bar',\n                name: '正常数',\n                data: _AData\n              }, {\n                color: '#ff8000',\n                type: 'bar',\n                name: '故障数',\n                data: _BData\n              }, {\n                color: '#f9c700',\n                type: 'bar',\n                name: '报警数',\n                data: _CData\n              }];\n              option.xAxis.data = _this7.equipmentData.map(function (a) {\n                return a.areaName;\n              });\n              myChart.setOption(option);\n            }\n          });\n        }\n      });\n    },\n    //获取设备使用年限分析数据\n    getEquipmentLife: function getEquipmentLife() {\n      var _this8 = this;\n\n      equipmentIndex.lifeAnalyze(function (res) {\n        if (res.state) {\n          res.value = res.value.map(function (item) {\n            return {\n              typeName: item.typeName,\n              正常使用年限数量: item.normal,\n              临近使用年限数量: item.warn,\n              超过使用年限数量: item.alarm\n            };\n          });\n          _this8.warnAnalyzeData = res.value;\n\n          _this8.$nextTick(function () {\n            _this8.equipmentLife();\n          });\n        }\n      });\n    },\n    //设备使用年限分析\n    equipmentLife: function equipmentLife() {\n      var myChart = echarts.init(document.getElementById('lifeAnalyze'));\n      var option = {\n        legend: {},\n        tooltip: {},\n        grid: {\n          // top: '2%',\n          left: '2%',\n          right: '4%',\n          bottom: '4%',\n          containLabel: true\n        },\n        color: ['#1890ff', '#f9c700', '#ff8000'],\n        dataset: {\n          //          typeName: item.typeName,\n          // 设备使用年限预警数: item.warn,\n          // 设备报警数: item.alarm\n          dimensions: ['typeName', '正常使用年限数量', '临近使用年限数量', '超过使用年限数量'],\n          source: this.warnAnalyzeData\n        },\n        // xAxis: {type: 'category'},\n        xAxis: {\n          type: 'value',\n          boundaryGap: [0, 0.1],\n          axisLabel: {\n            textStyle: {\n              // color: \"#C5D2F2\", //颜色\n              fontSize: '14' //字体大小\n\n            }\n          },\n          // max: 150, //最大值\n          min: 0,\n          //最小值\n          splitNumber: 3,\n          //间隔数量\n          axisTick: {\n            //坐标轴刻度相关设置\n            show: false //是否显示坐标轴刻度。\n\n          }\n        },\n        yAxis: [{\n          type: 'category'\n        }],\n        // Declare several bar series, each will be mapped\n        // to a column of dataset.source by default.\n        series: [{\n          type: 'bar',\n          label: {\n            show: true,\n            fontSize: 13,\n            position: 'right' // normal: {\n            // \tshow: false,\n            // \tposition: 'top'\n            // },\n            // formatter: '{@value}',\n\n          },\n          showBackground: true,\n          itemStyle: {\n            normal: {\n              color: function color() {\n                return {\n                  type: 'linear',\n                  x: 1,\n                  y: 0,\n                  x2: 0,\n                  y2: 0,\n                  colorStops: [{\n                    offset: 0,\n                    color: '#01D1FF' // 0% 处的颜色\n\n                  }, {\n                    offset: 0.9,\n                    color: '#1890ff' // 100% 处的颜色\n\n                  }]\n                };\n              }\n            }\n          }\n        }, {\n          type: 'bar',\n          label: {\n            show: true,\n            fontSize: 13,\n            position: 'right'\n          },\n          showBackground: true,\n          itemStyle: {\n            normal: {\n              color: function color() {\n                return {\n                  type: 'linear',\n                  x: 1,\n                  y: 0,\n                  x2: 0,\n                  y2: 0,\n                  colorStops: [{\n                    offset: 0,\n                    color: '#FFE375' // 0% 处的颜色\n\n                  }, {\n                    offset: 0.9,\n                    color: '#f9c700' // 100% 处的颜色\n\n                  }]\n                };\n              }\n            }\n          }\n        }, {\n          type: 'bar',\n          label: {\n            show: true,\n            fontSize: 13,\n            position: 'right' // normal: {\n            // \tshow: false,\n            // \tposition: 'top'\n            // },\n            // formatter: '{@value}'\n\n          },\n          showBackground: true,\n          itemStyle: {\n            normal: {\n              color: function color() {\n                return {\n                  type: 'linear',\n                  x: 1,\n                  y: 0,\n                  x2: 0,\n                  y2: 0,\n                  colorStops: [{\n                    offset: 0,\n                    color: '#FFBD7A' // 0% 处的颜色\n\n                  }, {\n                    offset: 0.9,\n                    color: '#ff8000' // 100% 处的颜色\n\n                  }]\n                };\n              }\n            }\n          }\n        }],\n        //滚动条\n        dataZoom: [{\n          type: 'slider',\n          show: true,\n          yAxisIndex: [0],\n          width: 6,\n          //组件宽度\n          // backgroundColor: \"#1A53DD\", //两边未选中的滑动条区域的颜色\n          borderRadius: 5,\n          // borderColor: \"#093683\", //滚动条边框颜色\n          // fillerColor: \"#093683\", //选中的滑动条区域的颜色\n          left: '95%',\n          //滚动条位置\n          start: 0,\n          //数据窗口范围的起始百分比\n          end: 10,\n          //数据窗口范围的结束百分比\n          realtime: true //是否实时更新\n\n        }]\n      };\n      option && myChart.setOption(option);\n    },\n    //设备状态分析\n    getEquipmentStatus: function getEquipmentStatus() {\n      var _this9 = this;\n\n      var formData = new FormData();\n      formData.append('typeCode', this.typeCode ? this.typeCode : '');\n      formData.append('startTime', this.startTime ? this.startTime : '');\n      formData.append('endTime', this.endTime ? this.endTime : '');\n      var config = {\n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      };\n      this.$http.post(window.context.portal + \"/homepage/v1/warnFailureHisAnalyze\", formData, config).then(function (res) {\n        if (res.data.state) {\n          console.log(res.data.value);\n          _this9.equipmentStatusData = res.data.value; // this.equipmentData = res.data.value\n\n          _this9.$nextTick(function () {\n            _this9.equipmentStatus();\n          });\n        }\n      });\n    },\n    //设备状态分析echarts\n    equipmentStatus: function equipmentStatus() {\n      var _ref2, _ref3;\n\n      var myChart = echarts.init(document.getElementById('deviceList'));\n      var xName = [];\n      var AData = [];\n      var BData = [];\n      this.equipmentStatusData.forEach(function (e) {\n        xName.push(e.typeName);\n        AData.push(e.failure);\n        BData.push(e.alarm);\n      });\n      var option = {\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          },\n          formatter: function formatter(params) {\n            // console.log(params)\n            var relVal = params[0].name;\n\n            for (var i = 0, l = params.length; i < l; i++) {\n              relVal += '<br/>' + params[i].marker + params[i].seriesName + ':' + '<span style=\"font-weight: bold;\">' + params[i].value + '</span>' + '个';\n            }\n\n            return relVal;\n          }\n        },\n        // 更改图例默认颜色(依次应用)\n        color: ['#f9c700', '#ff8000'],\n        legend: {\n          icon: 'circle',\n          //图例样式\n          data: ['报警数量', '故障数量']\n        },\n        // toolbox: {\n        //   feature: {\n        //     saveAsImage: {}\n        //   }\n        // },\n        grid: {\n          left: '3%',\n          right: '4%',\n          bottom: '5%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          // boundaryGap: false,\n          data: xName,\n          axisLabel: {\n            interval: 0 //代表显示所有x轴标签显示\n            // rotate: 45 //代表逆时针旋转45度\n\n          }\n        }],\n        yAxis: [{\n          max: function max(value) {\n            return value.max + parseInt(value.max * 0.2);\n          },\n          minInterval: 1,\n          type: 'value'\n        }],\n        series: [(_ref2 = {\n          name: '报警数量',\n          type: 'line',\n          stack: 'Total2',\n          smooth: true,\n          areaStyle: {\n            color: '#c8ecf2'\n          },\n          emphasis: {\n            focus: 'series'\n          }\n        }, _defineProperty(_ref2, \"areaStyle\", {\n          color: {\n            type: 'linear',\n            x: 0,\n            y: 0,\n            x2: 0,\n            y2: 1,\n            colorStops: [// 渐变颜色\n            {\n              offset: 0,\n              color: 'rgba(249, 199, 0, 0.6)'\n            }, {\n              offset: 1,\n              color: 'rgba(249, 199, 0, 0)'\n            }],\n            global: false\n          }\n        }), _defineProperty(_ref2, \"data\", AData), _ref2), (_ref3 = {\n          name: '故障数量',\n          type: 'line',\n          stack: 'Total3',\n          smooth: true,\n          label: {\n            show: true,\n            position: 'top'\n          },\n          areaStyle: {\n            color: '#ffe7e1'\n          },\n          emphasis: {\n            focus: 'series'\n          }\n        }, _defineProperty(_ref3, \"areaStyle\", {\n          color: {\n            type: 'linear',\n            x: 0,\n            y: 0,\n            x2: 0,\n            y2: 1,\n            colorStops: [// 渐变颜色\n            {\n              offset: 0,\n              color: 'rgba(255, 128, 0, 0.6)'\n            }, {\n              offset: 1,\n              color: 'rgba(255, 128, 0, 0)'\n            }],\n            global: false\n          }\n        }), _defineProperty(_ref3, \"data\", BData), _ref3)],\n        //滚动条\n        dataZoom: [// {\n        //     type: 'inside',\n        // },\n        {\n          show: true,\n          type: 'slider',\n          realtime: true,\n          startValue: 0,\n          endValue: 14,\n          xAxisIndex: [0],\n          bottom: '10',\n          left: '30',\n          height: 10,\n          borderColor: 'rgba(0,0,0,0)' // textStyle: {\n          // \tcolor: '#000',\n          // },\n\n        }]\n      };\n      option && myChart.setOption(option);\n    }\n  }\n};",null]}