UI标签

src/assets/style/common.scss

@@ -756,6 +756,59 @@ html{
  }
 
 
+ .case-lable{
+    a{ 
+        padding:2px 5px;
+        font-size: 12px;
+        border:solid 1px #fdf6ec;
+        border-radius: 3px;
+        margin: 0 5px;
+    }
+    // 调解进度 承诺客户、重点客户
+    .case-status0{
+        background-color: #ecf5ff;
+        border-color: #d9ecff;
+        color: #409EFF;
+    }
+    
+    // 已结清客户、疑难账户、失联账户、半失联账户、投诉倾向客户
+    .case-status1{
+        background-color: #fef0f0;
+        border-color: #fde2e2;
+        color: #f56c6c;
+    }
+    // 部分还款账户、适诉案件、可联账户、分期客户
+    .case-status2{
+        background-color: #fdf6ec;
+        border-color: #faecd8;
+        color: #e6a23c
+    }
+    // 已签署协议  
+    .case-status3{
+        background-color: #f0f9eb;
+        border-color: #e1f3d8;
+        color: #67c23a;
+    }
+    
+
+    // 案件状态1-调解成功、0-调解失败、2-暂存
+    .result-status0{
+        background-color: #fef0f0;
+        border-color: #fde2e2;
+        color: #f56c6c;
+    }
+    .result-status1{
+        background-color: #f0f9eb;
+        border-color: #e1f3d8;
+        color: #67c23a;
+    }
+    .result-status2{
+        background-color: #fdf6ec;
+        border-color: #faecd8;
+        color: #e6a23c
+    }
+
+ }
 
  //=================== end::状态标签样式 =============================== 
 

src/pages/case-management/index.vue

@@ -239,6 +239,12 @@
                                         <span class="f-weight500 color-000 f16">被申请人：
                                             <a v-for="(item,index) in scope.row.debtorEntityList" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
                                         </span>
+                                        <span class="case-lable">
+                                            <a class="case-status0">承诺客户</a>
+                                            <a class="case-status1">疑难客户</a>
+                                            <a class="case-status2">分期客户</a>
+                                            <a class="case-status3">已签署协议</a>
+                                        </span>
                                     </div>
                                     <div class="flex-row justify-content-between table-span-one">
                                         <span class="">

src/pages/mediation-management/index.vue

@@ -257,6 +257,12 @@
                                         <span class="f-weight500 color-000 f16">被申请人：
                                             <a v-for="(item,index) in scope.row.debtorEntityList" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
                                         </span>
+                                        <span class="case-lable">
+                                            <a class="case-status0">承诺客户</a>
+                                            <a class="case-status1">疑难客户</a>
+                                            <a class="case-status2">分期客户</a>
+                                            <a class="case-status3">已签署协议</a>
+                                        </span>
                                     </div>
                                     <div class="flex-row justify-content-between table-span-one">
                                         <span class="">
@@ -284,8 +290,7 @@
                                             <p class="color-000">{{ scope.row.mediatorName }}</p>
                                         </span>
                                         <span  style=" text-align: right;">
-                                            <el-button size="mini" class="case-btn" @click="jumpUrl(`/case-detail?dataKey=casepack&caseId=${scope.row.id}`)">查看详情</el-button>
+                                            <el-button size="mini" class="case-btn" @click="jumpUrl(`/case-detail?dataKey=casepack&caseId=${scope.row.id}`)">立即调解</el-button>
-                                            <el-button size="mini" class="case-btn" @click="handleDelete(scope)">删除</el-button>
                                         </span>
                                     </div>
                                     <div class="flex-row justify-content-between case-bg">