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