{"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\\frontScreens\\components\\gisTabComponents\\module\\RealTimeWaterModel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\RealTimeWaterModel.vue","mtime":1684458238652},{"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\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport gisMap from '@/api/frontScreen/gisMap.js';\nexport default {\n  name: 'RealTimeRainModel',\n  props: {\n    currentPoint: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    }\n  },\n  data: function data() {\n    return {\n      timeList: [],\n      jzList: [],\n      bzList: [],\n      fhList: [],\n      zgList: [],\n      zzList: [],\n      dsfllvList: [],\n      chfllvList: [],\n      nrstlvList: [],\n      qList: [],\n      sttp: null,\n      params: {\n        stcd: null\n      },\n      waterChart: null,\n      //雨情\n      option2: {},\n      option3: {}\n    };\n  },\n  inject: ['mapData'],\n  created: function created() {\n    var mapData = this.mapData();\n    this.districtData = this.originData;\n    this.T = mapData.T;\n    this.map = mapData.map;\n  },\n  mounted: function mounted() {},\n  watch: {\n    currentPoint: {\n      handler: function handler() {\n        var _this = this;\n\n        this.$nextTick(function () {\n          _this.getFindResList();\n        }); // this.initwaterChart()\n      }\n    }\n  },\n  updated: function updated() {},\n  beforeDestroy: function beforeDestroy() {},\n  methods: {\n    getFindResList: function getFindResList() {\n      var _this2 = this;\n\n      this.params.stcd = this.currentPoint.stcd;\n      this.sttp = this.currentPoint.sttp;\n\n      if (this.sttp == 'ZZ' || this.sttp == 'ZQ') {\n        gisMap.waterRegimehd(this.params, function (res) {\n          if (res.state) {\n            _this2.timeList = [];\n            _this2.jzList = [];\n            _this2.bzList = [];\n            _this2.fhList = [];\n            _this2.zgList = [];\n            _this2.zzList = [];\n            res.value.forEach(function (e) {\n              _this2.timeList.push(e.tm);\n\n              _this2.jzList.push(e.jz);\n\n              _this2.bzList.push(e.bz);\n\n              _this2.fhList.push(e.fh);\n\n              _this2.zgList.push(e.zg);\n\n              _this2.zzList.push(e.zz);\n            });\n\n            _this2.$nextTick(function () {\n              _this2.initwaterChart();\n            });\n          }\n        });\n      }\n\n      if (this.sttp == 'SS') {\n        gisMap.waterRegimehd(this.params, function (res) {\n          if (res.state) {\n            _this2.timeList = [];\n            _this2.zzList = [];\n            _this2.qList = [];\n            res.value.forEach(function (e) {\n              _this2.timeList.push(e.tm);\n\n              _this2.zzList.push(e.zz);\n\n              _this2.qList.push(e.q);\n            });\n\n            _this2.$nextTick(function () {\n              _this2.initwaterChart();\n            });\n          }\n        });\n      }\n\n      if (this.sttp == \"RR\") {\n        this.params.rscd = this.currentPoint.rscd;\n        gisMap.waterRegimesk(this.params, function (res) {\n          if (res.state) {\n            _this2.timeList = [];\n            _this2.zzList = [];\n            _this2.nrstlvList = [];\n            _this2.dsfllvList = [];\n            _this2.chfllvList = [];\n            res.value.forEach(function (e) {\n              _this2.timeList.push(e.tm);\n\n              _this2.zzList.push(e.zz);\n\n              _this2.nrstlvList.push(e.nrstlv);\n\n              _this2.dsfllvList.push(e.dsfllv);\n\n              _this2.chfllvList.push(e.chfllv);\n            });\n\n            _this2.$nextTick(function () {\n              _this2.initwaterChart();\n            });\n          }\n        });\n      }\n    },\n    initwaterChart: function initwaterChart() {\n      if (this.waterChart) {\n        this.waterChart.dispose();\n      }\n\n      var waterChartDom = document.getElementById('waterChart');\n      this.waterChart = echarts.init(waterChartDom);\n      this.option2 = {\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(0,0,0,0.7)',\n          textStyle: {\n            color: '#dddee0'\n          },\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          }\n        },\n        legend: {\n          bottom: 0,\n          right: 0,\n          data: ['警戒线', '保证线', '防洪线', '最高洪水线', '实时水位线', '流量'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '6%',\n          right: '4%',\n          bottom: '15%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.timeList\n        }],\n        yAxis: [{\n          name: '单位:m',\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '警戒线',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.jzList\n        }, {\n          name: '保证线',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.bzList\n        }, {\n          name: '防洪线',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.fhList\n        }, {\n          name: '最高洪水线',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zgList\n        }, {\n          name: this.sttp == 'SS' ? '流量' : '实时水位线',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zzList,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      this.option4 = {\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(0,0,0,0.7)',\n          textStyle: {\n            color: '#dddee0'\n          },\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          }\n        },\n        legend: {\n          bottom: 0,\n          right: 0,\n          data: ['警戒水位', '设计洪水位', '校核洪水位', '当前水位'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '6%',\n          right: '4%',\n          bottom: '15%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.timeList\n        }],\n        yAxis: [{\n          name: '单位:m',\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '警戒水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.nrstlvList,\n          itemStyle: {\n            normal: {\n              color: 'yellow',\n              lineStyle: {\n                color: 'yellow'\n              }\n            }\n          }\n        }, {\n          name: '设计洪水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.dsfllvList,\n          itemStyle: {\n            normal: {\n              color: '#ff6347',\n              lineStyle: {\n                color: '#ff6347'\n              }\n            }\n          }\n        }, {\n          name: '校核洪水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.chfllvList,\n          itemStyle: {\n            normal: {\n              color: '#b22222',\n              lineStyle: {\n                color: '#b22222'\n              }\n            }\n          }\n        }, {\n          name: '当前水位',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zzList,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      this.option3 = {\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(0,0,0,0.7)',\n          textStyle: {\n            color: '#dddee0'\n          },\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          }\n        },\n        legend: {\n          bottom: 0,\n          right: 0,\n          data: ['汛限水位', '实时水位线'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '2%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: ['', '']\n        }],\n        yAxis: [{\n          name: '单位:m',\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '汛限水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: [96, 96],\n          itemStyle: {\n            color: '#fb5430'\n          }\n        }, {\n          name: '实时水位线',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: [20, 20],\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      this.option5 = {\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(0,0,0,0.7)',\n          textStyle: {\n            color: '#dddee0'\n          },\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          }\n        },\n        legend: {\n          bottom: 0,\n          right: 0,\n          data: ['保证水位', '警戒水位', '当前水位'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '15%',\n          left: '6%',\n          right: '4%',\n          bottom: '15%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.timeList\n        }],\n        yAxis: [{\n          name: '单位:m',\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '保证水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.bzList,\n          itemStyle: {\n            normal: {\n              color: 'yellow',\n              lineStyle: {\n                color: 'yellow'\n              }\n            }\n          }\n        }, {\n          name: '警戒水位',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.jzList,\n          itemStyle: {\n            normal: {\n              color: '#b22222',\n              lineStyle: {\n                color: '#b22222'\n              }\n            }\n          }\n        }, {\n          name: '当前水位',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zzList,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      this.option6 = {\n        tooltip: {\n          trigger: 'axis',\n          backgroundColor: 'rgba(0,0,0,0.7)',\n          textStyle: {\n            color: '#dddee0'\n          },\n          axisPointer: {\n            type: 'cross',\n            label: {\n              backgroundColor: '#6a7985'\n            }\n          }\n        },\n        legend: {\n          bottom: 0,\n          right: 0,\n          data: ['流量', '当前水位'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '15%',\n          // left: '4%',\n          right: '4%',\n          bottom: '15%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.timeList\n        }],\n        yAxis: [{\n          name: '单位:m',\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '流量',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.qList,\n          itemStyle: {\n            color: 'green'\n          }\n        }, {\n          name: '当前水位',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zzList,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      var option;\n      console.log(this.currentPoint.sttp);\n\n      if (this.currentPoint.sttp == 2) {\n        option = this.option3;\n      } else if (this.currentPoint.sttp == 'RR') {\n        option = this.option4;\n      } else if (this.currentPoint.sttp == 'ZZ' || this.currentPoint.sttp == 'ZQ') {\n        option = this.option5;\n      } else if (this.currentPoint.sttp == 'SS') {\n        option = this.option6;\n      } else {\n        option = this.option2;\n      }\n\n      option && this.waterChart.setOption(option);\n    }\n  }\n};",null]}