{"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\\hydropsDevice\\hydropsYear.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\hydropsDevice\\hydropsYear.vue","mtime":1667545182489},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 hydropsYear from '@/api/device/hydropsYear.js';\nexport default {\n  components: {},\n  data: function data() {\n    return {\n      yearValue: '',\n      dateValue: '',\n      monthValue: '',\n      dateTypes: [],\n      //日期类型字典\n      yearEchart: null,\n      monthEchart: null,\n      dateEchart: null,\n      monthList: [],\n      yearList: [],\n      dateList: []\n    };\n  },\n  created: function created() {\n    this.dateTypes = dictUtils.getDictItemsFromCache('rqlx');\n    this.initialize();\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.yearEcharts();\n    this.monthEcharts();\n    this.dateEcharts();\n    this.$root.$on('resize', function () {\n      _this.resize(500);\n    });\n  },\n  methods: {\n    resize: function resize(delay) {\n      var _this2 = this;\n\n      // 动态计算表格的高度，自适应当前容器\n      setTimeout(function () {\n        _this2.yearEchart.resize();\n\n        _this2.monthEchart.resize();\n\n        _this2.dateEchart.resize();\n      }, delay || 0);\n    },\n    initialize: function initialize() {\n      var moment = require('moment'); //打开时默认时间为一天前至获取当前年月日时分秒\n\n\n      var monthTime = moment().format('YYYY-MM');\n      var yearTime = moment(new Date()).format('YYYY');\n      var dateTime = moment(new Date()).format('YYYY-MM-DD');\n      this.yearValue = yearTime;\n      this.monthValue = monthTime;\n      this.dateValue = dateTime;\n      this.yearChange();\n      this.monthChange();\n      this.dateChange();\n    },\n\n    /**\r\n     * @Echarts\r\n     * */\n    // 年统计\n    yearEcharts: function yearEcharts() {\n      var times = [];\n      var yNum = []; //   this.yearList.forEach((e) => {\n      //     times.push(e.time)\n      //     yNum.push(e.waterLevel)\n      //   })\n\n      times.push(this.yearList.time);\n      yNum.push(this.yearList.waterLevel);\n      var chartDom = document.getElementById('yearStatus');\n      this.yearEchart = echarts.init(chartDom);\n      var option = {\n        grid: {\n          top: 35,\n          left: 70 // 调整这个属性\n\n        },\n        xAxis: {\n          type: 'category',\n          data: times\n        },\n        yAxis: {\n          // name: '万m³',\n          type: 'value'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        series: [{\n          data: yNum,\n          type: 'bar'\n        }]\n      };\n      option && this.yearEchart.setOption(option); // 点击事件\n\n      this.yearEchart.on('click', function (parmas) {\n        console.log(parmas);\n      });\n    },\n    // 月统计\n    monthEcharts: function monthEcharts() {\n      var times = [];\n      var yNum = []; //   this.yearList.forEach((e) => {\n      //     times.push(e.time)\n      //     yNum.push(e.waterLevel)\n      //   })\n\n      times.push(this.monthList.time);\n      yNum.push(this.monthList.waterLevel);\n      var chartDom = document.getElementById('monthStatus');\n      this.yearEchart = echarts.init(chartDom);\n      var option = {\n        grid: {\n          top: 35,\n          left: 70 // 调整这个属性\n\n        },\n        xAxis: {\n          type: 'category',\n          data: times\n        },\n        yAxis: {\n          // name: '万m³',\n          type: 'value'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        series: [{\n          data: yNum,\n          type: 'bar'\n        }]\n      };\n      option && this.yearEchart.setOption(option); // 点击事件\n\n      this.yearEchart.on('click', function (parmas) {\n        console.log(parmas);\n      });\n    },\n    // 日统计\n    dateEcharts: function dateEcharts() {\n      var times = [];\n      var yNum = []; //   this.yearList.forEach((e) => {\n      //     times.push(e.time)\n      //     yNum.push(e.waterLevel)\n      //   })\n\n      times.push(this.dateList.time);\n      yNum.push(this.dateList.waterLevel);\n      var chartDom = document.getElementById('dateStatus');\n      this.yearEchart = echarts.init(chartDom);\n      var option = {\n        grid: {\n          top: 35,\n          left: 70 // 调整这个属性\n\n        },\n        xAxis: {\n          type: 'category',\n          data: times\n        },\n        yAxis: {\n          // name: '万m³',\n          type: 'value'\n        },\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'shadow'\n          }\n        },\n        series: [{\n          data: yNum,\n          type: 'bar'\n        }]\n      };\n      option && this.yearEchart.setOption(option); // 点击事件\n\n      this.yearEchart.on('click', function (parmas) {\n        console.log(parmas);\n      });\n    },\n\n    /**\r\n     * @请求\r\n     * */\n    yearChange: function yearChange(val) {\n      var _this3 = this;\n\n      console.log(val);\n      var parmas = {\n        dateType: '1',\n        time: this.yearValue\n      };\n      hydropsYear.loadQuery(parmas, function (res) {\n        if (res.state) {\n          _this3.yearList = res.value;\n\n          _this3.$nextTick(function () {\n            _this3.yearEcharts();\n          });\n        }\n      });\n    },\n    monthChange: function monthChange() {\n      var _this4 = this;\n\n      var parmas = {\n        dateType: '2',\n        time: this.monthValue\n      };\n      hydropsYear.loadQuery(parmas, function (res) {\n        if (res.state) {\n          _this4.monthList = res.value;\n\n          _this4.$nextTick(function () {\n            _this4.monthEcharts();\n          });\n        }\n      });\n    },\n    dateChange: function dateChange() {\n      var _this5 = this;\n\n      var parmas = {\n        dateType: '3',\n        time: this.dateTime\n      };\n      hydropsYear.loadQuery(parmas, function (res) {\n        if (res.state) {\n          _this5.dateList = res.value;\n\n          _this5.$nextTick(function () {\n            _this5.dateEcharts();\n          });\n        }\n      });\n    }\n  }\n};",null]}