{"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\\ReservoirModel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\ReservoirModel.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/es6.regexp.split\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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 gisMap from '@/api/frontScreen/gisMap.js';\nimport shiftEcharts from \"./components/ReservoirEcharts.vue\";\nimport seepageEcharts from \"./components/seepageEcharts.vue\";\nimport pressureEcharts from \"./components/pressureEcharts.vue\";\nexport default {\n  name: 'reservoirModel',\n  props: {\n    currentPoint: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    isShow: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    shiftEcharts: shiftEcharts,\n    seepageEcharts: seepageEcharts,\n    pressureEcharts: pressureEcharts\n  },\n  data: function data() {\n    return {\n      activeName: '水库详情',\n      reservoirData: [{\n        text: '水库名称',\n        content: 'XXX水库',\n        key: 1\n      }, {\n        text: '水库代码',\n        content: '225522',\n        key: 2\n      }, {\n        text: '工程规模',\n        content: '中型',\n        key: 3\n      }, {\n        text: '工程状态',\n        content: '完工',\n        key: 4\n      }, {\n        text: '所属河流',\n        content: 'XX河',\n        key: 5\n      }, {\n        text: '正常蓄水位(m)',\n        content: '125',\n        key: 6\n      }, {\n        text: '总库容(万m³)',\n        content: '78',\n        key: 7\n      }, {\n        text: '主汛限制水位(m)',\n        content: '145',\n        key: 8\n      }, {\n        text: '设计洪水位(m)',\n        content: '150',\n        key: 9\n      }, {\n        text: '大坝材料类型',\n        content: 'xxx',\n        key: 10\n      }, {\n        text: '大坝结构类型',\n        content: 'xxx',\n        key: 11\n      }, {\n        text: '最大坝高(m)',\n        content: '20',\n        key: 12\n      }, {\n        text: '坝顶长度(m)',\n        content: '156',\n        key: 13\n      }, {\n        text: '坝顶宽度(m)',\n        content: '8',\n        key: 14\n      }],\n      stationKey1: '',\n      monitoringList1: [],\n      stationKey2: '',\n      monitoringList2: [],\n      stationKey3: '',\n      monitoringList3: [],\n      stationKey4: '',\n      monitoringList4: [],\n      rainChart: null,\n      //雨情监测\n      waterChart: null,\n      //水情监测\n      seepageChart: null,\n      //渗流监测\n      pressureChart: null,\n      //渗压监测\n      shiftChart: null,\n      //位移监测\n      pptnLatestLists: [],\n      rsvrLatestLists: [],\n      dammvLists: [],\n      damspgLists: [],\n      damspprLists: []\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; // this.getMonitoring()\n  },\n  mounted: function mounted() {// this.$nextTick(() => {\n    //     this.initCharts()\n    // })\n  },\n  watch: {\n    currentPoint: {\n      handler: function handler(newVal) {\n        console.log(this.activeName);\n        this.activeName = '水库详情';\n\n        if (this.activeName == 'rain') {\n          this.getPptnLatestList();\n        } else if (this.activeName == 'water') {\n          this.getRsvrLatestList();\n        } else if (this.activeName == 'shift') {\n          this.dropDownList(1);\n        } else if (this.activeName == 'seepage') {\n          this.dropDownList(2);\n        } else if (this.activeName == 'pressure') {\n          this.dropDownList(3);\n        }\n      }\n    }\n  },\n  beforeDestroy: function beforeDestroy() {},\n  methods: {\n    handleClick: function handleClick(tab, event) {\n      console.log(tab.name);\n\n      if (tab.name == 'rain') {\n        this.getPptnLatestList();\n      } else if (tab.name == 'water') {\n        this.getRsvrLatestList();\n      } else if (tab.name == 'shift') {\n        this.dropDownList(1);\n      } else if (tab.name == 'seepage') {\n        this.dropDownList(2);\n      } else if (tab.name == 'pressure') {\n        this.dropDownList(3);\n      }\n    },\n    //雨情\n    getPptnLatestList: function getPptnLatestList() {\n      var _this = this;\n\n      var param = {\n        // rscd: this.params.rscd\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: this.currentPoint.rscd,\n        startTime: \"\",\n        stcd: \"\",\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\",\n        tmOrderAsc: true\n      };\n      gisMap.pptnLatestList(param, function (res) {\n        if (res.state) {\n          _this.pptnLatestLists = res.value;\n\n          _this.$nextTick(function () {\n            _this.initRainChart();\n          });\n        }\n      });\n    },\n    //水情监测\n    getRsvrLatestList: function getRsvrLatestList() {\n      var _this2 = this;\n\n      var param = {\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: this.currentPoint.rscd,\n        startTime: \"\",\n        stcd: \"\",\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\"\n      };\n      gisMap.rsvrLatestList(param, function (res) {\n        if (res.state) {\n          _this2.rsvrLatestLists = res.value;\n\n          _this2.$nextTick(function () {\n            _this2.initWaterChart();\n          });\n        }\n      });\n    },\n    dropDownList: function dropDownList(val) {\n      var _this3 = this;\n\n      var param = {\n        id: \"\",\n        mpcd: \"\",\n        mpnm: \"\",\n        rscd: this.currentPoint.rscd,\n        stlc: \"\",\n        sttp: val,\n        wkcn: \"\"\n      };\n      gisMap.monitoring(param, function (res) {\n        if (res.state) {\n          if (val == 1) {\n            _this3.monitoringList1 = res.value;\n\n            if (res.value.length > 0) {\n              _this3.stationKey1 = _this3.monitoringList1[0].mpcd;\n            } else {\n              _this3.stationKey1 = '';\n            } // this.getDammvList() //位移曲线\n\n          } else if (val == 2) {\n            _this3.monitoringList2 = res.value;\n\n            if (res.value.length > 0) {\n              _this3.stationKey2 = _this3.monitoringList2[0].mpcd;\n            } else {\n              _this3.stationKey2 = '';\n            } // this.getDamspprList() //渗压曲线\n\n          } else if (val == 3) {\n            _this3.monitoringList3 = res.value;\n\n            if (res.value.length > 0) {\n              _this3.stationKey3 = _this3.monitoringList3[0].mpcd;\n            } else {\n              _this3.stationKey3 = '';\n            } // this.getDamspgList() //渗流曲线\n\n          }\n        }\n      });\n    },\n    //位移曲线图\n    getDammvList: function getDammvList() {\n      var _this4 = this;\n\n      var param = {\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: this.currentPoint.rscd,\n        startTime: \"\",\n        stcd: this.stationKey1,\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\"\n      };\n      gisMap.dammvList(param, function (res) {\n        if (res.state) {\n          _this4.dammvLists = res.value;\n\n          _this4.$nextTick(function () {\n            _this4.initShiftChart();\n          });\n        }\n      });\n    },\n    //渗压监测\n    getDamspprList: function getDamspprList() {\n      var _this5 = this;\n\n      var param = {\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: this.currentPoint.rscd,\n        startTime: \"\",\n        stcd: this.stationKey2,\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\"\n      };\n      gisMap.damspprList(param, function (res) {\n        if (res.state) {\n          _this5.damspprLists = res.value;\n\n          _this5.$nextTick(function () {\n            _this5.initPressureChart();\n          });\n        }\n      });\n    },\n    //渗流曲线图\n    getDamspgList: function getDamspgList() {\n      var _this6 = this;\n\n      console.log(123);\n      var param = {\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: this.currentPoint.rscd,\n        startTime: \"\",\n        stcd: this.stationKey3,\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\"\n      };\n      gisMap.damspgList(param, function (res) {\n        if (res.state) {\n          _this6.damspgLists = res.value;\n\n          _this6.$nextTick(function () {\n            _this6.initSeepageChart();\n          });\n        }\n      });\n    },\n    initCharts: function initCharts() {\n      this.initRainChart();\n      this.initWaterChart();\n      this.initSeepageChart();\n      this.initPressureChart();\n      this.initShiftChart();\n    },\n    damTypeMat: function damTypeMat(val) {\n      var name;\n      var dbcl = dictUtils.getDictItemsFromCache('dbcl');\n      dbcl.forEach(function (e) {\n        if (e.value == val) {\n          name = e.name;\n        }\n      });\n      return name;\n    },\n    damTypeStr: function damTypeStr(val) {\n      var name;\n      var dbjg = dictUtils.getDictItemsFromCache('dbjg');\n      dbjg.forEach(function (e) {\n        if (e.value == val) {\n          name = e.name;\n        }\n      });\n      return name;\n    },\n    //雨情\n    initRainChart: function initRainChart() {\n      var times = [];\n      var drpList = [];\n      this.pptnLatestLists.forEach(function (e) {\n        times.push(e.tm);\n        drpList.push(e.drp);\n      });\n      var rainChartDom = document.getElementById('rainChart');\n      this.rainChart = echarts.init(rainChartDom);\n      var option = {\n        tooltip: {\n          appendToBody: true,\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: ['小时雨量(mm)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '4%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: times\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '小时雨量(mm)',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: drpList,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }]\n      };\n      option && this.rainChart.setOption(option);\n    },\n    initWaterChart: function initWaterChart() {\n      var times = [];\n      var rzList = [];\n      var wList = [];\n      this.rsvrLatestLists.forEach(function (e) {\n        times.push(e.tm);\n        rzList.push(e.rz);\n        wList.push(e.w);\n      });\n      var waterChartDom = document.getElementById('waterChart');\n      this.waterChart = echarts.init(waterChartDom);\n      var option = {\n        tooltip: {\n          appendToBody: true,\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: ['水位(m)', '库容(万m²)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '4%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: times\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '水位(m)',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: rzList,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }, {\n          name: '库容(万m²)',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: wList,\n          itemStyle: {\n            color: '#00FFFF'\n          }\n        }]\n      };\n      option && this.waterChart.setOption(option);\n    },\n    initSeepageChart: function initSeepageChart() {\n      var times = [];\n      var spqnList = [];\n      this.damspgLists.forEach(function (e) {\n        times.push(e.mstm.split(' ')[1]);\n        spqnList.push(e.spqn);\n      });\n      var seepageChartDom = document.getElementById('seepageChart');\n      this.seepageChart = echarts.init(seepageChartDom);\n      var option = {\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          top: '2%',\n          left: '4%',\n          data: ['瞬时流量(m³/s)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '6%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: times\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '瞬时流量(m³/s)',\n          type: 'line',\n          smooth: true,\n          areaStyle: {},\n          emphasis: {\n            focus: 'series'\n          },\n          data: spqnList,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      };\n      option && this.seepageChart.setOption(option);\n    },\n    initPressureChart: function initPressureChart() {\n      var times = [];\n      var pztbwlList = [];\n      var spprwlList = [];\n      this.damspprLists.forEach(function (e) {\n        times.push(e.mstm.split(' ')[1]);\n        pztbwlList.push(e.pztbwl);\n        spprwlList.push(e.spprwl);\n      });\n      var pressureChartDom = document.getElementById('pressureChart');\n      this.pressureChart = echarts.init(pressureChartDom);\n      var option = {\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          top: '2%',\n          left: '4%',\n          data: ['测压管水位(m)', '渗流压力水(m)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '6%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: times\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '测压管水位(m)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: pztbwlList,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }, {\n          name: '渗流压力水(m)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: spprwlList,\n          itemStyle: {\n            color: '#ff9a00'\n          }\n        }]\n      };\n      option && this.pressureChart.setOption(option); // const pressureChartDom = document.getElementById('pressureChart')\n      // this.pressureChart = echarts.init(pressureChartDom)\n      // let option = {\n      //     tooltip: {\n      //         appendToBody: true,\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: ['浸润线1(m)', '浸润线2(m)'],\n      //         textStyle: {\n      //             color: '#adb9ba',\n      //             fontSize: 10,\n      //         },\n      //     },\n      //     grid: {\n      //         top: '4%',\n      //         left: '4%',\n      //         right: '4%',\n      //         bottom: '16%',\n      //         containLabel: true,\n      //     },\n      //     xAxis: [\n      //         {\n      //             type: 'category',\n      //             boundaryGap: false,\n      //             data: ['坝顶', '坝中', '坝底'],\n      //         },\n      //     ],\n      //     yAxis: [\n      //         {\n      //             type: 'value',\n      //         },\n      //     ],\n      //     series: [\n      //         {\n      //             name: '浸润线1(m)',\n      //             type: 'line',\n      //             smooth: true,\n      //             emphasis: {\n      //                 focus: 'series',\n      //             },\n      //             data: [65, 68, 62],\n      //             itemStyle: {\n      //                 color: '#6767ff',\n      //             },\n      //         },\n      //         {\n      //             name: '浸润线2(m)',\n      //             type: 'line',\n      //             smooth: true,\n      //             emphasis: {\n      //                 focus: 'series',\n      //             },\n      //             data: [76, 74, 77],\n      //             itemStyle: {\n      //                 color: '#ff9a00',\n      //             },\n      //         },\n      //     ],\n      // }\n      // option && this.pressureChart.setOption(option)\n    },\n    initShiftChart: function initShiftChart() {\n      var times = [];\n      var xrdsList = [];\n      var yrdsList = [];\n      var zrdsList = [];\n      this.dammvLists.forEach(function (e) {\n        times.push(e.tm.split(' ')[1]);\n        xrdsList.push(e.dx);\n        yrdsList.push(e.dy);\n        zrdsList.push(e.dz);\n      });\n      console.log(this.dammvLists);\n      var shiftChartDom = document.getElementById('shiftChart');\n      this.shiftChart = echarts.init(shiftChartDom);\n      var option = {\n        tooltip: {\n          appendToBody: true,\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: ['北方向(mm)', '东方向(mm)', '垂直方向(mm)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '4%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: times\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: '北方向(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: xrdsList,\n          itemStyle: {\n            color: '#ff9a00'\n          }\n        }, {\n          name: '东方向(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: yrdsList,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }, {\n          name: '垂直方向(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: zrdsList,\n          itemStyle: {\n            color: '#91cc75'\n          }\n        }]\n      };\n      option && this.shiftChart.setOption(option);\n    }\n  }\n};",null]}