{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\otherMonitor\\waterPointContrast.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\otherMonitor\\waterPointContrast.vue","mtime":1684458239309},{"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\nimport req from '@/request.js'\nimport * as echarts from 'echarts'\nimport {\n\tTableMixin\n} from '@/mixins/tableMixin'\nimport waterPointContrast from '@/api/monitor/otherMonitor/waterPointContrast.js'\nimport CYearWaterPoint from './components/CYearWaterPoint.vue'\nimport CMonthWaterPoint from './components/CMonthWaterPoint.vue'\nimport CDateWaterPoint from './components/CDateWaterPoint.vue'\nexport default {\n\tname: 'waterPointContrast',\n\tcomponents: {\n\t\tCYearWaterPoint,\n\t\tCMonthWaterPoint,\n\t\tCDateWaterPoint\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstartDatePicker: this.beginDate(),\n\t\t\tendDatePicker: this.processDate(),\n\t\t\tyeartsStart: '',\n\t\t\tyeartsEnd: '',\n\t\t\tmonthValue: '',\n\t\t\tdateValue: '',\n\t\t\tyearEchart: null,\n\t\t\tmonthEchart: null,\n\t\t\tdateEchart: null,\n\t\t\tparmas: {\n\t\t\t\ttimeLine: [],\n\t\t\t\ttype: '',\n\t\t\t},\n\t\t\tmonthList: [],\n\t\t\tyearList: [],\n\t\t\tdateList: []\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.initialize()\n\t},\n\tmounted() {\n\t\tthis.yearEcharts()\n\t\tthis.monthEcharts()\n\t\tthis.dateEcharts()\n\t\tthis.$root.$on('resize', () => {\n\t\t\tthis.resize(500)\n\t\t})\n\t},\n\tmethods: {\n\t\tresize(delay) {\n\t\t\t// 动态计算表格的高度，自适应当前容器\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.yearEchart.resize()\n\t\t\t\tthis.monthEchart.resize()\n\t\t\t\tthis.dateEchart.resize()\n\t\t\t}, delay || 0)\n\t\t},\n\t\tinitialize() {\n\t\t\tvar moment = require('moment') //打开时默认时间为一天前至获取当前年月日时分秒\n\t\t\tlet endTime = moment().format('YYYY-MM-DD 23:59:59') //当前年月日\n\t\t\tlet January = moment(new Date().getFullYear() + \"-\" + \"01\").format('YYYY-MM-DD 00:00:00'); //当年一月\n\t\t\tlet monthOne = moment().startOf('month').format('YYYY-MM-DD 00:00:00'); //当月第一天\n\t\t\tlet oneYearTime = moment(new Date()).subtract(1, 'years').format('YYYY-MM-DD 00:00:00'); //前一月\n\t\t\tlet oneEonthTime = moment(new Date()).subtract(1, 'months').format('YYYY-MM-DD 00:00:00'); //前一月\n\t\t\tlet oneDayTime = moment(new Date()).subtract(1, 'day').format('YYYY-MM-DD 00:00:00'); //前一天\n\t\t\tthis.yeartsStart = oneYearTime\n\t\t\tthis.yeartsEnd = endTime\n\t\t\tthis.monthValue = [January, endTime]\n\t\t\tthis.dateValue = [monthOne, endTime]\n\t\t\tthis.yearChange()\n\t\t\tthis.monthChange()\n\t\t\tthis.dateChange()\n\t\t},\n\t\tyearChange(val) {\n\t\t\tlet times = []\n\t\t\tif (val) {\n\t\t\t\tif (this.yeartsStart.length == 4 && this.yeartsEnd.length == 19) {\n\t\t\t\t\ttimes = [this.yeartsStart + '-01-01 00:00:00', this.yeartsEnd]\n\t\t\t\t} else if (this.yeartsEnd.length == 4 && this.yeartsStart.length == 19) {\n\t\t\t\t\ttimes = [this.yeartsStart, this.yeartsEnd + '-12-31 23:59:59']\n\t\t\t\t} else if (this.yeartsEnd.length == 4 && this.yeartsStart.length == 4) {\n\t\t\t\t\ttimes = [this.yeartsStart + '-01-01 00:00:00', this.yeartsEnd + '-12-31 23:59:59']\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttimes = [this.yeartsStart, this.yeartsEnd]\n\t\t\t}\n\t\t\tlet parmas = {\n\t\t\t\ttimeLine: times,\n\t\t\t\ttype: 'yyyy'\n\t\t\t}\n\t\t\twaterPointContrast.stationStatistics(parmas, res => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.yearList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.yearEcharts()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tmonthChange(val) {\n\t\t\tthis.monthValue[1] = this.createEndTime(this.monthValue[1])\n\t\t\tlet parmas = {\n\t\t\t\ttimeLine: this.monthValue,\n\t\t\t\ttype: 'yyyy-MM'\n\t\t\t}\n\t\t\twaterPointContrast.stationStatistics(parmas, res => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.monthList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.monthEcharts()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tdateChange(val) {\n\t\t\tthis.dateValue[1] = this.dateValue[1].replace('00:00:00', '23:59:59')\n\t\t\tconsole.log(this.dateValue);\n\t\t\tlet parmas = {\n\t\t\t\ttimeLine: this.dateValue,\n\t\t\t\ttype: 'yyyy-MM-dd'\n\t\t\t}\n\t\t\twaterPointContrast.stationStatistics(parmas, res => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.dateList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.dateEcharts()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tcreateEndTime(startTimeString) {\n\t\t\tvar moment = require('moment') //打开时默认时间为一天前至获取当前年月日时分秒\n\t\t\tlet currDate = moment(startTimeString)\n\t\t\tlet date = new Date(parseInt(currDate.endOf(\"month\").valueOf()))\n\t\t\tlet Y = date.getFullYear() + '-';\n\t\t\tlet M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';\n\t\t\tlet D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';\n\t\t\treturn Y + M + D + '23:59:59'\n\t\t},\n\t\tgetData() {\n\t\t\twaterPointContrast.stationStatistics(this.parmas, res => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tif (this.parmas.type == 'yyyy') {\n\t\t\t\t\t\tthis.yearList = res.value\n\t\t\t\t\t} else if (this.parmas.type == 'yyyy-MM') {\n\t\t\t\t\t\tthis.monthList = res.value\n\t\t\t\t\t} else if (this.parmas.type == 'yyyy-MM-dd') {\n\t\t\t\t\t\tthis.dateList = res.value\n\t\t\t\t\t}\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.yearEcharts()\n\t\t\t\t\t\tthis.monthEcharts()\n\t\t\t\t\t\tthis.dateEcharts()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tbeginDate() {\n\t\t\tlet self = this\n\t\t\treturn {\n\t\t\t\tdisabledDate(time) {\n\t\t\t\t\tif (self.yeartsEnd !== '') {\n\t\t\t\t\t\tlet fixedTime = new Date(time)\n\t\t\t\t\t\treturn fixedTime.getFullYear() > self.yeartsEnd\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// 提出结束时间必须大于提出开始时间\n\t\tprocessDate() {\n\t\t\tlet self = this\n\t\t\treturn {\n\t\t\t\tdisabledDate(time) {\n\t\t\t\t\tlet fixedTime = new Date(time)\n\t\t\t\t\treturn fixedTime.getFullYear() < self.yeartsStart\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tstartTime(val) {\n\n\t\t},\n\t\tyearEcharts() {\n\t\t\tlet times = []\n\t\t\tlet ANum = []\n\t\t\tlet BNum = []\n\t\t\tthis.yearList.forEach(e => {\n\t\t\t\ttimes.push(e.x)\n\t\t\t\tANum.push(e.ychain.last)\n\t\t\t\tBNum.push(e.ychain.current)\n\t\t\t})\n\t\t\tlet chartDom = document.getElementById('yearEcharts')\n\t\t\tthis.yearEchart = echarts.init(chartDom)\n\t\t\tlet option = {\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: 35,\n\t\t\t\t\tleft: 70, // 调整这个属性\n\t\t\t\t},\n\t\t\t\txAxis: {\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\tdata: times\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tshow: true,\n\t\t\t\t\tdata: ['当前', '环比'],\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\tname: '万m³',\n\t\t\t\t\ttype: 'value'\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\tname: '当前',\n\t\t\t\t\tdata: BNum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#91CC75\",\n\t\t\t\t}, {\n\t\t\t\t\tname: '环比',\n\t\t\t\t\tdata: ANum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#FFB938\",\n\t\t\t\t}]\n\t\t\t};\n\t\t\toption && this.yearEchart.setOption(option)\n\t\t\t// 点击事件\n\t\t\tthis.yearEchart.on('click', parmas => {\n\t\t\t\tthis.$refs.CYearWaterPoint.handleOpen(parmas.name)\n\t\t\t\tconsole.log(parmas.name);\n\t\t\t\t// console.log(parmas);\n\t\t\t})\n\t\t},\n\t\tmonthEcharts() {\n\t\t\tlet times = []\n\t\t\tlet ANum = []\n\t\t\tlet BNum = []\n\t\t\tthis.monthList.forEach(e => {\n\t\t\t\ttimes.push(e.x)\n\t\t\t\tANum.push(e.ychain.last)\n\t\t\t\tBNum.push(e.ychain.current)\n\t\t\t})\n\t\t\tlet chartDom = document.getElementById('monthEcharts')\n\t\t\tthis.monthEchart = echarts.init(chartDom)\n\t\t\tlet option = {\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: 35,\n\t\t\t\t\tleft: 70, // 调整这个属性\n\t\t\t\t},\n\t\t\t\txAxis: {\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\tdata: times\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tshow: true,\n\t\t\t\t\tdata: ['当前', '环比'],\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\tname: '万m³',\n\t\t\t\t\ttype: 'value'\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\tname: '当前',\n\t\t\t\t\tdata: BNum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#91CC75\",\n\t\t\t\t}, {\n\t\t\t\t\tname: '环比',\n\t\t\t\t\tdata: ANum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#FFB938\",\n\t\t\t\t}]\n\t\t\t};\n\t\t\toption && this.monthEchart.setOption(option)\n\t\t\t// 点击事件\n\t\t\tthis.monthEchart.on('click', parmas => {\n\t\t\t\tthis.$refs.CMonthWaterPoint.handleOpen(parmas.name)\n\t\t\t\tconsole.log(parmas.name);\n\t\t\t\t// console.log(parmas);\n\t\t\t})\n\t\t},\n\t\tdateEcharts() {\n\t\t\tlet times = []\n\t\t\tlet ANum = []\n\t\t\tlet BNum = []\n\t\t\tthis.dateList.forEach(e => {\n\t\t\t\ttimes.push(e.x)\n\t\t\t\tANum.push(e.ychain.last)\n\t\t\t\tBNum.push(e.ychain.current)\n\t\t\t})\n\t\t\tlet chartDom = document.getElementById('dateEcharts')\n\t\t\tthis.dateEchart = echarts.init(chartDom)\n\t\t\tlet option = {\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: 35,\n\t\t\t\t\tleft: 60, // 调整这个属性\n\t\t\t\t\tright: 60,\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tshow: true,\n\t\t\t\t\tdata: ['当前', '环比'],\n\t\t\t\t},\n\t\t\t\txAxis: {\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\tdata: times\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\tname: '万m³',\n\t\t\t\t\ttype: 'value'\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\tname: '当前',\n\t\t\t\t\tdata: BNum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#91CC75\",\n\t\t\t\t}, {\n\t\t\t\t\tname: '环比',\n\t\t\t\t\tdata: ANum,\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tcolor: \"#FFB938\",\n\t\t\t\t}]\n\t\t\t};\n\t\t\toption && this.dateEchart.setOption(option)\n\t\t\t// 点击事件\n\t\t\tthis.dateEchart.on('click', parmas => {\n\t\t\t\tthis.$refs.CDateWaterPoint.handleOpen(parmas.name)\n\t\t\t\tconsole.log(parmas.name);\n\t\t\t})\n\t\t}\n\t}\n}\n",null]}