{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\slQuery.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\slQuery.vue","mtime":1684458239277},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 slQuery from '@/api/monitor/gqMonitor/slQuery.js'\r\nimport {TableMixin} from '@/mixins/tableMixin'\r\nimport req from '@/request.js'\r\nimport * as echarts from 'echarts'\r\nexport default {\r\n  name: 'displacement',\r\n  components: {\r\n    // FormDialog,\r\n  },\r\n  mixins: [TableMixin],\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      basAdNames: [], //行政区\r\n      statuss: [\r\n        {name: '在线', value: '1'},\r\n        {name: '不在线', value: '0'},\r\n      ],\r\n      multipleSelection: [], // 复选框\r\n      rsnms: [], //水库下拉，\r\n      stnms: [], //测站下拉\r\n      setKesLabel: {\r\n        value: 'code',\r\n        label: 'name',\r\n        children: 'children',\r\n      },\r\n      queryParam: {\r\n        pageBean: {\r\n          pageSize: 20,\r\n          page: 1,\r\n        },\r\n        params: {\r\n          rscd: null,\r\n          stcd: null,\r\n          addvcd: null,\r\n          wkcn: null,\r\n          stnem:null\r\n        },\r\n      },\r\n      rwptns:[],//水势\r\n      tableData: [],\r\n      pId: '',\r\n      total: 0,\r\n      showFormDias: false,\r\n      dates: [],//图表日期\r\n      spqn: [],//渗流量(L/s)\r\n      dspqn: [],//渗流量危险值(L/s)\r\n      jspqn:[],//渗流量警戒值(L/s)\r\n      echartLiat: [],\r\n      times: [], //选择时间\r\n      query: {\r\n        stcd: null,\r\n        stnm: null,\r\n        startTime: null,\r\n        endTime: null,\r\n      },\r\n    }\r\n  },\r\n  created() {\r\n    this.getSysDict()\r\n  },\r\n  methods: {\r\n    openMore() {\r\n      this.showMore = !this.showMore;\r\n    },\r\n    onhouChange(val) {\r\n      if (val) {\r\n        this.queryParam.params.addvcd = val[val.length - 1]\r\n      } else {\r\n        this.queryParam.params.addvcd = null\r\n      }\r\n    },\r\n    openDate(val) {\r\n      this.query.startTime = null //每次打开弹窗时清空上次手动选择的时间\r\n      this.query.endTime = null //每次打开弹窗时清空上次手动选择的时间\r\n      this.times = [] //每次打开弹窗时清空上次手动选择的时间\r\n      this.query.stcd = val.stcd //点击打开曲线图时赋值\r\n      this.query.stnm = val.stnm //点击打开曲线图时赋值\r\n      var moment = require('moment') //打开时默认时间为一天前至获取当前年月日时分秒\r\n      var _today = moment()\r\n      this.showFormDias = true\r\n      let endTime = moment().format('L') //当前年月日\r\n      let time = moment().format('LTS') //当前时分秒\r\n      endTime = endTime.replace(/\\//g, '-')\r\n      endTime = endTime + ' ' + time\r\n      let startTime = _today\r\n        .subtract(1, 'days')\r\n        .format('YYYY-MM-DD') /*前一天的时间*/\r\n      startTime = startTime + ' ' + time\r\n      this.query.startTime = startTime\r\n      this.query.endTime = endTime\r\n\t  this.times=[startTime,endTime]\r\n      let data = {\r\n        query: {\r\n          stnm:val.stnm,\r\n          stcd:val.stcd,\r\n          startTime:startTime,\r\n          endTime:endTime,\r\n          sttp:val.sttp\r\n        },\r\n      }\r\n      slQuery.getChartsList(data.query, (res) => {\r\n        this.echartLiat = res.value;\r\n        \r\n        if (res.value.length) {\r\n          this.dates = this.echartLiat.map((item) => {\r\n            return item.mstm\r\n          })\r\n          this.spqn = this.echartLiat.map((item) => {\r\n            return item.spqn\r\n          })\r\n          this.dspqn = this.echartLiat.map((item) => {\r\n            return item.dspqn\r\n          })\r\n          this.jspqn = this.echartLiat.map((item) => {\r\n            return item.jspqn\r\n          })\r\n          this.$nextTick(() => {\r\n            this.getCharts()\r\n          })\r\n        } else {\r\n          this.spqn = []\r\n          this.dates = []\r\n          this.dspqn = []\r\n          this.jspqn = []\r\n          this.$nextTick(() => {\r\n            this.getCharts()\r\n          })\r\n        }\r\n      })\r\n    },\r\n    changeChart(val) {\r\n      if (val) {\r\n        this.query.startTime = val[0];\r\n        this.query.endTime = val[1];\r\n          this.spqn = []\r\n          this.dates = []\r\n          this.dspqn = []\r\n          this.jspqn = []\r\n        slQuery.getChartsList(this.query, (res) => {\r\n          if (res.value.length) {\r\n            this.echartLiat = res.value;\r\n          this.dates = this.echartLiat.map((item) => {\r\n            return item.mstm\r\n          })\r\n          this.spqn = this.echartLiat.map((item) => {\r\n            return item.spqn\r\n          })\r\n          this.dspqn = this.echartLiat.map((item) => {\r\n            return item.dspqn\r\n          })\r\n          this.jspqn = this.echartLiat.map((item) => {\r\n            return item.jspqn\r\n          })\r\n         }\r\n\t\t this.$nextTick(() => {\r\n\t\t   this.getCharts();\r\n\t\t })\r\n        })\r\n       \r\n      } else {\r\n        this.query.startTime = '';\r\n        this.query.endTime = '';\r\n        this.times = [];\r\n        slQuery.getChartsList(this.query, (res) => {\r\n          if (res.value.length) {\r\n            this.echartLiat = res.value;\r\n          this.dates = this.echartLiat.map((item) => {\r\n            return item.mstm\r\n          })\r\n          this.spqn = this.echartLiat.map((item) => {\r\n            return item.spqn\r\n          })\r\n          this.dspqn = this.echartLiat.map((item) => {\r\n            return item.dspqn\r\n          })\r\n          this.jspqn = this.echartLiat.map((item) => {\r\n            return item.jspqn\r\n          })\r\n            this.$nextTick(() => {\r\n              this.getCharts()\r\n            })\r\n          }\r\n        })\r\n      }\r\n    },\r\n    getCharts() {\r\n      let chartDom = document.getElementById('echartsBox')\r\n      let myChart = echarts.init(chartDom)\r\n      let option = {\r\n        title: {\r\n          text: '',\r\n        },\r\n        tooltip: {\r\n          trigger: 'axis',\r\n        },\r\n        legend: {\r\n          data: ['渗流量(L/s)', '渗流量危险值(L/s)', '渗流量警戒值(L/s)'],\r\n        },\r\n        grid: {\r\n          left: '8%',\r\n          right: '4%',\r\n          bottom: '6%',\r\n          containLabel: true,\r\n        },\r\n        // toolbox: {\r\n        //   feature: {\r\n        //     saveAsImage: {},\r\n        //   },\r\n        // },\r\n        xAxis: {\r\n          type: 'category',\r\n          boundaryGap: false,\r\n          data: this.dates,\r\n        },\r\n        yAxis: {\r\n          type: 'value',\r\n\t\t   scale:true\r\n        },\r\n        series: [\r\n          {\r\n            name: '渗流量(L/s)',\r\n            type: 'line',\r\n            data: this.spqn, \r\n          },\r\n          {\r\n            name: '渗流量危险值(L/s)',\r\n            type: 'line',\r\n\t\t\titemStyle : {\r\n\t\t\t\t\t normal : {  \r\n\t\t\t\t\t\t color:'red',  \r\n\t\t\t\t\t\t lineStyle:{  \r\n\t\t\t\t\t\t\t color:'red'  \r\n\t\t\t\t\t\t }  \r\n\t\t\t\t\t }  \r\n\t\t\t\t },  \r\n            data: this.dspqn,\r\n          },\r\n          {\r\n            name: '渗流量警戒值(L/s)',\r\n            type: 'line',\r\n\t\t\titemStyle : {\r\n\t\t\t\t\t normal : {  \r\n\t\t\t\t\t\t color:'#ffa500',  \r\n\t\t\t\t\t\t lineStyle:{  \r\n\t\t\t\t\t\t\t color:'#ffa500'  \r\n\t\t\t\t\t\t }  \r\n\t\t\t\t\t }  \r\n\t\t\t\t }, \r\n            data: this.jspqn,\r\n          }\r\n        ],\r\n      }\r\n      option && myChart.setOption(option)\r\n    },\r\n    handleClose() {\r\n      this.echartLiat = [];\r\n      this.showFormDias = false;\r\n    },\r\n    getDateList() {\r\n      this.loading = true\r\n      this.tableData = []\r\n      slQuery.GetSeepage(this.queryParam, (res) => {\r\n        this.total = res.value.total;\r\n        this.tableData = JSON.parse(JSON.stringify(res.value.rows))\r\n        this.$set(this.tableData)\r\n        this.loading = false\r\n      })\r\n    },\r\n    handleSizeChange(val) {\r\n      this.queryParam.pageBean.pageSize = val\r\n      this.getDateList()\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.queryParam.pageBean.page = val\r\n      this.getDateList()\r\n    },\r\n    handleSelectionChange(val) {\r\n      this.multipleSelection = val.map((item) => {\r\n        return item.id\r\n      })\r\n    },\r\n    // // 指定一个key标识这一行的数据\r\n    // getRowKey(row) {\r\n    //   return row.id\r\n    // },\r\n    //获取字典数据\r\n    getSysDict() {\r\n      let portal = window.context.portal\r\n      return new Promise((resolve, reject) => {\r\n        req.post(portal + '/sys/sysDictionary/v1/queryAllDictItems').then(\r\n          (response) => {\r\n            resolve(response.data)\r\n            this.rwptns = response.data.ss;//水势\r\n            slQuery.getbasAdName({}, (res) => {\r\n              this.basAdNames = res.value\r\n            })\r\n            slQuery.getRsnm({}, (res) => {\r\n              this.rsnms = res.value\r\n            })\r\n            slQuery.SeepagetStnms({}, (res) => {\r\n              this.stnms = res.value\r\n            })\r\n            this.getDateList()\r\n          },\r\n          (error) => {\r\n            reject(error)\r\n          }\r\n        )\r\n      })\r\n    },\r\n    // // 点击查询\r\n    onClickSearch() {\r\n      this.queryParam.pageBean.page = 1\r\n      this.getDateList()\r\n    },\r\n    // 重置\r\n    resetQuery() {\r\n      this.queryParam.params = {}\r\n      this.onClickSearch()\r\n    },\r\n  },\r\n}\r\n",null]}