From cb54b45446fcc4e3b172b05c1e619a695579385d Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Tue, 17 Dec 2024 13:53:37 +0800
Subject: [PATCH] =?UTF-8?q?UI=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/common.scss             | 53 ++++++++++++++++++++++++
 src/pages/case-management/index.vue      |  6 +++
 src/pages/mediation-management/index.vue |  9 +++-
 3 files changed, 66 insertions(+), 2 deletions(-)

diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 9b2206b..7a02186 100644
--- a/src/assets/style/common.scss
+++ b/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::状态标签样式 =============================== 
 
diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue
index 5c22101..30499d3 100644
--- a/src/pages/case-management/index.vue
+++ b/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="">
diff --git a/src/pages/mediation-management/index.vue b/src/pages/mediation-management/index.vue
index 72a6b54..c0be41d 100644
--- a/src/pages/mediation-management/index.vue
+++ b/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="handleDelete(scope)">删除</el-button>
+                                            <el-button size="mini" class="case-btn" @click="jumpUrl(`/case-detail?dataKey=casepack&caseId=${scope.row.id}`)">立即调解</el-button>
                                         </span>
                                     </div>
                                     <div class="flex-row justify-content-between case-bg">