洪涝灾害界面优化

src/views/censusDataAnalysis/MeteorologicalCalamity/data.ts

@@ -1,7 +1,9 @@
 export const getImageUrl = (name) => {
   return new URL(`../../../assets/images/censusDataAnalysis/MeteorologicalCalamity/${name}.png`, import.meta.url).href;
 };
-
+export const getImageUrl1 = (name) => {
+  return new URL(`../../../assets/images/censusDataAnalysis/forestFire/${name}.png`, import.meta.url).href;
+};
 export const iconList = {
   '1': {
     image: getImageUrl('pool'),
@@ -69,6 +71,3 @@ export const iconList = {
     size: [43, 44]
   }
 };
-export const getImageUrl1 = (name) => {
-  return new URL(`../../../assets/images/censusDataAnalysis/forestFire/${name}.png`, import.meta.url).href;
-};

src/views/censusDataAnalysis/OceanDisaster/RightSection.vue

@@ -124,7 +124,7 @@
 
 <script lang="ts" setup name="RightSection">
 import { setHighText } from '@/utils';
-import { getImageUrl1 } from './data';
+import { getImageUrl2 } from './data';
 const props = defineProps({
   time: String
 });
@@ -161,29 +161,29 @@ let riskDistributionState = reactive({
 });
 
 let riskData = reactive([
-  { name: '公路高边坡', value: '1', icon: getImageUrl1('highwaySlope') },
-  { name: '公路水路风险', value: '1', icon: getImageUrl1('waterwayRisk') },
-  { name: '公路风险点', value: '1', icon: getImageUrl1('highwayRisk') },
-  { name: '公共文化场所', value: '1', icon: getImageUrl1('publicPlace2') },
-  { name: '医疗卫生机构', value: '1', icon: getImageUrl1('hospital2') },
-  { name: '旅游景区', value: '1', icon: getImageUrl1('scenicSpot2') },
-  { name: '宗教活动场所', value: '1', icon: getImageUrl1('religiousPlace2') },
-  { name: '学校', value: '1', icon: getImageUrl1('school2') },
-  { name: '体育场馆', value: '1', icon: getImageUrl1('gymnasium2') },
-  { name: '星级饭店', value: '1', icon: getImageUrl1('restaurant2') },
-  { name: '大型超市', value: '1', icon: getImageUrl1('supermarket2') },
-  { name: '提供住宿的社会服务机构', value: '1', icon: getImageUrl1('socialInstitution2') },
-  { name: '森林消防队伍', value: '1', icon: getImageUrl1('firefightTeam') },
-  { name: '防火道路', value: '1', icon: getImageUrl1('fireproofRoad') },
-  { name: '防火物资储备点', value: '1', icon: getImageUrl1('materialReservePoint') },
-  { name: '尾矿库', value: '1', icon: getImageUrl1('tailingPond2') },
-  { name: '金属非金属露天矿山', value: '1', icon: getImageUrl1('opencastMine2') },
-  { name: '废石场', value: '1', icon: getImageUrl1('wasteRockYard2') },
-  { name: '金属非金属地下矿山', value: '1', icon: getImageUrl1('undergroundMine2') },
-  { name: '排土场', value: '1', icon: getImageUrl1('dischargePlace2') },
-  { name: '化工园区', value: '1', icon: getImageUrl1('park2') },
-  { name: '危化油气企业', value: '1', icon: getImageUrl1('oilAndGasCompany') },
-  { name: '加油加气站', value: '1', icon: getImageUrl1('gasStation2') }
+  { name: '公路高边坡', value: '1', icon: getImageUrl2('highwaySlope') },
+  { name: '公路水路风险', value: '1', icon: getImageUrl2('waterwayRisk') },
+  { name: '公路风险点', value: '1', icon: getImageUrl2('highwayRisk') },
+  { name: '公共文化场所', value: '1', icon: getImageUrl2('publicPlace2') },
+  { name: '医疗卫生机构', value: '1', icon: getImageUrl2('hospital2') },
+  { name: '旅游景区', value: '1', icon: getImageUrl2('scenicSpot2') },
+  { name: '宗教活动场所', value: '1', icon: getImageUrl2('religiousPlace2') },
+  { name: '学校', value: '1', icon: getImageUrl2('school2') },
+  { name: '体育场馆', value: '1', icon: getImageUrl2('gymnasium2') },
+  { name: '星级饭店', value: '1', icon: getImageUrl2('restaurant2') },
+  { name: '大型超市', value: '1', icon: getImageUrl2('supermarket2') },
+  { name: '提供住宿的社会服务机构', value: '1', icon: getImageUrl2('socialInstitution2') },
+  { name: '森林消防队伍', value: '1', icon: getImageUrl2('firefightTeam') },
+  { name: '防火道路', value: '1', icon: getImageUrl2('fireproofRoad') },
+  { name: '防火物资储备点', value: '1', icon: getImageUrl2('materialReservePoint') },
+  { name: '尾矿库', value: '1', icon: getImageUrl2('tailingPond2') },
+  { name: '金属非金属露天矿山', value: '1', icon: getImageUrl2('opencastMine2') },
+  { name: '废石场', value: '1', icon: getImageUrl2('wasteRockYard2') },
+  { name: '金属非金属地下矿山', value: '1', icon: getImageUrl2('undergroundMine2') },
+  { name: '排土场', value: '1', icon: getImageUrl2('dischargePlace2') },
+  { name: '化工园区', value: '1', icon: getImageUrl2('park2') },
+  { name: '危化油气企业', value: '1', icon: getImageUrl2('oilAndGasCompany') },
+  { name: '加油加气站', value: '1', icon: getImageUrl2('gasStation2') }
 ]);
 const getColor = (text) => {
   for (let i = 0; i < colorText.value.length; i++) {

src/views/censusDataAnalysis/OceanDisaster/data.ts

@@ -1,7 +1,7 @@
 export const getImageUrl = (name) => {
   return new URL(`../../../assets/images/censusDataAnalysis/OceanDisaster/${name}.png`, import.meta.url).href;
 };
-export const getImageUrl1 = (name) => {
+export const getImageUrl2 = (name) => {
   return new URL(`../../../assets/images/censusDataAnalysis/forestFire/${name}.png`, import.meta.url).href;
 };
 export const iconList = {