From b1da8095ac334e9edbe549487b659e41a5b50ee4 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Wed, 14 Jun 2023 17:47:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=85=E9=83=A8=E5=A4=96=E9=83=A8=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pidu/AppConversation/AppConversation.vue  | 38 ++++++++++++++++---
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/project/pidu/AppConversation/AppConversation.vue b/src/project/pidu/AppConversation/AppConversation.vue
index 5ef1aa7f..0d2f7da6 100644
--- a/src/project/pidu/AppConversation/AppConversation.vue
+++ b/src/project/pidu/AppConversation/AppConversation.vue
@@ -44,10 +44,14 @@
     </AiTopFixed>
     <div class="user-list" v-if="list.length">
       <div class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
-        <img :src="item.toUserAvatar" alt="" v-if="currentTabs == 1">
-        <p v-if="currentTabs == 1">{{item.toUserName}}</p>
-        <img src="./img/group-img.png" alt="" v-if="currentTabs != 1">
-        <p v-if="currentTabs != 1">{{item.roomName}}</p>
+        <div class="flex-left">
+          <img :src="item.toUserAvatar" alt="" v-if="currentTabs == 1">
+          <p v-if="currentTabs == 1">{{item.toUserName}}</p>
+          <img src="./img/group-img.png" alt="" v-if="currentTabs != 1">
+          <p v-if="currentTabs != 1">{{item.roomName}}</p>
+        </div>
+        <div class="flex-right" :class="`type`+item.roomType" v-if="currentTabs == 1 && item.roomType > 0">{{item.roomType == 1 ? '内部' : '外部'}}</div>
+        <div class="flex-right" :class="`type`+item.toUserType" v-if="currentTabs != 1 && item.toUserType > 0">{{item.toUserType == 1 ? '内部' : '外部'}}</div>
       </div>
     </div>
     <AiEmpty v-else/>
@@ -195,8 +199,30 @@ export default {
     border-top: 1px solid #eee;
     background-color: #fff;
     .item {
-      padding: 24px 0 0 32px;
+      padding: 24px 32px 0 32px;
       display: flex;
+      justify-content: space-between;
+      .flex-left {
+        padding-right: 8px;
+        box-sizing: border-box;
+      }
+      .flex-right {
+        font-size: 12px;
+        margin-top: 26px;
+        width: 56px;
+        height: 28px;
+        line-height: 28px;
+        text-align: center;
+        border-radius: 4px;
+      }
+      .type1 {
+        background-color: #EAF4FF;
+        color: #267EF0;
+      }
+      .type2 {
+        background-color: #FDEEE1;
+        color: #FB7D29;
+      }
       img {
         width: 80px;
         height: 80px;
@@ -213,6 +239,8 @@ export default {
         color: #333;
         letter-spacing: 0.3px;
         border-bottom: 1px solid #eee;
+        display: inline-block;
+        vertical-align: top;
       }
     }
     .item:nth-last-child(1) {