{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\resMonitor\\rainfallStatistics.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\resMonitor\\rainfallStatistics.vue","mtime":1688458391974},{"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\r\nimport req from '@/request.js'\r\nimport * as echarts from 'echarts'\r\nimport rainfallStatistics from '@/api/monitor/resMonitor/rainfallStatistics.js'\r\nimport moment from 'moment'\r\nexport default {\r\n    data() {\r\n        return {\r\n            dateValue: '',\r\n            dateList: [],\r\n            trendList: [],\r\n            parmas: {\r\n                time: moment().format('YYYY'),\r\n                type: 'YYYY',\r\n            },\r\n            options: [\r\n                {\r\n                    value: 'YYYY',\r\n                    label: '年趋势',\r\n                },\r\n                {\r\n                    value: 'YYYY-MM',\r\n                    label: '月趋势',\r\n                },\r\n                {\r\n                    value: 'YYYY-MM-DD',\r\n                    label: '日趋势',\r\n                },\r\n            ],\r\n            optionRain: null,\r\n        }\r\n    },\r\n    created() {\r\n        this.initialize()\r\n    },\r\n    mounted() {\r\n        this.dateEcharts()\r\n        this.trendEcharts()\r\n        this.$root.$on('resize', () => {\r\n            this.resize(500)\r\n        })\r\n    },\r\n    methods: {\r\n        initialize() {\r\n            var moment = require('moment') //打开时默认时间为一天前至获取当前年月日时分秒\r\n            let endTime = moment().format('YYYY-MM-DD 23:59:59') //当前年月日\r\n            let January = moment(new Date().getFullYear() + '-' + '01').format(\r\n                'YYYY-MM-DD 00:00:00'\r\n            ) //当年一月\r\n            let monthOne = moment()\r\n                .startOf('month')\r\n                .format('YYYY-MM-DD 00:00:00') //当月第一天\r\n            let oneYearTime = moment(new Date())\r\n                .subtract(1, 'years')\r\n                .format('YYYY-MM-DD 00:00:00') //前一月\r\n            let oneEonthTime = moment(new Date())\r\n                .subtract(1, 'months')\r\n                .format('YYYY-MM-DD 00:00:00') //前一月\r\n            let oneDayTime = moment(new Date())\r\n                .subtract(1, 'day')\r\n                .format('YYYY-MM-DD 00:00:00') //前一天\r\n            this.dateValue = [monthOne, endTime]\r\n            this.dateChange()\r\n            this.trendChange()\r\n        },\r\n        handlClick() {\r\n            if (this.parmas.type == 'YYYY') {\r\n                this.parmas.time = moment().format('YYYY')\r\n            } else if (this.parmas.type == 'YYYY-MM') {\r\n                this.parmas.time = moment().format('YYYY-MM')\r\n            } else if (this.parmas.type == 'YYYY-MM-DD') {\r\n                this.parmas.time = moment().format('YYYY-MM-DD')\r\n            }\r\n\r\n            this.trendList = []\r\n            this.trendChange()\r\n        },\r\n        dateChange(val) {\r\n            this.dateValue[1] = this.dateValue[1].replace(\r\n                '00:00:00',\r\n                '23:59:59'\r\n            )\r\n            let parmas = {\r\n                timeLine: this.dateValue,\r\n                type: 'yyyy-MM-dd',\r\n            }\r\n            rainfallStatistics.chain(parmas, (res) => {\r\n                if (res.state) {\r\n                    this.dateList = res.value\r\n                    this.$nextTick(() => {\r\n                        this.dateEcharts()\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        trendChange() {\r\n            rainfallStatistics.tendency(this.parmas, (res) => {\r\n                if (res.state) {\r\n                    this.trendList = res.value\r\n                    this.$nextTick(() => {\r\n                        this.trendEcharts()\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        trendEcharts() {\r\n            let times = []\r\n            let BNum = []\r\n            this.trendList.forEach((e) => {\r\n                times.push(e.x)\r\n                BNum.push(e.y)\r\n            })\r\n            let chartDom = document.getElementById('trendEcharts')\r\n            let trendEcharts = echarts.init(chartDom)\r\n            let option = {\r\n                grid: {\r\n                    top: 35,\r\n                    left: 60, // 调整这个属性\r\n                    right: 60,\r\n                },\r\n                legend: {\r\n                    show: true,\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: times,\r\n                },\r\n                yAxis: {\r\n                    name: 'mm',\r\n                    type: 'value',\r\n                },\r\n                tooltip: {\r\n                    trigger: 'axis',\r\n                    axisPointer: {\r\n                        type: 'shadow',\r\n                    },\r\n                },\r\n                series: [\r\n                    {\r\n                        data: BNum,\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        color: '#91CC75',\r\n                    },\r\n                ],\r\n            }\r\n            option && trendEcharts.setOption(option)\r\n        },\r\n        dateEcharts() {\r\n            let times = []\r\n            // let ANum = []\r\n            let BNum = []\r\n            this.dateList.forEach((e) => {\r\n                times.push(e.x)\r\n                let data = [e.x, e.y.current, e.appType]\r\n                BNum.push(data)\r\n            })\r\n            let chartDom = document.getElementById('dateEcharts')\r\n            this.dateEchart = echarts.init(chartDom)\r\n            this.optionRain = {\r\n                grid: {\r\n                    top: 35,\r\n                    left: 60, // 调整这个属性\r\n                    right: 60,\r\n                    bottom: 100,\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: times,\r\n                },\r\n                yAxis: {\r\n                    name: 'mm',\r\n                    type: 'value',\r\n                },\r\n                dataZoom: [\r\n                    {\r\n                        type: 'inside',\r\n                    },\r\n                ],\r\n                tooltip: {\r\n                    trigger: 'axis',\r\n                    axisPointer: {\r\n                        type: 'none',\r\n                    },\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '雨量',\r\n                        barMaxWidth: 40,\r\n                        data: BNum,\r\n                        type: 'bar',\r\n                        showBackground: true,\r\n                        itemStyle: {\r\n                            color: new echarts.graphic.LinearGradient(\r\n                                0,\r\n                                0,\r\n                                0,\r\n                                1,\r\n                                [\r\n                                    {offset: 0, color: '#abed8d'},\r\n                                    {offset: 1, color: '#91CC75'},\r\n                                ]\r\n                            ),\r\n                        },\r\n                        emphasis: {\r\n                            itemStyle: {\r\n                                color: new echarts.graphic.LinearGradient(\r\n                                    0,\r\n                                    0,\r\n                                    0,\r\n                                    1,\r\n                                    [\r\n                                        {offset: 0, color: '#91CC75'},\r\n                                        {offset: 1, color: '#abed8d'},\r\n                                    ]\r\n                                ),\r\n                            },\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            this.dateEchart.on('click', (params) => {\r\n                if (params.data.length && params.data[2]) {\r\n                    this.barNext(params.data[2])\r\n                } else {\r\n                    this.barNext()\r\n                }\r\n            })\r\n            this.optionRain && this.dateEchart.setOption(this.optionRain)\r\n        },\r\n        barNext(appType) {\r\n            this.dateValue[1] = this.dateValue[1].replace(\r\n                '00:00:00',\r\n                '23:59:59'\r\n            )\r\n            let parmas = {\r\n                timeLine: this.dateValue,\r\n                type: 'yyyy-MM-dd',\r\n                appType,\r\n            }\r\n            rainfallStatistics.chain(parmas, (res) => {\r\n                if (res.state) {\r\n                    console.log(res.value)\r\n                    this.dateList = res.value\r\n                    let xAxis = []\r\n                    let yAxis = []\r\n                    this.dateList.forEach((e) => {\r\n                        xAxis.push(e.x)\r\n                        let data\r\n                        if (appType) {\r\n                            data = [e.x, e.y.current]\r\n                            this.optionRain.xAxis.axisLabel = {\r\n                                interval: 0,\r\n                                rotate: 30,\r\n                            }\r\n                        } else {\r\n                            this.optionRain.xAxis.axisLabel = {\r\n                                interval: 0,\r\n                                rotate: 0,\r\n                            }\r\n                            data = [e.x, e.y.current, e.appType]\r\n                        }\r\n                        yAxis.push(data)\r\n                    })\r\n\r\n                    this.optionRain.xAxis.data = xAxis\r\n                    this.optionRain.series[0].data = yAxis\r\n                    this.dateEchart.setOption(this.optionRain)\r\n                }\r\n            })\r\n        },\r\n    },\r\n}\r\n",null]}