{"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\\RealTimeRain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\components\\gisTabComponents\\RealTimeRain.vue","mtime":1684458238606},{"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\r\nimport RealTimeRainModel from './module/RealTimeRainModel.vue'\r\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\r\nimport { gisCompMixin } from '@/mixins/gisCompMixin.js'\r\nimport gisMap from '@/api/frontScreen/gisMap.js'\r\n// RealTimeRain\r\nexport default {\r\n\tname: 'RealTimeRain',\r\n\tcomponents: {\r\n\t\tRealTimeRainModel\r\n\t},\r\n\tmixins: [gisCompMixin],\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\ttitle: '实时',\r\n\t\t\tparams: {\r\n\t\t\t\tappTypeList: [],\r\n\t\t\t\tendTime: '',\r\n\t\t\t\tid: '',\r\n\t\t\t\tmpcd: '',\r\n\t\t\t\tperiodTime: 'p1',\r\n\t\t\t\trscd: '',\r\n\t\t\t\tstartTime: '',\r\n\t\t\t\tstcd: '',\r\n\t\t\t\tstlc: '',\r\n\t\t\t\tstnm: '',\r\n\t\t\t\tsttp: '',\r\n\t\t\t\tsttpList: [],\r\n\t\t\t\ttm: '',\r\n\t\t\t\tusfl: '',\r\n\t\t\t\twarnGrade: ''\r\n\t\t\t},\r\n\t\t\tyjdj: [],\r\n\t\t\ttabComp: true,\r\n\t\t\t// 指定坐标字段\r\n\t\t\tlg: 'lgtd',\r\n\t\t\tlt: 'lttd',\r\n\t\t\tmodelName: 'RealTimeRainModel',\r\n\t\t\tactiveName: 'realTime',\r\n\t\t\tform: {\r\n\t\t\t\tappType: [],\r\n\t\t\t\tstnm: '',\r\n\t\t\t\ttime: 'p1',\r\n\t\t\t\ttimeRange: []\r\n\t\t\t},\r\n\t\t\ttypeIcon: true,\r\n\t\t\ticonTypeKey: 'warnGrade',\r\n\t\t\tpickerOptions: {\r\n\t\t\t\tshortcuts: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttext: '最近一周',\r\n\t\t\t\t\t\tonClick(picker) {\r\n\t\t\t\t\t\t\tconst end = new Date()\r\n\t\t\t\t\t\t\tconst start = new Date()\r\n\t\t\t\t\t\t\tstart.setTime(start.getTime() - 3600 * 1000 * 24 * 7)\r\n\t\t\t\t\t\t\tpicker.$emit('pick', [start, end])\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttext: '最近一个月',\r\n\t\t\t\t\t\tonClick(picker) {\r\n\t\t\t\t\t\t\tconst end = new Date()\r\n\t\t\t\t\t\t\tconst start = new Date()\r\n\t\t\t\t\t\t\tstart.setTime(start.getTime() - 3600 * 1000 * 24 * 30)\r\n\t\t\t\t\t\t\tpicker.$emit('pick', [start, end])\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttext: '最近三个月',\r\n\t\t\t\t\t\tonClick(picker) {\r\n\t\t\t\t\t\t\tconst end = new Date()\r\n\t\t\t\t\t\t\tconst start = new Date()\r\n\t\t\t\t\t\t\tstart.setTime(start.getTime() - 3600 * 1000 * 24 * 90)\r\n\t\t\t\t\t\t\tpicker.$emit('pick', [start, end])\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t},\r\n\t\t\ticonUrl3: require('./../../../../assets/img/gis_rain1.png'),\r\n\t\t\ticonUrl2: require('./../../../../assets/img/gis_rain3.png'),\r\n\t\t\ticonUrl1: require('./../../../../assets/img/gis_rain2.png'),\r\n\t\t\ticonUrl0: require('./../../../../assets/img/gis_rain.png'),\r\n\t\t\ttimeOptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: 'p1',\r\n\t\t\t\t\tname: '1小时'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: 'p3',\r\n\t\t\t\t\tname: '3小时'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: 'p6',\r\n\t\t\t\t\tname: '6小时'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: 'p12',\r\n\t\t\t\t\tname: '12小时'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: 'pd',\r\n\t\t\t\t\tname: '24小时'\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tfilterData: [],\r\n\t\t\toriginData: [\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站1',\r\n\t\t\t\t\tappType: '山洪',\r\n\t\t\t\t\tlgtd: '106.484406',\r\n\t\t\t\t\tlttd: '29.831273',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站2',\r\n\t\t\t\t\tappType: '山洪',\r\n\t\t\t\t\tlgtd: '106.367665',\r\n\t\t\t\t\tlttd: '29.762964',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站3',\r\n\t\t\t\t\tappType: '山洪',\r\n\t\t\t\t\tlgtd: '106.448409',\r\n\t\t\t\t\tlttd: '29.68299',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站4',\r\n\t\t\t\t\tappType: '水文',\r\n\t\t\t\t\tlgtd: '106.448509',\r\n\t\t\t\t\tlttd: '29.68239',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站5',\r\n\t\t\t\t\tappType: '水文',\r\n\t\t\t\t\tlgtd: '106.434606',\r\n\t\t\t\t\tlttd: '29.837273',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站6',\r\n\t\t\t\t\tappType: '水文',\r\n\t\t\t\t\tlgtd: '106.388665',\r\n\t\t\t\t\tlttd: '29.767964',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站7',\r\n\t\t\t\t\tappType: '水文',\r\n\t\t\t\t\tlgtd: '106.398409',\r\n\t\t\t\t\tlttd: '29.78399',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站8',\r\n\t\t\t\t\tappType: '水库',\r\n\t\t\t\t\tlgtd: '106.598709',\r\n\t\t\t\t\tlttd: '29.89799',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tstnm: '测站9',\r\n\t\t\t\t\tappType: '水库',\r\n\t\t\t\t\tlgtd: '106.498709',\r\n\t\t\t\t\tlttd: '29.69799',\r\n\t\t\t\t\tnum1: '1',\r\n\t\t\t\t\tnum2: '50',\r\n\t\t\t\t\ttime: '2022-02-03'\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\t//类型 实时 历史\r\n\t\t\ttabType: [\r\n\t\t\t\t{\r\n\t\t\t\t\tname: '实时',\r\n\t\t\t\t\tvalue: 'realTime'\r\n\t\t\t\t}\r\n\t\t\t\t// {\r\n\t\t\t\t// \tname: '历史',\r\n\t\t\t\t// \tvalue: 'history'\r\n\t\t\t\t// },\r\n\t\t\t],\r\n\t\t\tczyyfl: [], //测站应用分类\r\n\t\t\tcolumn: [],\r\n\t\t\trealTimeColumn: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '测站名称',\r\n\t\t\t\t\tprop: 'stnm',\r\n\t\t\t\t\twidth: 120\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '雨量',\r\n\t\t\t\t\tprop: 'dyp',\r\n\t\t\t\t\twidth: 40\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '时间',\r\n\t\t\t\t\tprop: 'moditime',\r\n\t\t\t\t\twidth: 150\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '报警等级',\r\n\t\t\t\t\tprop: 'level',\r\n\t\t\t\t\twidth: 80\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\thistoryColumn: [\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '测站名称',\r\n\t\t\t\t\tprop: 'stnm'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '时段雨量',\r\n\t\t\t\t\tprop: 'drp'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tlabel: '时间',\r\n\t\t\t\t\tprop: 'moditime',\r\n\t\t\t\t\twidth: 140\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tcurrentPoint: {\r\n\t\t\t\tstnm: ''\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tthis.czyyfl = dictUtils.getDictItemsFromCache('czyyfl')\r\n\t\tthis.czzl = dictUtils.getDictItemsFromCache('czzl')\r\n\t\tthis.yjdj = dictUtils.getDictItemsFromCache('yjdj')\r\n\t\tthis.column = this.realTimeColumn\r\n\t},\r\n\tmounted() {\r\n\t\tthis.$nextTick(async () => {\r\n\t\t\t// 异步请求数据 等待数据获取 再initMarkers\r\n\t\t\tawait this.getFindResList()\r\n\t\t\tthis.initMarkers()\r\n\t\t})\r\n\t\t//自动刷新获取数据(1000*60*10=>毫秒*秒*分钟，此时表示为10分钟)\r\n\t\tthis.refreshData = setInterval(() => {\r\n\t\t\tthis.getFindResList()\r\n\t\t\tthis.updateMarkers()\r\n\t\t}, 1000 * 60 * 10)\r\n\t},\r\n\t//生命周期若已设置定时器，需清空定时器beforeDestroy()\r\n\tbeforeDestroy() {\r\n\t\tclearInterval(this.refreshData)\r\n\t\tthis.refreshData = null\r\n\t},\r\n\tmethods: {\r\n\t\ttableRowClassName(row) {\r\n\t\t\tif (row.row.warnGrade == 2) {\r\n\t\t\t\treturn 'orange-row'\r\n\t\t\t} else if (row.row.warnGrade == 1) {\r\n\t\t\t\treturn 'alert-row'\r\n\t\t\t} else if (row.row.warnGrade == 3) {\r\n\t\t\t\treturn 'warning-row'\r\n\t\t\t}\r\n\t\t},\r\n\t\tasync timeChangeSj(val) {\r\n\t\t\tthis.params.startTime = val[0]\r\n\t\t\tthis.params.endTime = val[1]\r\n\t\t\tawait this.getFindResList()\r\n\t\t\tthis.updateMarkers()\r\n\t\t},\r\n\t\tasync timeChange(val) {\r\n\t\t\tthis.params.periodTime = val\r\n\t\t\tawait this.getFindResListOne()\r\n\t\t\t// let list = JSON.parse(JSON.stringify(this.filterData))\r\n\t\t\t// list.forEach(e => {\r\n\t\t\t// \tswitch (val) {\r\n\t\t\t// \t\tcase '':\r\n\t\t\t// \t\t\te.timeName = e.drp\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'pn10':\r\n\t\t\t// \t\t\te.timeName = e.pn10\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'pn30':\r\n\t\t\t// \t\t\te.timeName = e.pn30\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'p1':\r\n\t\t\t// \t\t\te.timeName = e.p1\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'p3':\r\n\t\t\t// \t\t\te.timeName = e.p3\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'p6':\r\n\t\t\t// \t\t\te.timeName = e.p6\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'p12':\r\n\t\t\t// \t\t\te.timeName = e.p12\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'p24':\r\n\t\t\t// \t\t\te.timeName = e.p24\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t\tcase 'drp':\r\n\t\t\t// \t\t\te.timeName = e.drp\r\n\t\t\t// \t\t\tbreak\r\n\t\t\t// \t}\r\n\t\t\t// })\r\n\t\t\t// this.filterData = list\r\n\t\t\tthis.updateMarkers()\r\n\t\t},\r\n\t\tupdateMarkers() {\r\n\t\t\t// 获得新的列表数据后清除旧的标点、重新创建地图标点\r\n\t\t\tthis.searchClear = true\r\n\t\t\tthis.clearMarkers()\r\n\t\t\tthis.searchClear = false\r\n\t\t\tthis.initMarkers()\r\n\t\t},\r\n\t\tasync changeStation(val) {\r\n\t\t\tthis.params.appTypeList = val\r\n\t\t\tawait this.getFindResList()\r\n\t\t\tthis.updateMarkers()\r\n\t\t},\r\n\t\tgetFindResListOne() {\r\n\t\t\treturn new Promise((resolve, reject) => {\r\n\t\t\t\tgisMap.RealTimeRain(this.params, res => {\r\n\t\t\t\t\tif (res.state) {\r\n\t\t\t\t\t\tthis.filterData = res.value\r\n\t\t\t\t\t\tthis.filterData.forEach(e => {\r\n\t\t\t\t\t\t\tif(e.tm){\r\n\t\t\t\t\t\t\t\te.tmMonth = e.tm\r\n\t\t\t\t\t\t\t\t\t.replace('-', '/')\r\n\t\t\t\t\t\t\t\t\t.split('/')[1]\r\n\t\t\t\t\t\t\t\t\t.slice(0, 11)\r\n\t\t\t\t\t\t\t\t\t.replace('-', '/')\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\tif (this.params.periodTime == e.warnSd) {\r\n\t\t\t\t\t\t\t\tif (e.warnGrade == 2 || e.warnGrade == 1) {\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\te.warnGrade = 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\te.warnGrade = 0\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (e.warnGrade) {\r\n\t\t\t\t\t\t\t\tthis.yjdj.forEach(c => {\r\n\t\t\t\t\t\t\t\t\tif (e.warnGrade == c.value) {\r\n\t\t\t\t\t\t\t\t\t\te.level = c.name\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tresolve()\r\n\t\t\t\t\t}\r\n\t\t\t\t\treject()\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t},\r\n\t\tgetFindResList() {\r\n\t\t\treturn new Promise((resolve, reject) => {\r\n\t\t\t\tif (this.title == '实时') {\r\n\t\t\t\t\t//   console.log(111)\r\n\t\t\t\t\tgisMap.RealTimeRain(this.params, res => {\r\n\t\t\t\t\t\tif (res.state) {\r\n\t\t\t\t\t\t\tthis.params.periodTime = this.form.time\r\n\t\t\t\t\t\t\tres.value.forEach(e => {\r\n\t\t\t\t\t\t\t\tif(e.tm){\r\n\t\t\t\t\t\t\t\te.tmMonth = e.tm\r\n\t\t\t\t\t\t\t\t\t.replace('-', '/')\r\n\t\t\t\t\t\t\t\t\t.split('/')[1]\r\n\t\t\t\t\t\t\t\t\t.slice(0, 11)\r\n\t\t\t\t\t\t\t\t\t.replace('-', '/')\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tif (this.params.periodTime == e.warnSd) {\r\n\t\t\t\t\t\t\t\t\tif (e.warnGrade == 2 || e.warnGrade == 1) {\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\te.warnGrade = 0\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\te.warnGrade = 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tif (e.warnGrade) {\r\n\t\t\t\t\t\t\t\t\tthis.yjdj.forEach(c => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.warnGrade == c.value) {\r\n\t\t\t\t\t\t\t\t\t\t\te.level = c.name\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tthis.filterData = res.value\r\n\t\t\t\t\t\t\tresolve()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treject()\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\tif (this.title == '历史') {\r\n\t\t\t\t\tgisMap.waterHistoryList(this.params, res => {\r\n\t\t\t\t\t\tif (res.state) {\r\n\t\t\t\t\t\t\tthis.filterData = res.value\r\n\t\t\t\t\t\t\tthis.filterData.forEach(e => {\r\n\t\t\t\t\t\t\t\tif (e.warnGrade) {\r\n\t\t\t\t\t\t\t\t\tthis.yjdj.forEach(c => {\r\n\t\t\t\t\t\t\t\t\t\tif (e.warnGrade == c.value) {\r\n\t\t\t\t\t\t\t\t\t\t\te.level = c.name\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\te.warnGrade = 0\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tresolve()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treject()\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\tasync changeSearch(val) {\r\n\t\t\tthis.params.stnm = val\r\n\t\t\tawait this.getFindResList()\r\n\t\t\tthis.updateMarkers()\r\n\t\t\t// if (!val) {\r\n\t\t\t//   this.filterData = this.filterData\r\n\t\t\t//   return\r\n\t\t\t// }\r\n\t\t\t// this.filterData = this.filterData.filter(item => item.stnm == val)\r\n\t\t},\r\n\t\tasync handleTabClick(key) {\r\n\t\t\tthis.calcTableHeight()\r\n\t\t\tthis.map.closePopup()\r\n\t\t\tthis.form.timeRange = []\r\n\t\t\tthis.title = key.label\r\n\t\t\tthis.params = {}\r\n\t\t\tawait this.getFindResList()\r\n\t\t\tthis.updateMarkers()\r\n\t\t}\r\n\t}\r\n}\r\n",null]}