{"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\\WaterIntakeModel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\WaterIntakeModel.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\r\nimport * as echarts from 'echarts'\r\nimport gisMap from '@/api/frontScreen/gisMap.js'\r\nexport default {\r\n    name: 'WaterIntakeModel',\r\n    props: {\r\n        currentPoint: {\r\n            type: Object,\r\n            default: () => {\r\n                return {}\r\n            },\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            rainChart: null, //雨情\r\n\t\t\tsflows:[],\r\n\t\t\ttimes:[],\r\n\t\t\tparams:{\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tmonitorLevelList: [],\r\n\t\t\t\t\tstcd: \"\",\r\n\t\t\t\t\tstnm: \"\",\r\n\t\t\t\t\twaterCode: \"\",\r\n\t\t\t\t\twaterName: \"\",\r\n\t\t\t\t\twaterPurposeList: [],\r\n\t\t\t\t\twaterSourceList: [],\r\n\t\t\t\t\twaterTypeList: []\r\n\t\t\t}\r\n        }\r\n    },\r\n    inject: ['mapData'],\r\n    created() {\r\n        let mapData = this.mapData()\r\n        this.T = mapData.T\r\n        this.map = mapData.map\r\n    },\r\n    mounted() {\r\n    },\r\n\twatch: {\r\n\t  currentPoint: {\r\n\t    handler() {\r\n\t      this.$nextTick(() => {\r\n\t\t\tthis.params.stcd=this.currentPoint.stcd\r\n\t        this.getWaterPaperList()\r\n\t      })\r\n\t    }\r\n\t  }\r\n\t},\r\n    updated() {\r\n        this.rainChart.resize()\r\n    },\r\n    beforeDestroy() {},\r\n    methods: {\r\n\t\tgetWaterPaperList(){\r\n\t\t\tthis.times=[]\r\n\t\t\tthis.sflows=[]\r\n\t\t\tgisMap.waterDataList(this.params,res=>{\r\n\t\t\t\tif(res.state){\r\n\t\t\t\t\tres.value.forEach(e=>{\r\n\t\t\t\t\t\tthis.times.push(e.tm.split(' ')[1])\r\n\t\t\t\t\t\tthis.sflows.push(e.sflow)\r\n\t\t\t\t\t})\r\n\t\t\t\t\tthis.$nextTick(()=>{\r\n\t\t\t\t\t\tthis.initCharts()\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        },\r\n        initRainChart() {\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: ['实际取水量(万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: this.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: this.sflows,\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    },\r\n}\r\n",null]}