{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\sygQuery.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\monitor\\gqMonitor\\sygQuery.vue","mtime":1687666136950},{"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//\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\nimport gqStqQuery from '@/api/monitor/gqMonitor/gqStqQuery.js'\nimport sygQueryDialog from './components/sygQueryDialog.vue'\nimport {\n\tTableMixin\n} from '@/mixins/tableMixin'\nimport syQuery from '@/api/monitor/gqMonitor/syQuery.js'\nimport req from '@/request.js'\nimport * as echarts from 'echarts'\nexport default {\n\tname: 'displacement',\n\tcomponents: {\n\t\t// FormDialog,\n\t\tsygQueryDialog,\n\t},\n\tmixins: [TableMixin],\n\tdata() {\n\t\treturn {\n\t\t\ttitle: '',\n\t\t\tloading: false,\n\t\t\tstatuss: [{\n\t\t\t\t\tname: '在线',\n\t\t\t\t\tvalue: '1',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '不在线',\n\t\t\t\t\tvalue: '0',\n\t\t\t\t},\n\t\t\t],\n\t\t\tmultipleSelection: [], // 复选框\n\t\t\trsnms: [], //水库下拉，\n\t\t\tstnms: [], //测站下拉\n\t\t\tsetKesLabel: {\n\t\t\t\tvalue: 'code',\n\t\t\t\tlabel: 'name',\n\t\t\t\tchildren: 'children',\n\t\t\t},\n\n\t\t\tpageBean: {\n\t\t\t\tpageSize: 20,\n\t\t\t\tpage: 1,\n\t\t\t},\n\t\t\tparams: {\n\t\t\t\trscd: null,\n\t\t\t\tstcd: null,\n\t\t\t\twkcn: null,\n\t\t\t\tstnm: null,\n\t\t\t\tappType: null,\n\t\t\t\tstartTime: null,\n\t\t\t\tendTime: null\n\t\t\t},\n\n\t\t\trwptns: [], //水势\n\t\t\ttableData: [],\n\t\t\tpId: '',\n\t\t\ttotal: 0,\n\t\t\tshowFormDias: false,\n\t\t\tdates: [], //图表日期\n\t\t\tdspprwl: [], //渗流压力危险水位(m)\n\t\t\tjspprwl: [], //渗流压力警戒水位(m)\n\t\t\tspprwl: [], //渗流压力水位(m)\n\t\t\techartLiat: [],\n\t\t\ttimes: [], //选择时间\n\t\t\tquery: {\n\t\t\t\tstcd: null,\n\t\t\t\tstnm: null,\n\t\t\t\tstartTime: null,\n\t\t\t\tendTime: null,\n\t\t\t\ttmOrderASC: true,\n\t\t\t},\n\t\t\tloadingChartData: false,\n\t\t\tnewParam: {\n\t\t\t\tpageBean: {\n\t\t\t\t\tpageSize: 20,\n\t\t\t\t\tpage: 1,\n\t\t\t\t},\n\t\t\t\tquerys: [],\n\t\t\t\tparams: {},\n\t\t\t\tsorter: [{\n\t\t\t\t\tproperty: 'wl.mstm',\n\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t}, ],\n\t\t\t}\n\t\t}\n\t},\n\tcreated() {\n\t\tthis.StationId = window.sessionStorage.getItem('StationId')\n\t\tthis.rscdId = window.sessionStorage.getItem('rscdId')\n\t\tif (\n\t\t\tthis.StationId != '' &&\n\t\t\tthis.StationId != null &&\n\t\t\tthis.StationId != undefined\n\t\t) {\n\t\t\tthis.params.mpnm = this.StationId\n\t\t\tthis.pageBean.page = 1\n\t\t\twindow.sessionStorage.removeItem('StationId')\n\t\t}\n\t\t// 数字水库跳转\n\t\tif (\n\t\t\tthis.rscdId != '' &&\n\t\t\tthis.rscdId != null &&\n\t\t\tthis.rscdId != undefined\n\t\t) {\n\t\t\tthis.params.rscd = this.rscdId\n\t\t\tthis.pageBean.page = 1\n\t\t\twindow.sessionStorage.removeItem('rscdId')\n\t\t}\n\t\tthis.getSysDict()\n\t},\n\tmethods: {\n\t\topenMore() {\n\t\t\tthis.showMore = !this.showMore\n\t\t},\n\t\t// 导出表格弹窗显示\n\t\tupdateExcl() {\n\t\t\tthis.$refs.sygQueryDialog.openShare(this.params)\n\t\t},\n\t\topenDate(val) {\n\t\t\tthis.echartLiat = []\n\t\t\tthis.loadingChartData = true\n\t\t\tthis.title = val.mpnm\n\t\t\tthis.showFormDias = true\n\t\t\tthis.query.startTime = null //每次打开弹窗时清空上次手动选择的时间\n\t\t\tthis.query.endTime = null //每次打开弹窗时清空上次手动选择的时间\n\t\t\tthis.times = [] //每次打开弹窗时清空上次手动选择的时间\n\t\t\tthis.query.stcd = val.stcd //点击打开曲线图时赋值\n\t\t\tthis.query.stnm = val.stnm //点击打开曲线图时赋值\n\t\t\tvar moment = require('moment') //打开时默认时间为一天前至获取当前年月日时分秒\n\t\t\tvar _today = moment()\n\t\t\tlet endTime = moment().format('L') //当前年月日\n\t\t\tlet time = moment().format('LTS') //当前时分秒\n\t\t\tendTime = endTime.replace(/\\//g, '-')\n\t\t\tendTime = endTime + ' ' + time\n\t\t\tlet startTime = _today\n\t\t\t\t.subtract(1, 'days')\n\t\t\t\t.format('YYYY-MM-DD') /*前一天的时间*/\n\t\t\tstartTime = startTime + ' ' + time\n\t\t\tthis.query.startTime = startTime\n\t\t\tthis.query.endTime = endTime\n\t\t\tthis.times = [startTime, endTime]\n\t\t\tthis.query = {\n\t\t\t\tstnm: val.stnm,\n\t\t\t\tstcd: val.stcd,\n\t\t\t\tstartTime: startTime,\n\t\t\t\tendTime: endTime,\n\t\t\t\tsttp: val.sttp,\n\t\t\t\tmpcd: val.mpcd,\n\t\t\t\trscd: val.rscd,\n\t\t\t\tmptp: '4',\n\t\t\t\ttmOrderAsc: true,\n\t\t\t}\n\t\t\tsyQuery.getChartsList(this.query, (res) => {\n\t\t\t\tthis.echartLiat = res.value\n\t\t\t\tif (res.value.length) {\n\t\t\t\t\tthis.dates = this.echartLiat.map((item) => {\n\t\t\t\t\t\treturn item.mstm\n\t\t\t\t\t})\n\t\t\t\t\tthis.dspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\treturn item.dpztbwl\n\t\t\t\t\t})\n\t\t\t\t\tthis.jspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\treturn item.jpztbwl\n\t\t\t\t\t})\n\t\t\t\t\tthis.spprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\treturn item.pztbwl\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tthis.dates = []\n\t\t\t\t\tthis.dspprwl = []\n\t\t\t\t\tthis.jspprwl = []\n\t\t\t\t\tthis.spprwl = []\n\t\t\t\t}\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.getCharts()\n\t\t\t\t})\n\t\t\t\tthis.loadingChartData = false\n\t\t\t})\n\t\t},\n\t\tchangeChart(val) {\n\t\t\tthis.echartLiat = []\n\t\t\tthis.loadingChartData = true\n\t\t\tif (val) {\n\t\t\t\tthis.query.startTime = val[0]\n\t\t\t\tthis.query.endTime = val[1]\n\t\t\t\tthis.dspprwl = []\n\t\t\t\tthis.jspprwl = []\n\t\t\t\tthis.spprwl = []\n\t\t\t\tsyQuery.getChartsList(this.query, (res) => {\n\t\t\t\t\tif (res.value.length) {\n\t\t\t\t\t\tthis.echartLiat = res.value\n\t\t\t\t\t\tthis.dates = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.mstm\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.dspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.dpztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.jspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.jpztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.spprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.pztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.getCharts()\n\t\t\t\t\t})\n\t\t\t\t\tthis.loadingChartData = false\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.$message.warning('请选择查询时间范围！')\n\t\t\t\tthis.query.startTime = ''\n\t\t\t\tthis.query.endTime = ''\n\t\t\t\tthis.dates = []\n\t\t\t\tthis.dspprwl = []\n\t\t\t\tthis.jspprwl = []\n\t\t\t\tthis.spprwl = []\n\t\t\t\tthis.loadingChartData = false\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.getCharts()\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t\tsyQuery.getChartsList(this.query, (res) => {\n\t\t\t\t\tif (res.value.length) {\n\t\t\t\t\t\tthis.echartLiat = res.value\n\t\t\t\t\t\tthis.dates = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.mstm\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.dspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.dpztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.jspprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.jpztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.spprwl = this.echartLiat.map((item) => {\n\t\t\t\t\t\t\treturn item.pztbwl\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\t\tthis.getCharts()\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},\n\t\tgetCharts() {\n\t\t\tlet chartDom = document.getElementById('echartsBox')\n\t\t\tlet myChart = echarts.init(chartDom)\n\t\t\tlet option = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tdata: [\n\t\t\t\t\t\t'测压管警戒水位(m)',\n\t\t\t\t\t\t'测压管危险水位(m)',\n\t\t\t\t\t\t'测压管水位(m)',\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tleft: '8%',\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\t// toolbox: {\n\t\t\t\t//   feature: {\n\t\t\t\t//     saveAsImage: {},\n\t\t\t\t//   },\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: this.dates,\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\ttype: 'value',\n\t\t\t\t\tscale: true,\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\t\tname: '测压管警戒水位(m)',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: 'yellow',\n\t\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\t\tcolor: 'yellow',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: this.jspprwl,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: '测压管危险水位(m)',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: '#ff0000',\n\t\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\t\tcolor: '#ff0000',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: this.dspprwl,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: '测压管水位(m)',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: '#0091ff',\n\t\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\t\tcolor: '#0091ff',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: this.spprwl,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t\toption && myChart.setOption(option)\n\t\t},\n\t\thandleClose() {\n\t\t\tthis.echartLiat = []\n\t\t\tthis.showFormDias = false\n\t\t},\n\t\tgetDateList() {\n\n\t\t\tthis.newParam.querys = []\n\t\t\tif (this.params.rscd) {\n\t\t\t\tthis.newParam.querys.push({\n\t\t\t\t\tproperty: 'bsin.rscd',\n\t\t\t\t\toperation: 'LIKE',\n\t\t\t\t\tvalue: this.params.rscd,\n\t\t\t\t\tgroup: 'main',\n\t\t\t\t\trelation: 'AND',\n\t\t\t\t})\n\t\t\t} else if (this.params.wkcn) {\n\t\t\t\tthis.newParam.querys.push({\n\t\t\t\t\tgroup: 'main',\n\t\t\t\t\toperation: 'LIKE',\n\t\t\t\t\tproperty: 'gqb.wkcn',\n\t\t\t\t\trelation: 'AND',\n\t\t\t\t\tvalue: this.params.wkcn,\n\t\t\t\t})\n\t\t\t} else if (this.params.mpnm) {\n\t\t\t\tthis.newParam.querys.push({\n\t\t\t\t\tgroup: 'main',\n\t\t\t\t\toperation: 'LIKE',\n\t\t\t\t\tproperty: 'gqb.mpnm',\n\t\t\t\t\trelation: 'AND',\n\t\t\t\t\tvalue: this.params.mpnm,\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.tableData = []\n\t\t\tgqStqQuery.GetTablepage(this.newParam, (res) => {\n\t\t\t\tthis.total = res.value.total\n\t\t\t\tthis.tableData = JSON.parse(JSON.stringify(res.value.rows))\n\t\t\t\tthis.$set(this.tableData)\n\t\t\t\tthis.loading = false\n\t\t\t})\n\t\t},\n\t\thandleSizeChange(val) {\n\t\t\tthis.pageBean.pageSize = val\n\t\t\tthis.getDateList()\n\t\t},\n\t\thandleCurrentChange(val) {\n\t\t\tthis.pageBean.page = val\n\t\t\tthis.getDateList()\n\t\t},\n\t\thandleSelectionChange(val) {\n\t\t\tthis.multipleSelection = val.map((item) => {\n\t\t\t\treturn item.id\n\t\t\t})\n\t\t},\n\t\t// // 指定一个key标识这一行的数据\n\t\t// getRowKey(row) {\n\t\t//   return row.id\n\t\t// },\n\t\t//获取字典数据\n\t\tgetSysDict() {\n\t\t\tlet portal = window.context.portal\n\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\treq.post(\n\t\t\t\t\tportal + '/sys/sysDictionary/v1/queryAllDictItems'\n\t\t\t\t).then(\n\t\t\t\t\t(response) => {\n\t\t\t\t\t\tresolve(response.data)\n\t\t\t\t\t\tthis.rwptns = response.data.ss //水势\n\n\t\t\t\t\t\tgqStqQuery.getRsnm({}, (res) => {\n\t\t\t\t\t\t\tthis.rsnms = res.value\n\t\t\t\t\t\t})\n\t\t\t\t\t\tgqStqQuery.PressuresStnms({}, (res) => {\n\t\t\t\t\t\t\tthis.stnms = res.value\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis.getDateList()\n\t\t\t\t\t},\n\t\t\t\t\t(error) => {\n\t\t\t\t\t\treject(error)\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\t// // 点击查询\n\t\tonClickSearch() {\n\t\t\tthis.pageBean.page = 1\n\t\t\tthis.getDateList()\n\t\t},\n\t\t// 重置\n\t\tresetQuery() {\n\t\t\tthis.params = {}\n\t\t\tthis.onClickSearch()\n\t\t},\n\t},\n}\n",null]}