| | |
| | | ></OptionLocation2> |
| | | </el-form-item> |
| | | <OptionTime v-model="formObj.timeArray"></OptionTime> |
| | | <el-form-item label="移除其他区县" prop="removeOtherDistrict"> |
| | | <el-checkbox v-model="formObj.removeOtherDistrict" |
| | | >移除其他区县</el-checkbox |
| | | > |
| | | </el-form-item> |
| | | <el-form-item label="移除未污染源" prop="removeNoPollutedSource"> |
| | | <el-checkbox v-model="formObj.removeNoPollutedSource" |
| | | >移除未发现污染源的线索</el-checkbox |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | |
| | | <!-- <el-form-item> |
| | | <el-image :src="base64Url" fit="fill" :preview-src-list="[base64Url]" /> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | class="el-button-custom" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | </el-form-item> |
| | | </el-form> |
| | | </CardDialog> |
| | | </template> |
| | |
| | | }); |
| | | |
| | | const formObj = ref({ |
| | | timeArray: [new Date('2025-07-01T00:00:00'), new Date('2025-08-31T23:59:59')], |
| | | timeArray: [new Date('2025-07-01T00:00:00'), new Date('2025-09-30T23:59:59')], |
| | | location: {} |
| | | }); |
| | | |
| | |
| | | districtCode: formObj.value.location.dCode, |
| | | districtName: formObj.value.location.dName |
| | | }, |
| | | removeOtherDistrict: formObj.value.removeOtherDistrict, |
| | | removeNoPollutedSource: formObj.value.removeNoPollutedSource, |
| | | factorTypes: radioOptions(TYPE0).map((e) => e.name) |
| | | }; |
| | | }); |
| | |
| | | } |
| | | |
| | | function generateClueByRiskArea(param) { |
| | | return dataAnalysisApi.fetchClueByRiskArea(param).then((res) => { |
| | | const _param = { |
| | | area: param.area, |
| | | startTime: param.startTime, |
| | | endTime: param.endTime, |
| | | removeOtherDistrict: param.removeOtherDistrict, |
| | | removeNoPollutedSource: param.removeNoPollutedSource |
| | | }; |
| | | return dataAnalysisApi.fetchClueByRiskArea(_param).then((res) => { |
| | | templateParam.clueByAreaList = res.data.map((item, index) => { |
| | | return { |
| | | _index: index + 1, |
| | |
| | | .map((e) => e) |
| | | .join('、'), |
| | | _time: |
| | | moment(clue.pollutedData.startTime).format('HH:mm:ss') + |
| | | moment(clue.pollutedData.startTime).format( |
| | | 'YYYY-MM-DD HH:mm:ss' |
| | | ) + |
| | | ' - ' + |
| | | moment(clue.pollutedData.endTime).format('HH:mm:ss'), |
| | | _riskRegion: clue.pollutedArea.address |
| | |
| | | |
| | | function handleMixClick({ tags = [10, 11], factorName = 'PM25' }) { |
| | | generateGridFusion(params.value).then(() => {}); |
| | | // const fetchGridData = () => { |
| | | // gridApi.mixUnderwayGridData(props.groupId, tags).then((res) => { |
| | | // var min = 1000000; |
| | | // var max = 0; |
| | | // res.data.forEach((v) => { |
| | | // min = Math.min(min, getGridDataDetailFactorValue(v, factorName)); |
| | | // max = Math.max(max, getGridDataDetailFactorValue(v, factorName)); |
| | | // }); |
| | | |
| | | // const gridData = res.data.map((v) => { |
| | | // const data = getGridDataDetailFactorValue(v, factorName); |
| | | // const grid = gridCellList.value.find((g) => { |
| | | // return g.cellIndex == v.cellId; |
| | | // }); |
| | | // // const { color, nextColor, range, nextRange } = |
| | | // // Legend.getStandardColorAndNext('PM25', data); |
| | | // // const ratio = (data - range) / (nextRange - range); |
| | | // // const _color = getColorBetweenTwoColors( |
| | | // // color.map((v) => v * 255), |
| | | // // nextColor.map((v) => v * 255), |
| | | // // ratio |
| | | // // ); |
| | | |
| | | // // 根据遥测数据计算网格颜色 |
| | | // const { color, nextColor, range, nextRange } = |
| | | // Legend.getCustomColorAndNext(data, min, max); |
| | | // const ratio = (data - range) / (nextRange - range); |
| | | |
| | | // const _color = getColorBetweenTwoColors( |
| | | // color.map((v) => v * 255), |
| | | // nextColor.map((v) => v * 255), |
| | | // ratio |
| | | // ); |
| | | // return { |
| | | // centerLng: grid.longitude, |
| | | // centerLat: grid.latitude, |
| | | // value: _color, |
| | | // coordinates: [ |
| | | // [grid.point1Lon, grid.point1Lat], |
| | | // [grid.point2Lon, grid.point2Lat], |
| | | // [grid.point3Lon, grid.point3Lat], |
| | | // [grid.point4Lon, grid.point4Lat] |
| | | // ] |
| | | // }; |
| | | // }); |
| | | // // chartMapAmap.generateGridMap(gridData).then((url) => { |
| | | // // gridBase64Url.value = url; |
| | | // // }); |
| | | // chartMap.generateGridMap(gridData).then((url) => { |
| | | // gridBase64Url.value = url; |
| | | // }); |
| | | // }); |
| | | // }; |
| | | |
| | | // if (gridCellList.value.length == 0) { |
| | | // gridApi |
| | | // .fetchGridCell(props.groupId) |
| | | // .then((res) => { |
| | | // gridCellList.value = res.data; |
| | | // }) |
| | | // .then(() => fetchGridData()); |
| | | // } else { |
| | | // fetchGridData(); |
| | | // } |
| | | } |
| | | |
| | | function generateDocx() { |
| | |
| | | return `${datePart} ${startTimePart}至${endTimePart}`; |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .el-checkbox { |
| | | --el-checkbox-text-color: white; |
| | | } |
| | | </style> |