no message

src/components/Complaints/ComplaintsDetail.vue

@@ -163,13 +163,24 @@
   }
 
   .CD_dealResult:hover {
-    text-decoration: underline;
-    color: #E95252;
+    /* text-decoration: underline; */
+    /* color: #E95252; */
+  }
+  .CD_dealResultf{
+    border-radius: 3px;
+    background-color: #33B3FF;
+    color: #fff;
+    cursor: pointer;
   }
   .CD_dealResultf:hover {
-    text-decoration: underline;
-    color: #E95252;
+    /* text-decoration: underline; */
+    background-color: #E95252;
+    color: #fff;
   }
+  .ComplaintsDetail .CD_aboutList ul li span.CD_dealResult,.ComplaintsDetail .CD_aboutList ul li span.CD_dealResultf{
+    width: auto;
+  }
+
   .CD_ListLi li {
     border: 1px solid #ccc;
     padding: 4px 8px;
@@ -189,6 +200,20 @@
   .CD_ListLi li.checked {
     border: 1px #d81e06 solid;
   }
+  .CD_dealResultfZD{
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+  }
+  .CD_dealResultfZD span{
+    width: auto;
+  }
+  .CD_dealResultfZD div span{
+    height: 20px;
+    line-height: 20px;
+    margin-left: 3px;
+    padding: 0 2px;
+  }
 </style>
 <template>
   <div v-loading="loading">
@@ -237,19 +262,25 @@
             <li v-if="ComplainInfo.DisposeStatus===4">
               <span>已赔金额：</span>{{getBackMoney()}}
             </li>
-            <li
+            <li style="display: flex;width: 100%;"
               v-if="ComplainInfo.DisposeStatus===4&&(getLocalStorage().EmployeeId===ComplainInfo.CreateBy || getLocalStorage().EmployeeId===ComplainDetial[ComplainDetial.length-1].CreateBy||authority.indexOf('S_Complain_Finance')!=-1)">
-              <span>立即制单：</span>
-              <span  style="width:auto;" v-for="compensation in ComplainCompensation"><span style="width:auto;cursor: pointer;"  class="CD_dealResult"
-                    >{{compensation.CompensateMoney}}</span>
-                  <span style="width:auto;cursor: pointer;" class="CD_dealResultf" @click="setFinance(compensation)">
-                    付款单
-                  </span>
-                  <span style="width:auto;cursor: pointer;"  class="CD_dealResultf" @click="setFinanceYL(compensation)">
-                    原路退款
-                  </span>
+              <span style="flex-shrink: 0;">立即制单：</span>
+              <div class="CD_dealResultfZD" v-for="(compensation,index) in ComplainCompensation"
+              :style="{'margin-left':index!=0?'20px':''}">
+                  <span class="CD_dealResult"
+                    >{{compensation.CompensateMoney}}
                   </span>
-             
+                  <div>
+                    <span class="CD_dealResultf" @click="setFinance(compensation)">
+                      付款单
+                    </span>
+                    <span class="CD_dealResultf" @click="setFinanceYL(compensation)">
+                      原路退款
+                    </span>
+                  </div>
+
+                </div>
+
             </li>
             <li
               v-if="ComplainInfo.DisposeStatus===4&&getLocalStorage().EmployeeId===ComplainDetial[ComplainDetial.length-1].CreateBy">
@@ -789,7 +820,7 @@
           else{
             money += x.BackMoney
           }
-          
+
         })
         return money
       },