{"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\\RealTimeEngineerModel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\RealTimeEngineerModel.vue","mtime":1684458238637},{"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\";\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: 'RealTimeEngineerModel',\n  props: {\n    currentPoint: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    },\n    stationType: {\n      type: String,\n      default: ''\n    }\n  },\n  data: function data() {\n    return {\n      chart: null,\n      //\n      seepageOption: null,\n      //渗流监测\n      shiftOption: null,\n      //位移监测\n      pressureOption1: null,\n      //渗流压力监测\n      pressureOption2: null,\n      //渗压管压力监测\n      dammvLists: [],\n      //位移测报数据\n      xrds: [],\n      //x向值\n      yrds: [],\n      //y向值\n      zrds: [],\n      //垂直向值\t\n      damspgLists: [],\n      //渗流测报数据\n      spqns: [],\n      //流量\n      damspprLists: [],\n      //渗压测报数据\n      spprwls: [],\n      //渗流压力水位（m）\n      damspprListes: [],\n      //渗压管监测数据\n      dpztbwls: [],\n      //测压管危险水位\n      jpztbwls: [],\n      //测压管警戒水位\n      pztbwls: [],\n      //测压管水位\n      times1: [],\n      times2: [],\n      times3: [],\n      times4: [],\n      params: {\n        appTypeList: [],\n        endTime: \"\",\n        id: \"\",\n        mpcd: \"\",\n        periodTime: \"\",\n        rscd: \"\",\n        startTime: \"\",\n        stcd: \"\",\n        stlc: \"\",\n        stnm: \"\",\n        sttp: \"\",\n        sttpList: [],\n        usfl: \"\",\n        warnGrade: \"\"\n      }\n    };\n  },\n  inject: ['mapData'],\n  created: function created() {\n    var mapData = this.mapData();\n    this.T = mapData.T;\n    this.map = mapData.map;\n    this.params.stcd = this.currentPoint.stcd;\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    // this.$nextTick(() => {\n    //   this.initOption()\n    //   this.initChart()\n    // })\n    this.$root.$on('resize', function () {\n      _this.resize(500);\n    });\n  },\n  updated: function updated() {// let option\n    // if (this.stationType == 1) {\n    // \toption = this.shiftOption\n    // } else if (this.stationType == 2) {\n    // \toption = this.seepageOption\n    // } else if (this.stationType == 3) {\n    // \toption = this.pressureOption1\n    // } else if (this.stationType == 4) {\n    // \toption = this.pressureOption2\n    // }\n    // if (this.chart) this.chart.clear()\n    // option && this.chart.setOption(option)\n    // if (this.chart) this.chart.resize()\n  },\n  watch: {\n    stationType: {\n      handler: function handler(newVal) {\n        console.log(this.stationType); // let option\n        // if (newVal == 1) {\n        // \toption = this.shiftOption\n        // } else if (newVal == 2) {\n        // \toption = this.seepageOption\n        // } else if (newVal == 3) {\n        // \toption = this.pressureOption1\n        // } else if (newVal == 4) {\n        // \toption = this.pressureOption2\n        // }\n        // if (this.chart) this.chart.clear()\n        // option && this.chart.setOption(option)\n        // if (this.chart) this.chart.resize()\n      }\n    },\n    currentPoint: {\n      handler: function handler(newVal) {\n        var option;\n\n        if (this.stationType == 1) {\n          this.getDammvData(); // option = this.shiftOption\n          // this.initChart()\n        } else if (this.stationType == 2) {\n          this.getDamspgData();\n          option = this.seepageOption; // this.initChart()\n        } else if (this.stationType == 3) {\n          this.getDamspprData();\n          option = this.pressureOption1; // this.initChart()\n        } else if (this.stationType == 4) {\n          this.getDamspprList();\n        }\n      }\n    }\n  },\n  beforeDestroy: function beforeDestroy() {\n    console.log('xiaohui');\n  },\n  methods: {\n    resize: function resize(delay) {\n      var _this2 = this;\n\n      // 动态计算表格的高度，自适应当前容器\n      setTimeout(function () {\n        _this2.chart.resize();\n      }, delay || 0);\n    },\n    getDamspprList: function getDamspprList() {\n      var _this3 = this;\n\n      this.pztbwls = [];\n      this.jpztbwls = [];\n      this.dpztbwls = [];\n      this.times4 = [];\n      var param = {\n        startTime: \"\",\n        endTime: \"\",\n        mpcd: this.currentPoint.mpcd,\n        rscd: this.currentPoint.rscd,\n        mptp: \"4\",\n        tmOrderAsc: true\n      };\n      gisMap.getDamspprList(param, function (res) {\n        if (res.state) {\n          _this3.damspprListes = res.value;\n\n          _this3.damspprListes.forEach(function (e) {\n            _this3.pztbwls.push(e.pztbwl);\n\n            _this3.jpztbwls.push(e.jpztbwl);\n\n            _this3.dpztbwls.push(e.dpztbwl);\n\n            _this3.times4.push(e.mstm);\n          });\n\n          _this3.$nextTick(function () {\n            _this3.initOption();\n          });\n        }\n\n        console.log(_this3.times4);\n      });\n    },\n    getDammvData: function getDammvData() {\n      var _this4 = this;\n\n      this.params.rscd = this.currentPoint.rscd;\n      this.params.stcd = this.currentPoint.stcd;\n      this.xrds = [];\n      this.yrds = [];\n      this.zrds = [];\n      this.times1 = [];\n      this.params.tmOrderAsc = true;\n      gisMap.dammvData(this.params, function (res) {\n        if (res.state) {\n          _this4.dammvLists = res.value;\n\n          _this4.dammvLists.forEach(function (e) {\n            _this4.xrds.push(e.dx);\n\n            _this4.yrds.push(e.dy);\n\n            _this4.zrds.push(e.dz);\n\n            _this4.times1.push(e.tm);\n          });\n\n          _this4.$nextTick(function () {\n            _this4.initOption();\n          });\n        }\n      });\n    },\n    getDamspgData: function getDamspgData() {\n      var _this5 = this;\n\n      this.spqns = [];\n      this.times2 = [];\n      gisMap.damspgData(this.params, function (res) {\n        if (res.state) {\n          _this5.damspgLists = res.value;\n\n          _this5.damspgLists.forEach(function (e) {\n            _this5.spqns.push(e.spqn);\n\n            _this5.times2.push(e.tm.split(\" \")[1]);\n          });\n        }\n      });\n    },\n    getDamspprData: function getDamspprData() {\n      var _this6 = this;\n\n      this.spprwls = [];\n      this.times3 = [];\n      gisMap.damspprData(this.params, function (res) {\n        if (res.state) {\n          _this6.damspprLists = res.value;\n\n          _this6.damspprLists.forEach(function (e) {\n            _this6.spprwls.push(e.spprwl);\n\n            _this6.times3.push(e.tm.split(\" \")[1]);\n          });\n        }\n      });\n    },\n    //渗流监测\n    initChart: function initChart() {\n      var dom = document.getElementById('chart');\n      this.chart = echarts.init(dom);\n      var option = this.seepageOption;\n      console.log(option);\n      this.chart.setOption(option);\n    },\n    initOption: function initOption() {\n      var dom = document.getElementById('chart');\n      this.chart = echarts.init(dom); //位移\n\n      this.shiftOption = {\n        title: {\n          text: '今日位移',\n          left: 'center',\n          top: 'top',\n          textStyle: {\n            color: '#ddd',\n            fontSize: '14',\n            fontWeight: 700\n          }\n        },\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: ['x方向位移(mm)', 'y方向位移(mm)', 'z方向位移(mm)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.times1\n        }],\n        yAxis: [{\n          type: 'value',\n          scale: true\n        }],\n        series: [{\n          name: 'x方向位移(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.xrds,\n          itemStyle: {\n            color: '#ff9a00'\n          }\n        }, {\n          name: 'y方向位移(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.yrds,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }, {\n          name: 'z方向位移(mm)',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          data: this.zrds,\n          itemStyle: {\n            color: '#91cc75'\n          }\n        }]\n      }; //渗流\n\n      this.seepageOption = {\n        title: {\n          text: '今日渗流',\n          left: 'center',\n          top: 'top',\n          textStyle: {\n            color: '#ddd',\n            fontSize: '14',\n            fontWeight: 700\n          }\n        },\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³/s)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '12%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.times2\n        }],\n        yAxis: [{\n          name: '瞬时流量(m³/s)',\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: this.spqns,\n          itemStyle: {\n            color: '#0091ff'\n          }\n        }]\n      }; // 渗流压力\n\n      this.pressureOption1 = {\n        title: {\n          text: '今日渗流压力',\n          left: 'center',\n          top: 'top',\n          textStyle: {\n            color: '#ddd',\n            fontSize: '14',\n            fontWeight: 700\n          }\n        },\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: ['渗流压力', '温度(℃)'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.times3\n        }],\n        yAxis: [{\n          name: '渗流压力',\n          type: 'value',\n          scale: true\n        }, {\n          name: '温度(℃)',\n          nameLocation: 'start',\n          alignTicks: true,\n          type: 'value',\n          inverse: true\n        }],\n        series: [{\n          name: '渗流压力',\n          type: 'line',\n          smooth: true,\n          emphasis: {\n            focus: 'series'\n          },\n          areaStyle: {},\n          data: this.spprwls,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        } // {\n        // \tname: '温度(℃)',\n        // \ttype: 'line',\n        // \tsmooth: true,\n        // \tyAxisIndex: 1,\n        // \temphasis: {\n        // \t\tfocus: 'series',\n        // \t},\n        // \tdata: [23, 23.2, 23.8, 23.4, 22.28, 24.2, 23.6, 23.4],\n        // \titemStyle: {\n        // \t\tcolor: '#ff9a00',\n        // \t},\n        // },\n        ]\n      }; // 渗压管压力\n\n      this.pressureOption2 = {\n        title: {\n          text: '渗压管压力',\n          left: 'center',\n          top: 'top',\n          textStyle: {\n            color: '#ddd',\n            fontSize: '14',\n            fontWeight: 700\n          }\n        },\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: ['测压管警戒水位', '测压管危险水位', '测压管水位'],\n          textStyle: {\n            color: '#adb9ba',\n            fontSize: 10\n          }\n        },\n        grid: {\n          top: '20%',\n          left: '4%',\n          right: '4%',\n          bottom: '16%',\n          containLabel: true\n        },\n        xAxis: [{\n          type: 'category',\n          boundaryGap: false,\n          data: this.times4\n        }],\n        yAxis: [{\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.jpztbwls,\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.dpztbwls,\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          emphasis: {\n            focus: 'series'\n          },\n          data: this.pztbwls,\n          itemStyle: {\n            color: '#6767ff'\n          }\n        }]\n      };\n      var option;\n\n      if (this.stationType == 1) {\n        option = this.shiftOption;\n      } else if (this.stationType == 2) {\n        option = this.seepageOption;\n      } else if (this.stationType == 3) {\n        option = this.pressureOption1;\n      } else if (this.stationType == 4) {\n        option = this.pressureOption2;\n      }\n\n      option && this.chart.setOption(option);\n    }\n  }\n};",null]}