diff --git a/src/project/qujing/AppConflictMediation/detail.vue b/src/project/qujing/AppConflictMediation/detail.vue
index 59d4388d..2f46edaf 100644
--- a/src/project/qujing/AppConflictMediation/detail.vue
+++ b/src/project/qujing/AppConflictMediation/detail.vue
@@ -46,18 +46,16 @@
           <div class="cardss">
             <div class="cardss-left">
               <div class="card-img">
-                <div v-text="transTxt(item.systemExplain)[1]" style="display: inline-block; font-size:12px;"/>
+                <div v-text="transTxt(item.systemExplain).avatar" style="display: inline-block; font-size:12px;"/>
                 <img src="./components/1.png" class="avatarIcon" alt=""/>
               </div>
             </div>
-            <div class="cardss-right">
-              <div class="cardsss-right-left">
-                <div class="cardssss-right-left-top">
-                  <div v-text="transTxt(item.systemExplain)[1]"/>
-                  <div v-html="transTxt(item.systemExplain)[2]" style="display: inline-block;" v-if="transTxt(item.systemExplain).length < 5"/>
-                  <div v-if="transTxt(item.systemExplain).length>3" v-text="`转交给${transTxt(item.systemExplain)[3]}`"/>
-                  {{ $dict.getLabel('clapDoStatus', item.doStatus) }}
-                </div>
+            <div class="fill mar-l8">
+              <div class="cardssss-right-left-top flex">
+                <div v-text="transTxt(item.systemExplain).name"/>
+                <div v-html="transTxt(item.systemExplain).desc"/>
+                <div v-if="transTxt(item.systemExplain).transfer" v-text="`转交给${transTxt(item.systemExplain).transfer}`"/>
+                <div v-text="$dict.getLabel('clapDoStatus', item.doStatus)"/>
               </div>
             </div>
           </div>
@@ -116,9 +114,9 @@ export default {
   },
   methods: {
     transTxt(str) {
-      return str.split("$")
+      const [, name, desc, transfer] = str?.split("$") || []
+      return {avatar: name?.slice(0, 1)?.toUpperCase() || '无名', name, desc, transfer}
     },
-
     getDetail() {
       this.$http.post(`/app/appconflicteventinfo/queryDetailById?id=${this.id}`).then((res) => {
         if (res?.data) {
@@ -276,7 +274,7 @@ uni-page-body {
           width: 100%;
 
           .cardss-left {
-            width: 15%;
+            width: 80px;
 
             .card-img {
               position: relative;
@@ -301,22 +299,10 @@ uni-page-body {
             }
           }
 
-          .cardss-right {
-            width: 60%;
-
-            .cardsss-right-left {
-              .cardssss-right-left-top {
-                overflow: hidden;
-                text-overflow: ellipsis;
-                font-size: 32px;
-              }
-
-              .cardssss-right-left-bottom {
-                margin-top: 10px;
-                font-size: 28px;
-                color: #666666;
-              }
-            }
+          .cardssss-right-left-top {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-size: 32px;
           }
 
           .cardees-right-right {