| | |
| | | > |
| | | ä¸è½½æ¥å |
| | | </el-button> |
| | | <el-button |
| | | <!-- <el-button |
| | | type="primary" |
| | | class="el-button-custom" |
| | | @click="handleGenerateImg" |
| | | :loading="docLoading" |
| | | > |
| | | çæå¾ç |
| | | </el-button> |
| | | </el-button> --> |
| | | </el-form-item> |
| | | <!-- <el-form-item> |
| | | <el-image :src="base64Url" fit="fill" :preview-src-list="[base64Url]" /> |
| | |
| | | import { Legend } from '@/model/Legend'; |
| | | import { getHexColor, getColorBetweenTwoColors } from '@/utils/color'; |
| | | import { getGridDataDetailFactorValue } from '@/model/GridDataDetail'; |
| | | import { factorName } from '@/constant/factor-name'; |
| | | |
| | | // åç¨å«æé¥æµæ¨¡åä¸ç100ç±³ç½æ ¼ |
| | | const props = defineProps({ |
| | |
| | | removeNoPollutedSource: param.removeNoPollutedSource |
| | | }; |
| | | return dataAnalysisApi.fetchClueByRiskArea(_param).then((res) => { |
| | | templateParam.clueByAreaList = res.data.map((item, index) => { |
| | | return { |
| | | _index: index + 1, |
| | | // _area: `${item.sceneInfo.type}${item.sceneInfo.name}å¨è¾¹`, |
| | | _area: `${item.township}`, |
| | | clueByFactorList: item.clueByFactorList.map((cbf) => { |
| | | return { |
| | | factor: cbf.factor, |
| | | clues: cbf.clues.map((clue) => { |
| | | const _riskRegion = []; |
| | | if (clue.pollutedArea.address) { |
| | | _riskRegion.push(clue.pollutedArea.address); |
| | | } |
| | | if (clue.pollutedArea.streetNumber) { |
| | | _riskRegion.push(clue.pollutedArea.streetNumber); |
| | | } |
| | | if (clue.pollutedArea.roadinter) { |
| | | _riskRegion.push(clue.pollutedArea.roadinter); |
| | | } |
| | | templateParam.clueByAreaList = res.data |
| | | .groupBy((e) => e.township) |
| | | .map((item, index) => { |
| | | const { key: township, values: clues } = item; |
| | | return { |
| | | _index: index + 1, |
| | | // _area: `${item.sceneInfo.type}${item.sceneInfo.name}å¨è¾¹`, |
| | | _area: `${township}`, |
| | | clueByFactorList: clues |
| | | .groupBy((e) => e.factorTag) |
| | | .map((item2) => { |
| | | const { key: factorTag, values: clues2 } = item2; |
| | | const factorNames = [...new Set(clues2.flatMap((e) => e.factors))] |
| | | .map((e) => factorName(e)) |
| | | .join('ã'); |
| | | return { |
| | | _factorNames: Object.keys(clue.pollutedData.statisticMap) |
| | | .map((e) => e) |
| | | .join('ã'), |
| | | _time: |
| | | moment(clue.pollutedData.startTime).format( |
| | | 'YYYY-MM-DD HH:mm:ss' |
| | | ) + |
| | | ' - ' + |
| | | moment(clue.pollutedData.endTime).format('HH:mm:ss'), |
| | | _riskRegion: _riskRegion.join('ï¼'), |
| | | _exceptionType: clue.pollutedData.exception, |
| | | _images: generateChartImg(clue.pollutedData), |
| | | _conclusion: clue.pollutedSource.conclusion, |
| | | _hasScene: clue.pollutedSource.sceneList.length > 0, |
| | | _scenes: |
| | | clue.pollutedSource.sceneList.length > 0 |
| | | ? clue.pollutedSource.sceneList |
| | | .map( |
| | | (s, index) => |
| | | `${index + 1}. ${s.name}ï¼${s.type}ï¼ä½äº${s.location}ï¼è·${s.closestStation.name}${parseInt(s.length)}ç±³ï¼` |
| | | ) |
| | | .join('\n') |
| | | : 'æ ' |
| | | factor: factorNames, |
| | | clues: clues2.map((clue) => { |
| | | // const _riskRegion = []; |
| | | // if (clue.pollutedArea.address) { |
| | | // _riskRegion.push(clue.pollutedArea.address); |
| | | // } |
| | | // if (clue.pollutedArea.streetNumber) { |
| | | // _riskRegion.push(clue.pollutedArea.streetNumber); |
| | | // } |
| | | // if (clue.pollutedArea.roadinter) { |
| | | // _riskRegion.push(clue.pollutedArea.roadinter); |
| | | // } |
| | | return { |
| | | _title: |
| | | (clue.pollutedArea.street ?? '') + |
| | | (clue.pollutedArea.streetNumber ?? '') + |
| | | (clue.pollutedArea.direction ?? ''), |
| | | _factorNames: Object.keys(clue.pollutedData.statisticMap) |
| | | .map((e) => factorName(e)) |
| | | .join('ã'), |
| | | _time: |
| | | moment(clue.pollutedData.startTime).format( |
| | | 'YYYY-MM-DD HH:mm:ss' |
| | | ) + |
| | | ' - ' + |
| | | moment(clue.pollutedData.endTime).format('HH:mm:ss'), |
| | | _riskRegion: |
| | | (clue.pollutedArea.address ?? '') + |
| | | (clue.pollutedArea.street ?? '') + |
| | | (clue.pollutedArea.streetNumber ?? '') + |
| | | (clue.pollutedArea.direction ?? ''), |
| | | _exceptionType: clue.pollutedData.exception, |
| | | _images: generateChartImg(clue.pollutedData), |
| | | _conclusion: clue.pollutedSource.conclusion, |
| | | _hasScene: clue.pollutedSource.sceneList.length > 0, |
| | | _scenes: |
| | | clue.pollutedSource.sceneList.length > 0 |
| | | ? clue.pollutedSource.sceneList |
| | | .map( |
| | | (s, index) => |
| | | `${index + 1}. ${s.name}ï¼${s.type}ï¼ä½äº${s.location}ï¼è·${s.closestStation.name}${parseInt(s.length)}ç±³ï¼` |
| | | ) |
| | | .join('\n') |
| | | : 'æ ' |
| | | }; |
| | | }) |
| | | }; |
| | | }) |
| | | }; |
| | | }) |
| | | }; |
| | | }); |
| | | }; |
| | | }); |
| | | }); |
| | | } |
| | | |
| | |
| | | _missionDes: `${item.missionList.map((m) => m.missionCode).join('ã')}å
±${item.missionList.length}次` |
| | | }; |
| | | const _highRiskGridList = []; |
| | | item.highRiskGridList.forEach((g, i) => { |
| | | Object.keys(item.highRiskGridMap).forEach((key, i) => { |
| | | const g = item.highRiskGridMap[key][0]; |
| | | |
| | | const infoDes = item.highRiskGridMap[key].map((e) => { |
| | | return { |
| | | factorValue: g.factorValue, |
| | | // åè³èå´ï¼é¡ºåºä¸ºæå°ç»åº¦ï¼æå¤§ç»åº¦ï¼æå°çº¬åº¦ï¼æå¤§çº¬åº¦ |
| | | _boundsDes: `ç»åº¦${g.bounds[0]}è³${g.bounds[1]}ï¼çº¬åº¦${g.bounds[2]}è³${g.bounds[3]}`, |
| | | // æ¶åè¡é |
| | | town: g.town, |
| | | _scenesDes: |
| | | g.highRiskScenes.length > 0 |
| | | ? `æ¶åçæ±¡æåºæ¯å
æ¬${g.highRiskScenes.map((s) => s.name).join('ã')}` |
| | | : 'ç½æ ¼å
å¯è½åå¨éèé£é©æº' |
| | | }; |
| | | }); |
| | | // }) |
| | | // item.highRiskGridList.forEach((g, i) => { |
| | | // const g = item.highRiskGridList[0]; |
| | | // const i = 0; |
| | | const p = generateGridFusionImg(g.factorType, item.gridFusionList).then( |
| | |
| | | const { url1, url2 } = url; |
| | | _highRiskGridList.push({ |
| | | index: i + 1, |
| | | factor: g.factorType, |
| | | factor: factorName(g.factorType), |
| | | // æ åè²ç½æ ¼å¾ |
| | | gridImgUrl1: url1, |
| | | // 对æ¯è²ç½æ ¼å¾ |
| | | gridImgUrl2: url2, |
| | | factorValue: g.factorValue, |
| | | // åè³èå´ï¼é¡ºåºä¸ºæå°ç»åº¦ï¼æå¤§ç»åº¦ï¼æå°çº¬åº¦ï¼æå¤§çº¬åº¦ |
| | | _boundsDes: `ç»åº¦${g.bounds[0]}è³${g.bounds[1]}ï¼çº¬åº¦${g.bounds[2]}è³${g.bounds[3]}`, |
| | | // æ¶åè¡é |
| | | town: g.town, |
| | | _scenesDes: |
| | | g.highRiskScenes.length > 0 |
| | | ? `æ¶åçæ±¡æåºæ¯å
æ¬${g.highRiskScenes.map((s) => s.name).join('ã')}` |
| | | : 'ç½æ ¼å
å¯è½åå¨éèé£é©æº' |
| | | infoDes: infoDes |
| | | }); |
| | | } |
| | | ); |