{"remainingRequest":"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\\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\r\nimport * as echarts from 'echarts'\r\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\r\nimport gisMap from '@/api/frontScreen/gisMap.js'\r\nimport shiftEcharts from './components/ReservoirEcharts.vue'\r\nimport seepageEcharts from './components/seepageEcharts.vue'\r\nimport pressureEcharts from './components/pressureEcharts.vue'\r\nexport default {\r\n    name: 'reservoirModel',\r\n    props: {\r\n        currentPoint: {\r\n            type: Object,\r\n            default: () => {\r\n                return {}\r\n            },\r\n        },\r\n        isShow: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n\tcomponents: {\r\n\t     shiftEcharts,\r\n\t\t seepageEcharts,\r\n\t\t pressureEcharts\r\n\t  },\r\n    data() {\r\n        return {\r\n            activeName: '水库详情',\r\n            reservoirData: [\r\n                {\r\n                    text: '水库名称',\r\n                    content: 'XXX水库',\r\n                    key: 1,\r\n                },\r\n                {\r\n                    text: '水库代码',\r\n                    content: '225522',\r\n                    key: 2,\r\n                },\r\n                {\r\n                    text: '工程规模',\r\n                    content: '中型',\r\n                    key: 3,\r\n                },\r\n                {\r\n                    text: '工程状态',\r\n                    content: '完工',\r\n                    key: 4,\r\n                },\r\n                {\r\n                    text: '所属河流',\r\n                    content: 'XX河',\r\n                    key: 5,\r\n                },\r\n                {\r\n                    text: '正常蓄水位(m)',\r\n                    content: '125',\r\n                    key: 6,\r\n                },\r\n                {\r\n                    text: '总库容(万m³)',\r\n                    content: '78',\r\n                    key: 7,\r\n                },\r\n                {\r\n                    text: '主汛限制水位(m)',\r\n                    content: '145',\r\n                    key: 8,\r\n                },\r\n                {\r\n                    text: '设计洪水位(m)',\r\n                    content: '150',\r\n                    key: 9,\r\n                },\r\n                {\r\n                    text: '大坝材料类型',\r\n                    content: 'xxx',\r\n                    key: 10,\r\n                },\r\n                {\r\n                    text: '大坝结构类型',\r\n                    content: 'xxx',\r\n                    key: 11,\r\n                },\r\n                {\r\n                    text: '最大坝高(m)',\r\n                    content: '20',\r\n                    key: 12,\r\n                },\r\n                {\r\n                    text: '坝顶长度(m)',\r\n                    content: '156',\r\n                    key: 13,\r\n                },\r\n                {\r\n                    text: '坝顶宽度(m)',\r\n                    content: '8',\r\n                    key: 14,\r\n                },\r\n            ],\r\n            stationKey1: '',\r\n            monitoringList1: [],\r\n            stationKey2: '',\r\n            monitoringList2: [],\r\n            stationKey3: '',\r\n            monitoringList3: [],\r\n\t\t\tstationKey4: '',\r\n\t\t\tmonitoringList4: [],\r\n            rainChart: null, //雨情监测\r\n            waterChart: null, //水情监测\r\n            seepageChart: null, //渗流监测\r\n            pressureChart: null, //渗压监测\r\n            shiftChart: null, //位移监测\r\n\t\t\tpptnLatestLists:[],\r\n\t\t\trsvrLatestLists:[],\r\n\t\t\tdammvLists:[],\r\n\t\t\tdamspgLists:[],\r\n\t\t\tdamspprLists:[]\r\n        }\r\n    },\r\n    inject: ['mapData'],\r\n    created() {\r\n        let mapData = this.mapData()\r\n        this.districtData = this.originData\r\n        this.T = mapData.T\r\n        this.map = mapData.map\r\n\t\t// this.getMonitoring()\r\n    },\r\n    mounted() {\r\n        // this.$nextTick(() => {\r\n        //     this.initCharts()\r\n        // })\r\n    },\r\n\twatch: {\r\n\t    currentPoint: {\r\n\t        handler(newVal) {\r\n\t\t\t\tconsole.log(this.activeName);\r\n                this.activeName = '水库详情'\r\n\t\t\t\tif(this.activeName=='rain'){\r\n\t\t\t\t\tthis.getPptnLatestList()\r\n\t\t\t\t}else if(this.activeName=='water'){\r\n\t\t\t\t\tthis.getRsvrLatestList()\r\n\t\t\t\t}else if(this.activeName=='shift'){\r\n\t\t\t\t\tthis.dropDownList(1)\r\n\t\t\t\t}else if(this.activeName=='seepage'){\r\n\t\t\t\t\t\tthis.dropDownList(2)\r\n\t\t\t\t}else if(this.activeName=='pressure'){\r\n\t\t\t\t\t\tthis.dropDownList(3)\r\n\t\t\t\t}\r\n\t        },\r\n\t    }\r\n\t},\r\n    beforeDestroy() {},\r\n    methods: {\r\n        handleClick(tab, event) {\r\n\t\t\tconsole.log(tab.name);\r\n\t\t\tif(tab.name=='rain'){\r\n\t\t\t\tthis.getPptnLatestList()\r\n\t\t\t}else if(tab.name=='water'){\r\n\t\t\t\tthis.getRsvrLatestList()\r\n\t\t\t}else if(tab.name=='shift'){\r\n\t\t\t\tthis.dropDownList(1)\r\n\t\t\t}else if(tab.name=='seepage'){\r\n\t\t\t\t\tthis.dropDownList(2)\r\n\t\t\t}else if(tab.name=='pressure'){\r\n\t\t\t\t\tthis.dropDownList(3)\r\n\t\t\t}\r\n\t\t\t\r\n        },\r\n\t\t//雨情\r\n\t\tgetPptnLatestList(){\r\n\t\t\tlet param = {\r\n\t\t\t\t// rscd: this.params.rscd\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\t\tendTime: \"\",\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tmpcd: \"\",\r\n\t\t\t\t\tperiodTime: \"\",\r\n\t\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\t\tstartTime: \"\",\r\n\t\t\t\t\tstcd: \"\",\r\n\t\t\t\t\tstlc: \"\",\r\n\t\t\t\t\tstnm: \"\",\r\n\t\t\t\t\tsttp: \"\",\r\n\t\t\t\t\tsttpList: [],\r\n\t\t\t\t\tusfl: \"\",\r\n\t\t\t\t\ttmOrderAsc:true\r\n\t\t\t}\r\n\t\t\tgisMap.pptnLatestList(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tthis.pptnLatestLists=res.value\r\n\t\t\t\t\tthis.$nextTick(()=>{\r\n\t\t\t\t\t\tthis.initRainChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\t//水情监测\r\n\t\tgetRsvrLatestList() {\r\n\t\t\tlet param = {\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\t\tendTime: \"\",\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tmpcd: \"\",\r\n\t\t\t\t\tperiodTime: \"\",\r\n\t\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\t\tstartTime: \"\",\r\n\t\t\t\t\tstcd:\"\",\r\n\t\t\t\t\tstlc: \"\",\r\n\t\t\t\t\tstnm: \"\",\r\n\t\t\t\t\tsttp: \"\",\r\n\t\t\t\t\tsttpList: [],\r\n\t\t\t\t\tusfl: \"\"\r\n\t\t\t}\r\n\t\t\tgisMap.rsvrLatestList(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tthis.rsvrLatestLists=res.value\r\n\t\t\t\t\tthis.$nextTick(()=>{\r\n\t\t\t\t\t\tthis.initWaterChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\tdropDownList(val){\r\n\t\t\tlet param = {\r\n\t\t\t\tid: \"\",\r\n\t\t\t\tmpcd: \"\",\r\n\t\t\t\tmpnm: \"\",\r\n\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\tstlc: \"\",\r\n\t\t\t\tsttp: val,\r\n\t\t\t\twkcn: \"\"\r\n\t\t\t}\r\n\t\t\tgisMap.monitoring(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tif(val==1){\r\n\t\t\t\t\t\tthis.monitoringList1 = res.value\r\n\t\t\t\t\t\tif(res.value.length>0){\r\n\t\t\t\t\t\t\tthis.stationKey1 = this.monitoringList1[0].mpcd\r\n\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\tthis.stationKey1=''\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// this.getDammvList() //位移曲线\r\n\t\t\t\t\t}else if(val==2){\r\n\t\t\t\t\t\tthis.monitoringList2 = res.value\r\n\t\t\t\t\t\tif(res.value.length>0){\r\n\t\t\t\t\t\t\tthis.stationKey2 = this.monitoringList2[0].mpcd\r\n\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\tthis.stationKey2=''\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// this.getDamspprList() //渗压曲线\r\n\t\t\t\t\t}else if(val==3){\r\n\t\t\t\t\t\tthis.monitoringList3 = res.value\r\n\t\t\t\t\t\tif(res.value.length>0){\r\n\t\t\t\t\t\t\tthis.stationKey3 = this.monitoringList3[0].mpcd\r\n\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\tthis.stationKey3=''\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// this.getDamspgList() //渗流曲线\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\t//位移曲线图\r\n\t\tgetDammvList() {\r\n\t\t\tlet param = {\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\tendTime: \"\",\r\n\t\t\t\tid: \"\",\r\n\t\t\t\tmpcd: \"\",\r\n\t\t\t\tperiodTime: \"\",\r\n\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\tstartTime: \"\",\r\n\t\t\t\tstcd: this.stationKey1,\r\n\t\t\t\tstlc: \"\",\r\n\t\t\t\tstnm: \"\",\r\n\t\t\t\tsttp: \"\",\r\n\t\t\t\tsttpList: [],\r\n\t\t\t\tusfl: \"\"\r\n\t\t\t}\r\n\t\t\tgisMap.dammvList(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tthis.dammvLists = res.value\r\n\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\tthis.initShiftChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\t//渗压监测\r\n\t\tgetDamspprList() {\r\n\t\t\tlet param = {\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\tendTime: \"\",\r\n\t\t\t\tid: \"\",\r\n\t\t\t\tmpcd: \"\",\r\n\t\t\t\tperiodTime: \"\",\r\n\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\tstartTime: \"\",\r\n\t\t\t\tstcd: this.stationKey2,\r\n\t\t\t\tstlc: \"\",\r\n\t\t\t\tstnm: \"\",\r\n\t\t\t\tsttp: \"\",\r\n\t\t\t\tsttpList: [],\r\n\t\t\t\tusfl: \"\"\r\n\t\t\t}\r\n\t\t\tgisMap.damspprList(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tthis.damspprLists=res.value\r\n\t\t\t\t\tthis.$nextTick(()=>{\r\n\t\t\t\t\t\tthis.initPressureChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\t//渗流曲线图\r\n\t\tgetDamspgList() {\r\n\t\t\tconsole.log(123);\r\n\t\t\tlet param = {\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\tendTime: \"\",\r\n\t\t\t\tid: \"\",\r\n\t\t\t\tmpcd: \"\",\r\n\t\t\t\tperiodTime: \"\",\r\n\t\t\t\trscd: this.currentPoint.rscd,\r\n\t\t\t\tstartTime: \"\",\r\n\t\t\t\tstcd: this.stationKey3,\r\n\t\t\t\tstlc: \"\",\r\n\t\t\t\tstnm: \"\",\r\n\t\t\t\tsttp: \"\",\r\n\t\t\t\tsttpList: [],\r\n\t\t\t\tusfl: \"\"\r\n\t\t\t}\r\n\t\t\tgisMap.damspgList(param, res => {\r\n\t\t\t\tif (res.state) {\r\n\t\t\t\t\tthis.damspgLists=res.value\r\n\t\t\t\t\tthis.$nextTick(()=>{\r\n\t\t\t\t\t\tthis.initSeepageChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n        initCharts() {\r\n            this.initRainChart()\r\n            this.initWaterChart()\r\n            this.initSeepageChart()\r\n            this.initPressureChart()\r\n            this.initShiftChart()\r\n        },\r\n\t\t\r\n\t\tdamTypeMat(val){\r\n\t\t\tlet name\r\n\t\t\tlet dbcl= dictUtils.getDictItemsFromCache('dbcl')\r\n\t\t \tdbcl.forEach(e=>{\r\n\t\t\t\tif(e.value==val){\r\n\t\t\t\t\tname= e.name\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\treturn name\r\n\t\t},\r\n\t\tdamTypeStr(val){\r\n\t\t\tlet name\r\n\t\t\tlet dbjg= dictUtils.getDictItemsFromCache('dbjg')\r\n\t\t\tdbjg.forEach(e=>{\r\n\t\t\t\tif(e.value==val){\r\n\t\t\t\t\tname= e.name\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\treturn name\r\n\t\t},\r\n\t\t//雨情\r\n        initRainChart() {\r\n\t\t\tlet times = []\r\n\t\t\tlet drpList = []\r\n\t\t\tthis.pptnLatestLists.forEach(e => {\r\n\t\t\t\ttimes.push(e.tm)\r\n\t\t\t\tdrpList.push(e.drp)\r\n\t\t\t})\r\n            const rainChartDom = document.getElementById('rainChart')\r\n            this.rainChart = echarts.init(rainChartDom)\r\n            let option = {\r\n                tooltip: {\r\n                    appendToBody: true,\r\n                    trigger: 'axis',\r\n                    backgroundColor: 'rgba(0,0,0,0.7)',\r\n                    textStyle: {\r\n                        color: '#dddee0',\r\n                    },\r\n                    axisPointer: {\r\n                        type: 'cross',\r\n                        label: {\r\n                            backgroundColor: '#6a7985',\r\n                        },\r\n                    },\r\n                },\r\n                legend: {\r\n                    bottom: 0,\r\n                    right: 0,\r\n                    data: ['小时雨量(mm)'],\r\n                    textStyle: {\r\n                        color: '#adb9ba',\r\n                        fontSize: 10,\r\n                    },\r\n                },\r\n                grid: {\r\n                    top: '4%',\r\n                    left: '4%',\r\n                    right: '4%',\r\n                    bottom: '16%',\r\n                    containLabel: true,\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        boundaryGap: false,\r\n                        data:times,\r\n                    },\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n\t\t\t\t\t\t scale:true\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '小时雨量(mm)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        areaStyle: {},\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data: drpList,\r\n                        itemStyle: {\r\n                            color: '#6767ff',\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            option && this.rainChart.setOption(option)\r\n        },\r\n        initWaterChart() {\r\n\t\t\tlet times = []\r\n\t\t\tlet rzList = []\r\n\t\t\tlet wList=[]\r\n\t\t\tthis.rsvrLatestLists.forEach(e => {\r\n\t\t\t\ttimes.push(e.tm)\r\n\t\t\t\trzList.push(e.rz)\r\n\t\t\t\twList.push(e.w)\r\n\t\t\t})\r\n            const waterChartDom = document.getElementById('waterChart')\r\n            this.waterChart = echarts.init(waterChartDom)\r\n            let option = {\r\n                tooltip: {\r\n                    appendToBody: true,\r\n                    trigger: 'axis',\r\n                    backgroundColor: 'rgba(0,0,0,0.7)',\r\n                    textStyle: {\r\n                        color: '#dddee0',\r\n                    },\r\n                    axisPointer: {\r\n                        type: 'cross',\r\n                        label: {\r\n                            backgroundColor: '#6a7985',\r\n                        },\r\n                    },\r\n                },\r\n                legend: {\r\n                    bottom: 0,\r\n                    right: 0,\r\n                    data: ['水位(m)', '库容(万m²)'],\r\n                    textStyle: {\r\n                        color: '#adb9ba',\r\n                        fontSize: 10,\r\n                    },\r\n                },\r\n                grid: {\r\n                    top: '4%',\r\n                    left: '4%',\r\n                    right: '4%',\r\n                    bottom: '16%',\r\n                    containLabel: true,\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        boundaryGap: false,\r\n                        data: times,\r\n                    },\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n\t\t\t\t\t\t scale:true\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '水位(m)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        areaStyle: {},\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data:rzList,\r\n                        itemStyle: {\r\n                            color: '#6767ff',\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '库容(万m²)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        areaStyle: {},\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data: wList,\r\n                        itemStyle: {\r\n                            color: '#00FFFF',\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            option && this.waterChart.setOption(option)\r\n        },\r\n        initSeepageChart() {\r\n            let times = []\r\n            let spqnList = []\r\n            \r\n            this.damspgLists.forEach(e => {\r\n            \ttimes.push(e.mstm.split(' ')[1])\r\n            \tspqnList.push(e.spqn)\r\n            })\r\n            const seepageChartDom = document.getElementById('seepageChart')\r\n            this.seepageChart = echarts.init(seepageChartDom)\r\n            let option = {\r\n            \ttooltip: {\r\n            \t\ttrigger: 'axis',\r\n            \t\tbackgroundColor: 'rgba(0,0,0,0.7)',\r\n            \t\ttextStyle: {\r\n            \t\t\tcolor: '#dddee0',\r\n            \t\t},\r\n            \t\taxisPointer: {\r\n            \t\t\ttype: 'cross',\r\n            \t\t\tlabel: {\r\n            \t\t\t\tbackgroundColor: '#6a7985',\r\n            \t\t\t},\r\n            \t\t},\r\n            \t},\r\n            \tlegend: {\r\n            \t\ttop: '2%',\r\n            \t\tleft: '4%',\r\n            \t\tdata: ['瞬时流量(m³/s)'],\r\n            \t\ttextStyle: {\r\n            \t\t\tcolor: '#adb9ba',\r\n            \t\t\tfontSize: 10,\r\n            \t\t},\r\n            \t},\r\n            \tgrid: {\r\n            \t\ttop: '20%',\r\n            \t\tleft: '4%',\r\n            \t\tright: '4%',\r\n            \t\tbottom: '6%',\r\n            \t\tcontainLabel: true,\r\n            \t},\r\n            \txAxis: [{\r\n            \t\ttype: 'category',\r\n            \t\tboundaryGap: false,\r\n            \t\tdata:times,\r\n            \t}, ],\r\n            \tyAxis: [{\r\n            \t\ttype: 'value',\r\n\t\t\t\t\t scale:true\r\n            \t}, ],\r\n            \tseries: [{\r\n            \t\tname: '瞬时流量(m³/s)',\r\n            \t\ttype: 'line',\r\n            \t\tsmooth: true,\r\n            \t\tareaStyle: {},\r\n            \t\temphasis: {\r\n            \t\t\tfocus: 'series',\r\n            \t\t},\r\n            \t\tdata: spqnList,\r\n            \t\titemStyle: {\r\n            \t\t\tcolor: '#0091ff',\r\n            \t\t},\r\n            \t}, ],\r\n            }\r\n            option && this.seepageChart.setOption(option)\r\n        },\r\n        initPressureChart() {\r\n\t\t\tlet times = []\r\n\t\t\tlet pztbwlList = []\r\n\t\t\tlet spprwlList = []\r\n\t\t\tthis.damspprLists.forEach(e => {\r\n\t\t\t\ttimes.push(e.mstm.split(' ')[1])\r\n\t\t\t\tpztbwlList.push(e.pztbwl)\r\n\t\t\t\tspprwlList.push(e.spprwl)\r\n\t\t\t})\r\n\t\t\t\r\n\t\t\tconst pressureChartDom = document.getElementById('pressureChart')\r\n\t\t\tthis.pressureChart = echarts.init(pressureChartDom)\r\n\t\t\tlet option = {\r\n\t\t\t\ttooltip: {\r\n\t\t\t\t\ttrigger: 'axis',\r\n\t\t\t\t\tbackgroundColor: 'rgba(0,0,0,0.7)',\r\n\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\tcolor: '#dddee0',\r\n\t\t\t\t\t},\r\n\t\t\t\t\taxisPointer: {\r\n\t\t\t\t\t\ttype: 'cross',\r\n\t\t\t\t\t\tlabel: {\r\n\t\t\t\t\t\t\tbackgroundColor: '#6a7985',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tlegend: {\r\n\t\t\t\t\ttop: '2%',\r\n\t\t\t\t\tleft: '4%',\r\n\t\t\t\t\tdata: ['测压管水位(m)', '渗流压力水(m)'],\r\n\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\tcolor: '#adb9ba',\r\n\t\t\t\t\t\tfontSize: 10,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tgrid: {\r\n\t\t\t\t\ttop: '20%',\r\n\t\t\t\t\tleft: '4%',\r\n\t\t\t\t\tright: '4%',\r\n\t\t\t\t\tbottom: '6%',\r\n\t\t\t\t\tcontainLabel: true,\r\n\t\t\t\t},\r\n\t\t\t\txAxis: [{\r\n\t\t\t\t\ttype: 'category',\r\n\t\t\t\t\tboundaryGap: false,\r\n\t\t\t\t\tdata: times,\r\n\t\t\t\t}, ],\r\n\t\t\t\tyAxis: [{\r\n\t\t\t\t\ttype: 'value',\r\n\t\t\t\t\t scale:true\r\n\t\t\t\t}, ],\r\n\t\t\t\tseries: [{\r\n\t\t\t\t\t\tname: '测压管水位(m)',\r\n\t\t\t\t\t\ttype: 'line',\r\n\t\t\t\t\t\tsmooth: true,\r\n\t\t\t\t\t\temphasis: {\r\n\t\t\t\t\t\t\tfocus: 'series',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata:pztbwlList,\r\n\t\t\t\t\t\titemStyle: {\r\n\t\t\t\t\t\t\tcolor: '#6767ff',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: '渗流压力水(m)',\r\n\t\t\t\t\t\ttype: 'line',\r\n\t\t\t\t\t\tsmooth: true,\r\n\t\t\t\t\t\temphasis: {\r\n\t\t\t\t\t\t\tfocus: 'series',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata:spprwlList,\r\n\t\t\t\t\t\titemStyle: {\r\n\t\t\t\t\t\t\tcolor: '#ff9a00',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t],\r\n\t\t\t}\r\n\t\t\toption && this.pressureChart.setOption(option)\r\n\t\t\t\r\n            // const pressureChartDom = document.getElementById('pressureChart')\r\n            // this.pressureChart = echarts.init(pressureChartDom)\r\n            // let option = {\r\n            //     tooltip: {\r\n            //         appendToBody: true,\r\n            //         trigger: 'axis',\r\n            //         backgroundColor: 'rgba(0,0,0,0.7)',\r\n            //         textStyle: {\r\n            //             color: '#dddee0',\r\n            //         },\r\n            //         axisPointer: {\r\n            //             type: 'cross',\r\n            //             label: {\r\n            //                 backgroundColor: '#6a7985',\r\n            //             },\r\n            //         },\r\n            //     },\r\n            //     legend: {\r\n            //         bottom: 0,\r\n            //         right: 0,\r\n            //         data: ['浸润线1(m)', '浸润线2(m)'],\r\n            //         textStyle: {\r\n            //             color: '#adb9ba',\r\n            //             fontSize: 10,\r\n            //         },\r\n            //     },\r\n            //     grid: {\r\n            //         top: '4%',\r\n            //         left: '4%',\r\n            //         right: '4%',\r\n            //         bottom: '16%',\r\n            //         containLabel: true,\r\n            //     },\r\n            //     xAxis: [\r\n            //         {\r\n            //             type: 'category',\r\n            //             boundaryGap: false,\r\n            //             data: ['坝顶', '坝中', '坝底'],\r\n            //         },\r\n            //     ],\r\n            //     yAxis: [\r\n            //         {\r\n            //             type: 'value',\r\n            //         },\r\n            //     ],\r\n            //     series: [\r\n            //         {\r\n            //             name: '浸润线1(m)',\r\n            //             type: 'line',\r\n            //             smooth: true,\r\n            //             emphasis: {\r\n            //                 focus: 'series',\r\n            //             },\r\n            //             data: [65, 68, 62],\r\n            //             itemStyle: {\r\n            //                 color: '#6767ff',\r\n            //             },\r\n            //         },\r\n            //         {\r\n            //             name: '浸润线2(m)',\r\n            //             type: 'line',\r\n            //             smooth: true,\r\n            //             emphasis: {\r\n            //                 focus: 'series',\r\n            //             },\r\n            //             data: [76, 74, 77],\r\n            //             itemStyle: {\r\n            //                 color: '#ff9a00',\r\n            //             },\r\n            //         },\r\n            //     ],\r\n            // }\r\n            // option && this.pressureChart.setOption(option)\r\n        },\r\n        initShiftChart() {\r\n\t\t\tlet times = []\r\n\t\t\tlet xrdsList = []\r\n\t\t\tlet yrdsList = []\r\n\t\t\tlet zrdsList = []\r\n\t\t\tthis.dammvLists.forEach(e => {\r\n\t\t\t\ttimes.push(e.tm.split(' ')[1])\r\n\t\t\t\txrdsList.push(e.dx)\r\n\t\t\t\tyrdsList.push(e.dy)\r\n\t\t\t\tzrdsList.push(e.dz)\r\n\t\t\t})\r\n\t\t\tconsole.log(this.dammvLists);\r\n            const shiftChartDom = document.getElementById('shiftChart')\r\n            this.shiftChart = echarts.init(shiftChartDom)\r\n            let option = {\r\n                tooltip: {\r\n                    appendToBody: true,\r\n                    trigger: 'axis',\r\n                    backgroundColor: 'rgba(0,0,0,0.7)',\r\n                    textStyle: {\r\n                        color: '#dddee0',\r\n                    },\r\n                    axisPointer: {\r\n                        type: 'cross',\r\n                        label: {\r\n                            backgroundColor: '#6a7985',\r\n                        },\r\n                    },\r\n                },\r\n                legend: {\r\n                    bottom: 0,\r\n                    right: 0,\r\n                    data: ['北方向(mm)', '东方向(mm)', '垂直方向(mm)'],\r\n                    textStyle: {\r\n                        color: '#adb9ba',\r\n                        fontSize: 10,\r\n                    },\r\n                },\r\n                grid: {\r\n                    top: '4%',\r\n                    left: '4%',\r\n                    right: '4%',\r\n                    bottom: '16%',\r\n                    containLabel: true,\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        boundaryGap: false,\r\n                        data: times,\r\n                    },\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n\t\t\t\t\t\t scale:true\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '北方向(mm)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data:xrdsList,\r\n                        itemStyle: {\r\n                            color: '#ff9a00',\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '东方向(mm)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data: yrdsList,\r\n                        itemStyle: {\r\n                            color: '#6767ff',\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '垂直方向(mm)',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        data: zrdsList,\r\n                        itemStyle: {\r\n                            color: '#91cc75',\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            option && this.shiftChart.setOption(option)\r\n        },\r\n    },\r\n}\r\n",null]}