{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\components\\displacement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\components\\displacement.vue","mtime":1684458239246},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"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":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.replace\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 gqStqQuery from '@/api/monitor/gqMonitor/gqStqQuery.js';\nimport wyQuery from '@/api/monitor/gqMonitor/wyQuery.js';\nimport { TableMixin } from '@/mixins/tableMixin';\nimport * as echarts from 'echarts';\nimport req from '@/request.js';\nexport default {\n  name: 'displacement',\n  components: {// FormDialog,\n  },\n  mixins: [TableMixin],\n  data: function data() {\n    return {\n      title: '',\n      loading: false,\n      basAdNames: [],\n      //行政区\n      statuss: [{\n        name: '在线',\n        value: '1'\n      }, {\n        name: '不在线',\n        value: '0'\n      }],\n      multipleSelection: [],\n      // 复选框\n      rsnms: [],\n      //水库下拉，\n      stnms: [],\n      //测站下拉\n      setKesLabel: {\n        value: 'code',\n        label: 'name',\n        children: 'children'\n      },\n      queryParam: {\n        pageBean: {\n          pageSize: 20,\n          page: 1\n        },\n        params: {\n          rscd: null,\n          stcd: null,\n          addvcd: null,\n          wkcn: null,\n          stnm: null\n        }\n      },\n      rwptns: [],\n      //水势\n      showFormDia: false,\n      tableData: [],\n      pId: '',\n      total: 0,\n      showFormDias: false,\n      dates: [],\n      //图表日期\n      xrds: [],\n      //x向值\n      yrds: [],\n      //y向值\n      zrds: [],\n      //垂直向值\n      dxrds: [],\n      //x向值危险值\n      dyrds: [],\n      //y危险值\n      dzrds: [],\n      //垂直危险值\n      jxrds: [],\n      //x警戒值\n      jyrds: [],\n      //y警戒值\n      jzrds: [],\n      //垂直警戒值\n      echartLiat: [],\n      times: [],\n      //选择时间\n      query: {\n        stcd: null,\n        stnm: null,\n        startTime: null,\n        endTime: null\n      },\n      loadingChartData: false\n    };\n  },\n  created: function created() {\n    this.getSysDict();\n  },\n  methods: {\n    openMore: function openMore() {\n      this.showMore = !this.showMore;\n    },\n    onhouChange: function onhouChange(val) {\n      if (val) {\n        this.queryParam.params.addvcd = val[val.length - 1];\n      } else {\n        this.queryParam.params.addvcd = null;\n      }\n    },\n    openDate: function openDate(val) {\n      var _this = this;\n\n      this.echartLiat = [];\n      this.loadingChartData = true;\n      this.title = val.stnm;\n      this.query.startTime = null; //每次打开弹窗时清空上次手动选择的时间\n\n      this.query.endTime = null; //每次打开弹窗时清空上次手动选择的时间\n\n      this.times = []; //每次打开弹窗时清空上次手动选择的时间\n\n      this.query.stcd = val.stcd; //点击打开曲线图时赋值\n\n      this.query.stnm = val.stnm; //点击打开曲线图时赋值\n\n      var moment = require('moment'); //打开时默认时间为一天前至获取当前年月日时分秒\n\n\n      var _today = moment();\n\n      this.showFormDias = true;\n      var endTime = moment().format('L'); //当前年月日\n\n      var time = moment().format('LTS'); //当前时分秒\n\n      endTime = endTime.replace(/\\//g, '-');\n      endTime = endTime + ' ' + time;\n\n      var startTime = _today.subtract(1, 'days').format('YYYY-MM-DD');\n      /*前一天的时间*/\n\n\n      startTime = startTime + ' ' + time;\n      this.query.startTime = startTime;\n      this.query.endTime = endTime;\n      this.times = [startTime, endTime];\n      this.rsnms.forEach(function (item) {\n        if (item.rsnm == val.rsnm) {\n          val['rscd'] = item.rscd;\n        }\n      });\n      this.query = {\n        stnm: val.stnm,\n        stcd: val.stcd,\n        startTime: startTime,\n        endTime: endTime,\n        sttp: val.sttp,\n        rscd: val.rscd,\n        tmOrderAsc: true\n      };\n      console.log(this.query, 'open');\n      wyQuery.getChartsList(this.query, function (res) {\n        _this.echartLiat = res.value;\n\n        if (res.value.length) {\n          _this.dates = _this.echartLiat.map(function (item) {\n            return item.tm;\n          });\n          _this.xrds = _this.echartLiat.map(function (item) {\n            return item.dx;\n          });\n          _this.yrds = _this.echartLiat.map(function (item) {\n            return item.dy;\n          });\n          _this.zrds = _this.echartLiat.map(function (item) {\n            return item.dz;\n          });\n          _this.dxrds = _this.echartLiat.map(function (item) {\n            return item.dxrds;\n          });\n          _this.dyrds = _this.echartLiat.map(function (item) {\n            return item.dyrds;\n          });\n          _this.dzrds = _this.echartLiat.map(function (item) {\n            return item.dzrds;\n          });\n          _this.jxrds = _this.echartLiat.map(function (item) {\n            return item.jxrds;\n          });\n          _this.jyrds = _this.echartLiat.map(function (item) {\n            return item.jyrds;\n          });\n          _this.jzrds = _this.echartLiat.map(function (item) {\n            return item.jzrds;\n          });\n\n          _this.$nextTick(function () {\n            _this.getCharts();\n          });\n        } else {\n          _this.xrds = [];\n          _this.dates = [];\n          _this.yrds = [];\n          _this.zrds = [];\n          _this.dxrds = [];\n          _this.dyrds = [];\n          _this.dzrds = [];\n          _this.jxrds = [];\n          _this.jyrds = [];\n          _this.jzrds = [];\n\n          _this.$nextTick(function () {\n            _this.getCharts();\n          });\n        }\n\n        _this.loadingChartData = false;\n      });\n    },\n    changeChart: function changeChart(val) {\n      var _this2 = this;\n\n      this.echartLiat = [];\n      this.loadingChartData = true;\n\n      if (val) {\n        this.query.startTime = val[0];\n        this.query.endTime = val[1];\n        this.xrds = [];\n        this.dates = [];\n        this.yrds = [];\n        this.zrds = [];\n        this.dxrds = [];\n        this.dyrds = [];\n        this.dzrds = [];\n        this.jxrds = [];\n        this.jyrds = [];\n        this.jzrds = [];\n        console.log(this.query, 'query');\n        wyQuery.getChartsList(this.query, function (res) {\n          if (res.value.length) {\n            _this2.echartLiat = res.value;\n            _this2.dates = _this2.echartLiat.map(function (item) {\n              return item.tm;\n            });\n            _this2.xrds = _this2.echartLiat.map(function (item) {\n              return item.dx;\n            });\n            _this2.yrds = _this2.echartLiat.map(function (item) {\n              return item.dy;\n            });\n            _this2.zrds = _this2.echartLiat.map(function (item) {\n              return item.dz;\n            });\n            _this2.dxrds = _this2.echartLiat.map(function (item) {\n              return item.dxrds;\n            });\n            _this2.dyrds = _this2.echartLiat.map(function (item) {\n              return item.dyrds;\n            });\n            _this2.dzrds = _this2.echartLiat.map(function (item) {\n              return item.dzrds;\n            });\n            _this2.jxrds = _this2.echartLiat.map(function (item) {\n              return item.jxrds;\n            });\n            _this2.jyrds = _this2.echartLiat.map(function (item) {\n              return item.jyrds;\n            });\n            _this2.jzrds = _this2.echartLiat.map(function (item) {\n              return item.jzrds;\n            });\n          }\n\n          _this2.$nextTick(function () {\n            _this2.getCharts();\n          });\n\n          _this2.loadingChartData = false;\n        });\n      } else {\n        this.loadingChartData = false;\n        this.$message.warning('请选择查询时间范围！');\n        this.query.startTime = '';\n        this.query.endTime = '';\n        this.times = [];\n        this.xrds = [];\n        this.dates = [];\n        this.yrds = [];\n        this.zrds = [];\n        this.dxrds = [];\n        this.dyrds = [];\n        this.dzrds = [];\n        this.jxrds = [];\n        this.jyrds = [];\n        this.jzrds = [];\n        this.$nextTick(function () {\n          _this2.getCharts();\n        });\n        return;\n        wyQuery.getChartsList(this.query, function (res) {\n          if (res.value.length) {\n            _this2.echartLiat = res.value;\n            _this2.dates = _this2.echartLiat.map(function (item) {\n              return item.tm;\n            });\n            _this2.xrds = _this2.echartLiat.map(function (item) {\n              return item.dx;\n            });\n            _this2.yrds = _this2.echartLiat.map(function (item) {\n              return item.dy;\n            });\n            _this2.zrds = _this2.echartLiat.map(function (item) {\n              return item.dz;\n            });\n            _this2.dxrds = _this2.echartLiat.map(function (item) {\n              return item.dxrds;\n            });\n            _this2.dyrds = _this2.echartLiat.map(function (item) {\n              return item.dyrds;\n            });\n            _this2.dzrds = _this2.echartLiat.map(function (item) {\n              return item.dzrds;\n            });\n            _this2.jxrds = _this2.echartLiat.map(function (item) {\n              return item.jxrds;\n            });\n            _this2.jyrds = _this2.echartLiat.map(function (item) {\n              return item.jyrds;\n            });\n            _this2.jzrds = _this2.echartLiat.map(function (item) {\n              return item.jzrds;\n            });\n\n            _this2.$nextTick(function () {\n              _this2.getCharts();\n            });\n          }\n\n          _this2.loadingChartData = false;\n        });\n      }\n    },\n    getCharts: function getCharts() {\n      var chartDom = document.getElementById('echartsBox');\n      var myChart = echarts.init(chartDom);\n      var option = {\n        title: {\n          text: ''\n        },\n        tooltip: {\n          trigger: 'axis'\n        },\n        legend: {\n          data: ['x方向位移(mm)', 'y方向位移(mm)', 'z方向位移(mm)' // 'x向危险值(mm)',\n          // 'y向危险值(mm)',\n          // '垂直危险值(mm)',\n          // 'x向警戒值(mm)',\n          // 'y向警戒值(mm)',\n          // '垂直警戒值(mm)'\n          ]\n        },\n        grid: {\n          left: '8%',\n          right: '4%',\n          bottom: '6%',\n          containLabel: true\n        },\n        // toolbox: {\n        //   feature: {\n        //     saveAsImage: {},\n        //   },\n        // },\n        xAxis: {\n          type: 'category',\n          boundaryGap: false,\n          data: this.dates\n        },\n        yAxis: {\n          type: 'value',\n          scale: true\n        },\n        series: [{\n          name: 'x方向位移(mm)',\n          type: 'line',\n          itemStyle: {\n            normal: {\n              color: '#00ffff',\n              lineStyle: {\n                color: '#00ffff'\n              }\n            }\n          },\n          data: this.xrds\n        }, {\n          name: 'y方向位移(mm)',\n          type: 'line',\n          itemStyle: {\n            normal: {\n              color: 'blue',\n              lineStyle: {\n                color: 'blue'\n              }\n            }\n          },\n          data: this.yrds\n        }, {\n          name: 'z方向位移(mm)',\n          type: 'line',\n          itemStyle: {\n            normal: {\n              color: 'green',\n              lineStyle: {\n                color: 'green'\n              }\n            }\n          },\n          data: this.zrds\n        } // {\n        //   name: 'x向危险值(mm)',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#800000',\n        //       lineStyle: {\n        //         color: '#800000'\n        //       }\n        //     }\n        //   },\n        //   data: this.dxrds\n        // },\n        // {\n        //   name: 'y向危险值(mm)',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#ff0000',\n        //       lineStyle: {\n        //         color: '#ff0000'\n        //       }\n        //     }\n        //   },\n        //   data: this.dyrds\n        // },\n        // {\n        //   name: '垂直危险值(mm)',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#ff1493',\n        //       lineStyle: {\n        //         color: '#ff1493'\n        //       }\n        //     }\n        //   },\n        //   data: this.dzrds\n        // },\n        // {\n        //   name: 'x向警戒值',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#ffe4b5',\n        //       lineStyle: {\n        //         color: '#ffe4b5'\n        //       }\n        //     }\n        //   },\n        //   data: this.jxrds\n        // },\n        // {\n        //   name: 'y向警戒值',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#ffa500',\n        //       lineStyle: {\n        //         color: '#ffa500'\n        //       }\n        //     }\n        //   },\n        //   data: this.jyrds\n        // },\n        // {\n        //   name: '垂直警戒值',\n        //   type: 'line',\n        //   itemStyle: {\n        //     normal: {\n        //       color: '#d2691e',\n        //       lineStyle: {\n        //         color: '#d2691e'\n        //       }\n        //     }\n        //   },\n        //  data: this.jzrds\n        //  }\n        ]\n      };\n      option && myChart.setOption(option);\n    },\n    handleClose: function handleClose() {\n      this.echartLiat = [];\n      this.showFormDias = false;\n    },\n    getDateList: function getDateList() {\n      var _this3 = this;\n\n      this.loading = true;\n      this.tableData = [];\n      gqStqQuery.ListGet(this.queryParam, function (res) {\n        _this3.total = res.value.total;\n        _this3.tableData = JSON.parse(JSON.stringify(res.value.rows));\n\n        _this3.$set(_this3.tableData);\n\n        _this3.loading = false;\n      });\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      this.queryParam.pageBean.pageSize = val;\n      this.getDateList();\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      this.queryParam.pageBean.page = val;\n      this.getDateList();\n    },\n    handleSelectionChange: function handleSelectionChange(val) {\n      this.multipleSelection = val.map(function (item) {\n        return item.id;\n      });\n    },\n    // // 指定一个key标识这一行的数据\n    // getRowKey(row) {\n    //   return row.id\n    // },\n    //获取字典数据\n    getSysDict: function getSysDict() {\n      var _this4 = this;\n\n      var portal = window.context.portal;\n      return new Promise(function (resolve, reject) {\n        req.post(portal + '/sys/sysDictionary/v1/queryAllDictItems').then(function (response) {\n          resolve(response.data);\n          _this4.rwptns = response.data.ss; //水势\n\n          gqStqQuery.getbasAdName({}, function (res) {\n            _this4.basAdNames = res.value;\n          });\n          gqStqQuery.getRsnm({}, function (res) {\n            _this4.rsnms = res.value;\n          });\n          gqStqQuery.getStnms({}, function (res) {\n            console.log(res.value, '测点');\n            _this4.stnms = res.value;\n          });\n\n          _this4.getDateList();\n        }, function (error) {\n          reject(error);\n        });\n      });\n    },\n    // // 点击查询\n    onClickSearch: function onClickSearch() {\n      this.queryParam.pageBean.page = 1;\n      this.getDateList();\n    },\n    // 重置\n    resetQuery: function resetQuery() {\n      this.queryParam.params = {};\n      this.onClickSearch();\n    }\n  }\n};",null]}