{"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\\components\\ReservoirEcharts.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\components\\ReservoirEcharts.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\timport * as echarts from 'echarts'\n\timport dictUtils from '@/components/dict/DictSelectUtils.js'\n\timport gisMap from '@/api/frontScreen/gisMap.js'\n\texport default{\n\t\tprops: {\n\t\t    rscd: {\n\t\t        type: String,\n\t\t    },\n\t\t\tstcd: {\n\t\t\t    type: String,\n\t\t\t},\n\t\t\tname: {\n\t\t\t    type: String,\n\t\t\t},\n\t\t},\n\t\tdata(){\n\t\t\treturn{\n\t\t\t\tdammvLists:[]\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.$nextTick(()=>{\n\t\t\t\t\tthis.getDammvList()\n\t\t\t})\n\t\t},\n\t\tmethods:{\n\t\t\t//位移曲线图\n\t\t\tgetDammvList() {\n\t\t\t\tlet param = {\n\t\t\t\t\tappTypeList: [],\n\t\t\t\t\tendTime: \"\",\n\t\t\t\t\tid: \"\",\n\t\t\t\t\tmpcd: \"\",\n\t\t\t\t\tperiodTime: \"\",\n\t\t\t\t\trscd: \"\",\n\t\t\t\t\tstartTime: \"\",\n\t\t\t\t\tstcd: \"\",\n\t\t\t\t\tstlc: \"\",\n\t\t\t\t\tstnm: \"\",\n\t\t\t\t\tsttp: \"\",\n\t\t\t\t\tsttpList: [],\n\t\t\t\t\tusfl: \"\"\n\t\t\t\t}\n\t\t\t\tgisMap.dammvList(param, res => {\n\t\t\t\t\tif (res.state) {\n\t\t\t\t\t\tthis.dammvLists = res.value\n\t\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\t\tthis.initShiftChart()\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}, \n\t\t\t//渗流曲线图\n\t\t\tgetDamspgList() {\n\t\t\t\tconsole.log(123);\n\t\t\t\tlet param = {\n\t\t\t\t\tappTypeList: [],\n\t\t\t\t\tendTime: \"\",\n\t\t\t\t\tid: \"\",\n\t\t\t\t\tmpcd: \"\",\n\t\t\t\t\tperiodTime: \"\",\n\t\t\t\t\trscd: this.rscd,\n\t\t\t\t\tstartTime: \"\",\n\t\t\t\t\tstcd: this.stcd,\n\t\t\t\t\tstlc: \"\",\n\t\t\t\t\tstnm: \"\",\n\t\t\t\t\tsttp: \"\",\n\t\t\t\t\tsttpList: [],\n\t\t\t\t\tusfl: \"\"\n\t\t\t\t}\n\t\t\t\tgisMap.damspgList(param, res => {\n\t\t\t\t\tif (res.state) {\n\t\t\t\t\t\tthis.damspgLists=res.value\n\t\t\t\t\t\tthis.$nextTick(()=>{\n\t\t\t\t\t\t\tthis.initSeepageChart()\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t//渗流\n\t\t\tinitSeepageChart() {\n\t\t\t    let times = []\n\t\t\t    let spqnList = []\n\t\t\t    \n\t\t\t    this.damspgLists.forEach(e => {\n\t\t\t    \ttimes.push(e.mstm.split(' ')[1])\n\t\t\t    \tspqnList.push(e.spqn)\n\t\t\t    })\n\t\t\t    const seepageChartDom = this.$refs.seepageChart\n\t\t\t    this.seepageChart = echarts.init(seepageChartDom)\n\t\t\t    let option = {\n\t\t\t    \ttooltip: {\n\t\t\t    \t\ttrigger: 'axis',\n\t\t\t    \t\tbackgroundColor: 'rgba(0,0,0,0.7)',\n\t\t\t    \t\ttextStyle: {\n\t\t\t    \t\t\tcolor: '#dddee0',\n\t\t\t    \t\t},\n\t\t\t    \t\taxisPointer: {\n\t\t\t    \t\t\ttype: 'cross',\n\t\t\t    \t\t\tlabel: {\n\t\t\t    \t\t\t\tbackgroundColor: '#6a7985',\n\t\t\t    \t\t\t},\n\t\t\t    \t\t},\n\t\t\t    \t},\n\t\t\t    \tlegend: {\n\t\t\t    \t\ttop: '2%',\n\t\t\t    \t\tleft: '4%',\n\t\t\t    \t\tdata: ['瞬时流量(m³/s)'],\n\t\t\t    \t\ttextStyle: {\n\t\t\t    \t\t\tcolor: '#adb9ba',\n\t\t\t    \t\t\tfontSize: 10,\n\t\t\t    \t\t},\n\t\t\t    \t},\n\t\t\t    \tgrid: {\n\t\t\t    \t\ttop: '20%',\n\t\t\t    \t\tleft: '4%',\n\t\t\t    \t\tright: '4%',\n\t\t\t    \t\tbottom: '6%',\n\t\t\t    \t\tcontainLabel: true,\n\t\t\t    \t},\n\t\t\t    \txAxis: [{\n\t\t\t    \t\ttype: 'category',\n\t\t\t    \t\tboundaryGap: false,\n\t\t\t    \t\tdata:times,\n\t\t\t    \t}, ],\n\t\t\t    \tyAxis: [{\n\t\t\t    \t\ttype: 'value',\n\t\t\t    \t}, ],\n\t\t\t    \tseries: [{\n\t\t\t    \t\tname: '瞬时流量(m³/s)',\n\t\t\t    \t\ttype: 'line',\n\t\t\t    \t\tsmooth: true,\n\t\t\t    \t\tareaStyle: {},\n\t\t\t    \t\temphasis: {\n\t\t\t    \t\t\tfocus: 'series',\n\t\t\t    \t\t},\n\t\t\t    \t\tdata: spqnList,\n\t\t\t    \t\titemStyle: {\n\t\t\t    \t\t\tcolor: '#0091ff',\n\t\t\t    \t\t},\n\t\t\t    \t}, ],\n\t\t\t    }\n\t\t\t    option && this.seepageChart.setOption(option)\n\t\t\t},\n\t\t\t//位移\n\t\t\tinitShiftChart() {\n\t\t\tlet times = []\n\t\t\tlet xrdsList = []\n\t\t\tlet yrdsList = []\n\t\t\tlet zrdsList = []\n\t\t\tthis.dammvLists.forEach(e => {\n\t\t\t\ttimes.push(e.tm.split(' ')[1])\n\t\t\t\txrdsList.push(e.dx)\n\t\t\t\tyrdsList.push(e.dy)\n\t\t\t\tzrdsList.push(e.dz)\n\t\t\t})\n            const shiftChartDom = document.getElementById('shiftChart')\n            this.shiftChart = echarts.init(shiftChartDom)\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: ['北方向(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                    {\n                        type: 'category',\n                        boundaryGap: false,\n                        data: times,\n                    },\n                ],\n                yAxis: [\n                    {\n                        type: 'value',\n                    },\n                ],\n                series: [\n                    {\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                    {\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                    {\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            }\n            option && this.shiftChart.setOption(option)\n        },\n\t\t\n\t\t}\n\t}\n",null]}