修复线上图片显示异常

src/views/disasterRiskMonitor/galeDisaster.vue

@@ -88,6 +88,7 @@
 <script lang="ts" setup>
 import { onMounted, reactive, ref } from "vue";
 import { ElTable, ElTableColumn } from "element-plus";
+import icon1 from '@/assets/images/disasterRiskMonitor/galeDisaster/icon1.png'
 
 const option1 = reactive([
   { text: "1h", value: "1" },
@@ -115,7 +116,7 @@ const detailsData = ref({
 });
 const initData = () => {
   detailsData.value = {
-    img: "src/assets/images/disasterRiskMonitor/galeDisaster/icon1.png",
+    img: icon1,
     text: "截至2024年10月29日17时，茂名地区遭受大风影响，平均风速达到20米/秒以上，部分地区阵风超过24米/秒。目前，电白区、茂南区等地已启动应急预案，提醒市民减少外出，确保人身安全。各监测站点正持续监控风速变化，并将实时更新信息。",
     dataList: [
       {

src/views/disasterRiskMonitor/warningSituation.vue

@@ -12,25 +12,25 @@
         <template #default="scope">
           <img
             v-if="scope.row.level === '1'"
-            :src="'src/assets/images/disasterRiskMonitor/warningSituation/icon5.png'"
+            src="@/assets/images/disasterRiskMonitor/warningSituation/icon5.png"
             alt="blue alert"
             class="alert-icon"
           />
           <img
             v-else-if="scope.row.level === '2'"
-            :src="'src/assets/images/disasterRiskMonitor/warningSituation/icon2.png'"
+            src="@/assets/images/disasterRiskMonitor/warningSituation/icon2.png"
             alt="yellow alert"
             class="alert-icon"
           />
           <img
             v-else-if="scope.row.level === '3'"
-            :src="'src/assets/images/disasterRiskMonitor/warningSituation/icon3.png'"
+            src="@/assets/images/disasterRiskMonitor/warningSituation/icon3.png"
             alt="orange alert"
             class="alert-icon"
           />
           <img
             v-else-if="scope.row.level === '4'"
-            :src="'src/assets/images/disasterRiskMonitor/warningSituation/icon4.png'"
+            src="@/assets/images/disasterRiskMonitor/warningSituation/icon4.png"
             alt="red alert"
             class="alert-icon"
           />
@@ -73,6 +73,7 @@
 <script lang="ts" setup name="warningSituation">
 import { onMounted, reactive, ref } from "vue";
 import { ElTable, ElTableColumn } from "element-plus";
+import icon1 from '@/assets/images/disasterRiskMonitor/warningSituation/icon1.png'
 
 const labelData = reactive({
   type: "",
@@ -116,7 +117,7 @@ const getLabel = (data: string) => {
 };
 const initData = () => {
   detailsData.value = {
-    img: "src/assets/images/disasterRiskMonitor/warningSituation/icon1.png",
+    img: icon1,
     dataList: [
       {
         area: "电白",