矛盾调解

project/sass/apps/AppReportAiWill/components/Detail.vue

@@ -1,14 +1,16 @@
 <template>
   <ai-detail class="reportAtWillDetail" v-loading="isLoading">
     <template #title>
-      <ai-title title="事件上报详情" isShowBack isShowBottomBorder  @onBackClick="cancel(false)"></ai-title>
+      <ai-title title="矛盾调解详情" isShowBack isShowBottomBorder  @onBackClick="cancel(false)"></ai-title>
     </template>
     <template #content>
       <div class="detail-content__wrapper">
         <ai-card class="detail-content__wrapper--left" title="基础信息">
           <template #content>
             <ai-wrapper>
-              <ai-info-item label="上报人员" :value="detail.name"></ai-info-item>
+              <ai-info-item label="上报人员">
+                <ai-open-data type="userName" :openid="detail.name" />
+              </ai-info-item>
               <ai-info-item label="当前状态" :value="dict.getLabel('clapEventStatus', detail.eventStatus)"></ai-info-item>
               <ai-info-item label="联系方式">{{ detail.phone }}</ai-info-item>
               <ai-info-item label="上报时间">{{ detail.createTime }}</ai-info-item>
@@ -35,7 +37,8 @@
                   :description="item.doTime">
                   <template #title>
                     <h2 class="step-title" style="font-weight: 500; font-size: 14px;">
-                      {{ item.systemExplain }}
+                      <ai-open-data type="userName" :openid="item.user" />
+                      {{ item.title }}
                     </h2>
                   </template>
                   <template #description>
@@ -64,7 +67,8 @@
     data() {
       return {
         isLoading: true,
-        detail: {}
+        detail: {},
+        processList: []
       }
     },
 
@@ -85,7 +89,12 @@
         }).then(res => {
           if (res?.data) {
             this.detail = res.data
-            this.processList = res.data.processList
+            this.processList = res.data.processList.map(item => {
+              item.user = /\$(.+?)\$/g.exec(item.systemExplain)[1]
+              item.title = item.systemExplain.replace(/\$(.+?)\$/g, '')
+
+              return item
+            })
 
             this.$nextTick(() => {
               this.initMap()