fix

src/views/HomePage/index.tsx

@@ -205,7 +205,11 @@ export default defineComponent({
                   </p>
                   <p>
                     <img src={icon_source} />
-                    事件来源：{item.source}
+                    事件来源：
+                    {commonStore.globalDict['zhdd_incident_source']?.find(
+                      (i) =>
+                        i.dictValue?.toString() === item.source?.toString(),
+                    )?.dictLabel ?? '-'}
                   </p>
                 </div>
               ))}

src/views/IncidentManagementDetail/index.scss

@@ -1,13 +1,18 @@
 .incident-detail-container {
-  position: relative;
-  margin-top: 46px;
-  .title {
-    background: #ffffff;
-    line-height: 22px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #333333;
-    padding: 12px 15px;
-    margin-bottom: 10px;
-  }
-}
+    position: relative;
+    margin-top: 46px;
+    .title {
+        background: #ffffff;
+        line-height: 22px;
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+        padding: 12px 15px;
+        margin-bottom: 10px;
+    }
+    .icon-i {
+        width: 20px;
+        height: 20px;
+        margin-right: 8px;
+    }
+}

src/views/IncidentManagementDetail/index.tsx

@@ -14,6 +14,26 @@ import {
   CollapseItem,
   Loading,
 } from 'vant';
+/** @ts-ignore */
+import icon_communication from '@/assets/icons/incident/communication@2x.png';
+/** @ts-ignore */
+import icon_detail from '@/assets/icons/incident/detail@2x.png';
+/** @ts-ignore */
+import icon_information from '@/assets/icons/incident/information@2x.png';
+/** @ts-ignore */
+import icon_plan from '@/assets/icons/incident/plan@2x.png';
+/** @ts-ignore */
+import icon_yjck from '@/assets/icons/incident/yjck@2x.png';
+/** @ts-ignore */
+import icon_yjya from '@/assets/icons/incident/yjya@2x.png';
+
+
+
+
+
+
+
+
 
 export default defineComponent({
   name: 'IncidentManagementDetail',
@@ -76,7 +96,10 @@ export default defineComponent({
           <div class="title">{store.incidentDetail?.baseInfo?.name}</div>
         </Sticky>
         <Collapse v-model={activeNames.value}>
-          <CollapseItem title="事件信息" name="事件信息">
+          <CollapseItem
+            title="事件信息"
+            name="事件信息"
+            v-slots={{ icon: <img class="icon-i" src={icon_information} /> }}>
             <p>
               事件类型：
               {
@@ -99,20 +122,38 @@ export default defineComponent({
             </p>
             <p>事件时间：{store.incidentDetail?.baseInfo?.createTime}</p>
             <p>地点：{store.incidentDetail?.baseInfo?.addr}</p>
-            <p>事件来源：{store.incidentDetail?.baseInfo?.source}</p>
+            <p>事件来源：{ commonStore.globalDict["zhdd_incident_source"]?.find(
+                      (i) =>
+                        i.dictValue?.toString() ===
+                        (
+                          store.incidentDetail?.baseInfo["source"]
+                        )?.toString()
+                    )?.dictLabel ?? "-" }</p>
           </CollapseItem>
-          <CollapseItem title="应急预案" name="应急预案">
-            {planOptions.value?.map((d) => (
-              <p>{d}</p>
+          <CollapseItem
+            title="应急预案"
+            name="应急预案"
+            v-slots={{ icon: <img class="icon-i" src={icon_yjya} /> }}>
+            {planOptions.value?.map((d,index) => (
+              <p>{ index+1 }、{d}</p>
             ))}
           </CollapseItem>
-          <CollapseItem title="处置方案" name="处置方案">
+          <CollapseItem
+            title="处置方案"
+            name="处置方案"
+            v-slots={{ icon: <img class="icon-i" src={icon_plan} /> }}>
             123
           </CollapseItem>
-          <CollapseItem title="处置详情" name="处置详情">
+          <CollapseItem
+            title="处置详情"
+            name="处置详情"
+            v-slots={{ icon: <img class="icon-i" src={icon_detail} /> }}>
             123
           </CollapseItem>
-          <CollapseItem title="融合通信" name="融合通信">
+          <CollapseItem
+            title="融合通信"
+            name="融合通信"
+            v-slots={{ icon: <img class="icon-i" src={icon_communication} /> }}>
             123
           </CollapseItem>
         </Collapse>