From 91086344e0e5397f9da94a31a651591e7f564aad Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Thu, 26 Dec 2024 10:34:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E7=B3=BB=E4=BA=BA=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LayoutContent.vue              | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/pages/mediation-page/components/LayoutContent.vue b/src/pages/mediation-page/components/LayoutContent.vue
index 1422c9a..df165dc 100644
--- a/src/pages/mediation-page/components/LayoutContent.vue
+++ b/src/pages/mediation-page/components/LayoutContent.vue
@@ -116,13 +116,18 @@
                 </div>
               </div>
 
-              <!-- 联系人信息 -->
+              <!-- 联系人信息 --> 
               <div v-if="leftActive == 2" class="case-contact-person">
                 <div class="mb-16 flex-row justify-content-between">
                   <span class="f-weight500 f18">联系人信息</span>
                   <span class="cursor-pointer" @click="contactAddFlag = true"><i
                       class="el-icon-plus"></i> 添加联系人</span>
                 </div>
+                <div class="mb-16 flex-row justify-content-between">
+                  <span class="f14 contact-person-type">被申请人</span>
+                  <span class="f14 contact-person-type">申请人</span>
+                  <span class="f14 contact-person-type">申请人代理人</span>
+                </div>
                 <div v-if="contactAddFlag" class="case-detail-des flex-column mb-16">
                   <div class="flex-row justify-content-between">
                     <div class="flex-row mb-8">
@@ -287,7 +292,7 @@
                   <span class="btn-communication border-E5E6EB"><i class="el-icon-edit-outline"></i> 编辑沟通记录</span>
                 </div>
                 <div class="case-lable">
-                  <a class="case-status0">半失联客户</a><a class="case-status0">半失联客户</a>
+                  <a class="case-status0">半失联客户</a>
                 </div>
                 <div class="flex-row justify-content-between mt-16 background-color-F5F5F5 p-16 f16">
                   <div>
@@ -313,7 +318,7 @@
                   <span class="btn-communication border-E5E6EB"><i class="el-icon-edit-outline"></i> 编辑沟通记录</span>
                 </div>
                 <div class="case-lable">
-                  <a class="case-status0">半失联客户</a><a class="case-status0">半失联客户</a>
+                  <a class="case-status0">重点客户</a>
                 </div>
                 <div class="flex-row justify-content-between mt-16 background-color-F5F5F5 p-16 f16">
                   <div>
@@ -784,6 +789,16 @@ export default {
         border-radius: 25px 0px 0px 25px;
         padding: 20px 30px;
 
+        .case-contact-person{
+          .contact-person-type{
+            background-color: #F2F3F5;
+            padding:5px 15px;
+            border-radius: 8px;
+            margin: 0 5px;
+            cursor: pointer;
+          }
+        } 
+
         .case-detail-des {
           border: solid 1px #E5E6EB;
           padding: 10px 15px;