27353 27398

src/saas/AppConflictMediation/detail.vue

@@ -54,11 +54,10 @@
         <div class="cards" v-for="(item, index) in data.processList" :key="index">
           <div class="cardss">
             <div class="cardss-left">
-              <span>
+              <div class="card-img">
                 <AiOpenData v-if="item.openId" type="userName" :openid="item.openId" style="display: inline-block; font-size:12px;"/>
-              </span>
-
-              <img src="./components/1.png" class="avatarIcon" alt="" />
+                <img src="./components/1.png" class="avatarIcon" alt="" />
+              </div>
             </div>
 
             <div class="cardss-right">
@@ -71,10 +70,10 @@
                   </div>
                 </div>
               </div>
-
-              <div class="cardees-right-right">{{ item.doTime }}</div>
             </div>
 
+            <div class="cardees-right-right">{{ item.doTime }}</div>
+
             <div class="lines"></div>
           </div>
 
@@ -277,36 +276,37 @@ uni-page-body {
         padding-bottom: 80px;
         .cardss {
           display: flex;
-          justify-content: space-between;
+          width: 100%;
 
           .cardss-left {
-            position: relative;
-            width: 80px;
-            height: 80px;
-            text-align: center;
-            line-height: 80px;
-            color: #fff;
-            background: #197df0;
-            border: 1px solid #dddddd;
-            border-radius: 50%;
-            font-size: 28px;
-            z-index: 9;
+            width: 15%;
 
-            .avatarIcon {
-              position: absolute;
-              bottom: 0;
-              right: 0;
-              width: 38px;
-              height: 38px;
+            .card-img {
+              position: relative;
+              width: 80px;
+              height: 80px;
+              text-align: center;
+              line-height: 80px;
+              color: #fff;
+              background: #197df0;
+              border: 1px solid #dddddd;
+              border-radius: 50%;
+              font-size: 28px;
+              z-index: 999;
+
+              .avatarIcon {
+                position: absolute;
+                bottom: 0;
+                right: 0;
+                width: 38px;
+                height: 38px;
+              }
             }
           }
           .cardss-right {
-            width: calc(100% - 184px);
-            display: flex;
-            justify-content: space-between;
+            width: 60%;
             .cardsss-right-left {
               .cardssss-right-left-top {
-                width: 300px;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 font-size: 32px;
@@ -317,11 +317,14 @@ uni-page-body {
                 color: #666666;
               }
             }
-            .cardees-right-right {
-              font-size: 28px;
-              color: #999999;
-            }
           }
+
+          .cardees-right-right {
+            width: 25%;
+            font-size: 28px;
+            color: #999999;
+          }
+
           .lines {
             position: absolute;
             top: 0;

src/saas/AppConflictMediation/myReply.vue

@@ -57,7 +57,7 @@ export default {
   methods: {
     getList() {
       this.$http
-        .post(`/app/appclapeventinfo/listByGirdMember`, null, {
+        .post(`/app/appclapeventinfo/list`, null, {
           params: {
             size: 10,
             current: this.current,