{"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\\WaterUserModel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\module\\WaterUserModel.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\r\nimport * as echarts from 'echarts'\r\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\r\nimport gisMap from '@/api/frontScreen/gisMap.js'\r\nexport default {\r\n    name: 'WaterUserModel',\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    data() {\r\n        return {\r\n            activeName: '取水户信息',\r\n\t\t\tparam:{\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            defaultData: [\r\n                {\r\n                    text: '取水户',\r\n                    content: 'XXX',\r\n                    key: 1,\r\n                },\r\n                {\r\n                    text: '监控级别',\r\n                    content: '省控级',\r\n                    key: 2,\r\n                },\r\n                {\r\n                    text: '许可量',\r\n                    content: 'xxx',\r\n                    key: 3,\r\n                },\r\n                {\r\n                    text: '年累计取水量',\r\n                    content: 'xxx',\r\n                    key: 4,\r\n                },\r\n            ],\r\n            tableData: [],\r\n            chart: null, //雨情监测\r\n\t\t\tyearWaterPalns:{},\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\twatch: {\r\n\t    currentPoint: {\r\n\t        handler(newVal) {\r\n\t\t\t\tconsole.log(this.currentPoint);\r\n\t\t\t\t// this.getWaterPlanLis()\r\n\t\t\t\t// this.getYearWaterPaln()\r\n                this.activeName = '取水户信息'\r\n\t        },\r\n\t    }\r\n\t},\r\n    mounted() {\r\n        this.$nextTick(async() => {\r\n            // this.getWaterPlanLis()\r\n\t\t\t    // await this.getYearWaterPaln()\r\n        })\r\n    },\r\n    beforeDestroy() {},\r\n    methods: {\r\n\t\t// getWaterPlanLis(){\r\n\t\t// \tthis.params.waterCode=this.currentPoint.waterCode\r\n\t\t// \tgisMap.waterPlanLis(this.params,res=>{\r\n\t\t// \t\tif(res.state){\r\n\t\t// \t\t\tthis.tableData=res.value\r\n\t\t// \t\t\t// this.$nextTick(() => {\r\n\t\t// \t\t\t//     this.initChart()\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\tgetYearWaterPaln(){\r\n\t\t\tthis.param.stcd=this.currentPoint.stcd\r\n\t\t\tgisMap.waterDataList(this.param,res=>{\r\n\t\t\t\tif(res.state){\r\n\t\t\t\t\tthis.yearWaterPalns=res.value\r\n\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t    this.initChart()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n        handleClick(tab, event) {\r\n\t\t\tif(tab.name=='data'){\r\n\t\t\t\tthis.getYearWaterPaln()\r\n\t\t\t}else if(tab.name=='rain'){\r\n\t\t\t\tthis.getWaterPlanLis()\r\n\t\t\t}\r\n            this.$nextTick(() => {\r\n                this.chart.resize()\r\n            })\r\n        },\r\n\t\tmonitorLevel(val){\r\n\t\t\t\tlet name\r\n\t\t\t\tlet jkjb = dictUtils.getDictItemsFromCache('jkjb')\r\n\t\t\t\tjkjb.forEach(e => {\r\n\t\t\t\t\tif (e.value == val) {\r\n\t\t\t\t\t\tname = e.name\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\treturn name\r\n\t\t},\r\n        initCharts() {\r\n            this.initChart()\r\n        },\r\n        initChart() {\r\n            const chartDom = document.getElementById('chart')\r\n            this.chart = echarts.init(chartDom)\r\n\t\t\tlet Alist = []//取水量\r\n\t\t\tlet Blist = []//取水累积量\r\n\t\t\tlet times = []//累计取水量\r\n\t\t\tthis.yearWaterPalns.forEach(e=>{\r\n\t\t\t\tAlist.push(e.sflow)\r\n\t\t\t\tBlist.push(e.flow)\r\n\t\t\t\ttimes.push(e.tm.split(' ')[1])\r\n\t\t\t})\r\n            let option = {\r\n                tooltip: {\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: '#576580',\r\n                        },\r\n                    },\r\n                },\r\n                grid: {\r\n                    top: 30,\r\n                    right: '5%',\r\n                    bottom: 50,\r\n                },\r\n                legend: {\r\n                    left: 5,\r\n                    bottom: 5,\r\n                    textStyle: {\r\n                        color: '#adb9ba',\r\n                        fontSize: 10,\r\n                    },\r\n                    itemWidth: 10,\r\n                    itemHeight: 10,\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: times,\r\n                    axisPointer: {\r\n                        type: 'shadow',\r\n                    },\r\n                },\r\n                yAxis: {\r\n\t\t\t\t\tscale:true,\r\n                    type: 'value',\r\n                    axisLabel: {\r\n                        formatter: '{value}',\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#7c7c7c',\r\n                        },\r\n                    },\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '取水量',\r\n                        type: 'bar',\r\n                        tooltip: {\r\n                            valueFormatter: function (value) {\r\n                                return value + '万m³'\r\n                            },\r\n                        },\r\n                        data:Alist,\r\n                        itemStyle: {\r\n                            color: '#6767ff',\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '累计取水量',\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        tooltip: {\r\n                            valueFormatter: function (value) {\r\n                                return value + '万m³'\r\n                            },\r\n                        },\r\n                        data:Blist,\r\n                        itemStyle: {\r\n                            color: '#ff9a00',\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            option && this.chart.setOption(option)\r\n        },\r\n    },\r\n}\r\n",null]}