| | |
| | | <div> |
| | | <el-text type="info"> |
| | | <el-icon><MapLocation /></el-icon> |
| | | {{ |
| | | '所在区域:' + |
| | | (item.pollutedArea.address ? item.pollutedArea.address : '') |
| | | }} |
| | | {{ '所在区域:' + riskRegion }} |
| | | </el-text> |
| | | </div> |
| | | <!-- <div> |
| | |
| | | </BaseCard> |
| | | </template> |
| | | <script setup> |
| | | import { ref } from 'vue'; |
| | | import { ref, computed } from 'vue'; |
| | | |
| | | const props = defineProps({ |
| | | modelValue: Boolean, |
| | |
| | | |
| | | const emits = defineEmits(['showMarksAndPolygon', 'update:modelValue']); |
| | | |
| | | const riskRegion = computed(() => { |
| | | const _riskRegion = []; |
| | | if (props.item.pollutedArea.address) { |
| | | _riskRegion.push(props.item.pollutedArea.address); |
| | | } |
| | | if (props.item.pollutedArea.streetNumber) { |
| | | _riskRegion.push(props.item.pollutedArea.streetNumber); |
| | | } |
| | | if (props.item.pollutedArea.roadinter) { |
| | | _riskRegion.push(props.item.pollutedArea.roadinter); |
| | | } |
| | | return _riskRegion.join(','); |
| | | }); |
| | | |
| | | function showMarksAndPolygon(item) { |
| | | emits('showMarksAndPolygon', item); |
| | | } |