From 60f324eb8f15303f119e36ae7540ecc0c80524ee Mon Sep 17 00:00:00 2001
From: xialiang <1818147@qq.com>
Date: Tue, 2 Nov 2021 14:59:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=81=8A=E5=A4=A9=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8=E9=80=BB=E8=BE=91=E3=80=82=E5=9C=A8=E4=BC=9A=E8=AF=9D?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=AF=BB=E5=8F=96=E5=B7=B2=E9=80=89id?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message/Conversation/ConversationItem.vue | 288 ++++++++++--------
 1 file changed, 153 insertions(+), 135 deletions(-)

diff --git a/src/views/superFusionPlatform/messageProcessing/message/Conversation/ConversationItem.vue b/src/views/superFusionPlatform/messageProcessing/message/Conversation/ConversationItem.vue
index b0aa6c8..fae136e 100644
--- a/src/views/superFusionPlatform/messageProcessing/message/Conversation/ConversationItem.vue
+++ b/src/views/superFusionPlatform/messageProcessing/message/Conversation/ConversationItem.vue
@@ -1,6 +1,6 @@
 <template>
   <li
-    :class="ind == nowIndex ? 'act' : ''"
+    :class="value.targetId == nowTargetId ? 'act' : 'a'"
     class="conversation-content"
     @click="setConversationIndex"
     @mouseenter="mouseenter(true)"
@@ -16,68 +16,91 @@
       v-if="delConversationShow"
     />
     <span style="float: left">
-      <a-badge :count="value.unreadMessageCount">
-        <a-avatar
-          v-if="value.type == 1"
-          icon="user"
-          class="conversation-avatar"
-          style="background-color: #2db7f5"
-          :src="avatar"
-        />
-        <a-avatar
-          v-if="value.type == 3"
-          icon="team"
-          style="background-color: #f59a23"
-          :src="avatar"
-        />
-        <a-avatar
-          v-if="value.type == 6"
-          icon="carry-out"
-          style="background-color: #f59a23"
-        />
-      </a-badge>
+      <span v-if="show">
+        <a-badge :count="value.unreadMessageCount">
+          <a-avatar
+            v-if="value.type == 1"
+            icon="user"
+            class="conversation-avatar"
+            style="background-color: #2db7f5"
+            :src="conData.avatar"
+          />
+          <a-avatar
+            v-if="value.type == 3"
+            icon="team"
+            style="background-color: #f59a23"
+            :src="conData.avatar"
+          />
+          <a-avatar
+            v-if="value.type == 6"
+            icon="carry-out"
+            style="background-color: #f59a23"
+          />
+        </a-badge>
+      </span>
     </span>
     <div class="conversation-name">
-      1<br /><span class="conversation-lastmassage">{{
-        value.latestMessage.content.content
-      }}</span>
+      <span v-if="show">
+        {{ value.type == 1 ? conData.person_name : conData.group_name }}</span
+      >
+      <br /><span class="conversation-lastmassage">
+        {{ value.latestMessage.content.content }}
+      </span>
     </div>
   </li>
 </template>
 
 <script>
-import InterfaceConfig from "./../utils/interfaceConfig";
 import { Avatar, Badge, Button } from "ant-design-vue";
 
 export default {
   name: "ConversationItem",
-  // props: {
-  //   value: {  },
-  //   ind: { type: Number, default: 0 },
-  //   nowIndex: { type: Number, default: 0 },
-  //   targetId: { type: String, default: "" },
-  //   type: {type:String,default:""},
-  //   nowInfo:{},
-  // },
-  props: ["value", "ind", "nowIndex", "targetId", "type", "nowinfo"],
+
+  props: [
+    "value",
+    "ind",
+    "nowIndex",
+    "targetId",
+    "type",
+    "nowinfo",
+    "nowTargetId",
+    "user_info",
+    "target_info",
+  ],
+
   data() {
     return {
       target_name: "",
       name: "",
+      show: false,
       avatar: "",
       data: {},
       delConversationShow: false,
+      conData: {},
+      // user_info: "",
+      // target_info: "",
     };
   },
   watch: {
-    data(e) {
-      this.getConversationItem();
+    conData(e) {
+      this.show = true;
+      // if (this.value.targetId == this.nowTargetId) {
+      //   this.setLocalStorage();
+      // }
     },
   },
   mounted() {
-    this.data = this.value;
     this.getConversationItem();
-    console.log(this.value, "会话列表");
+    this.getUserAvatar();
+    // this.target_info = JSON.parse(localStorage.getItem("conversation_info"));
+    // this.user_info = JSON.parse(localStorage.getItem("user_info"));
+
+    // if (this.nowTargetId == this.user_info.id) {
+    //   this.$emit("update:nowTargetId", this.target_info.targetId);
+    // }
+    this.$emit("update:nowTargetId", this.target_info.targetId);
+    // this.nowTargetId = this.target_info.targetId;
+    // console.log(this.nowTargetId, "nowTargetId111", this.target_info);
   },
 
   components: {
@@ -85,124 +108,119 @@ export default {
     ABadge: Badge,
     AButton: Button,
   },
+
   methods: {
+    // 移除会话列表
     handelDel() {
-      console.log(this.data.type, this.data.targetId, "del");
-      confirm(this.data.type, this.data.targetId, "del").then(() => {
-        const conversation = this.RongIMClient.Conversation.get({
-          targetId: this.data.targetId,
-          type: this.data.type,
-        });
-        conversation.destory().then(() => console.log("删除会话成功"));
-      });
+      console.log(this.value.type, this.value.targetId, "del");
+      // confirm(this.value.type, this.value.targetId, "del").then(() => {
+      //   const conversation = this.RongIMClient.Conversation.get({
+      //     targetId: this.value.targetId,
+      //     type: this.value.type,
+      //   });
+      //   conversation.destory().then(() => console.log("删除会话成功"));
+      // });
+    },
+    // 获取用户名称以及头像
+    getUserAvatar() {
+      let url = "";
+      let params = {};
+      console.log(this.value.type, "this.value.type");
+      if (this.value.type == 1) {
+        url = "/dsSzxy/imRelate/GetPersonAvatar";
+        params = { userId: this.value.targetId };
+      } else {
+        url = "/dsSzxy/imRelate/GetGroupAvatar";
+        params = { groupId: this.value.targetId };
+      }
+      this.InterfaceConfig.callInterface(
+        [
+          {
+            url: url,
+            method: "get",
+            params: {
+              ...params,
+            },
+          },
+        ],
+        (res) => {
+          if (res && res[0]) {
+            // console.log(res[0].data, 11);
+            this.conData = res[0].data;
+          }
+        }
+      );
     },
+    // 鼠标悬停
     mouseenter(e) {
       this.delConversationShow = e;
     },
+    // mounted方法判断是否当前会话，当前会话存入本地存储
     getConversationItem() {
       //判断是否当前index。向列表发送targetID
-      if (this.ind == this.nowIndex) {
-        this.$emit("update:targetId", this.value.targetId);
-        this.$emit("update:type", this.value.type);
+      // console.log(this.value.targetId, 222444, this.nowTargetId, "222223");
+      if (this.value.targetId == this.nowTargetId) {
+        console.log(2222);
         this.$emit("update:nowInfo", {
           targetId: this.value.targetId,
           type: this.value.type,
         });
         // 存入本地存储
-        const conversation_info = {
-          person_name: this.name,
-          avatar: this.avatar,
-          targetId: this.value.targetId,
-          type: this.value.type,
-        };
-        localStorage.setItem(
-          "conversation_info",
-          JSON.stringify(conversation_info)
-        );
+        // this.setLocalStorage();
       }
-
-      //是否扩展信息里面有名称、头像数据
-      // if (!this.value.latestMessage.expansion) {
-      //   if (this.value.type === 1) {
-      //     this.getPersonAvatar(this.value.targetId);
-      //   } else if (this.value.type === 3) {
-      //     this.GetGroupAvatar(this.value.targetId);
-      //   }
-      // }
     },
     // 点击会话列表方法
     setConversationIndex() {
-      // 列表页发送当前索引
+      // this.$emit("update:nowTargetId", this.value.targetId);
+
+      this.$bus.emit("getList", this.value.targetId, this.value.type);
 
-      this.$emit("update:nowIndex", this.ind);
-      // 列表页发送当前targetId
-      this.$emit("update:targetId", this.value.targetId);
-      //列表页发送消息类型
-      this.$emit("update:type", this.value.type);
-      this.$emit("update:nowInfo", {
-        targetId: this.value.targetId,
-        type: this.value.type,
-      });
+      this.$emit("update:nowTargetId", this.value.targetId);
+      this.setLocalStorage();
+      console.log(this, "getList111", this.value.targetId, this.value.type);
     },
+    // 保存本地存储
+    setLocalStorage() {
+      let conversation_info = {};
+      // 存入本地存储
+      if (this.value.type == 1) {
+        this.$bus.emit(
+          "setNowMessageInfo",
+          this.conData.person_name,
+          this.conData.avatar,
+          this.value.type,
+          this.value.targetId
+        );
 
-    // 获取当前名称、头像
-    getPersonAvatar(userId) {
-      this.InterfaceConfig.callInterface(
-        [
-          {
-            url: InterfaceConfig.GetPersonAvatar.url,
-            method: InterfaceConfig.GetPersonAvatar.method,
-            params: {
-              userId,
-            },
-            isTestLogin: InterfaceConfig.GetPersonAvatar.isTestLogin,
-          },
-        ],
-        (result) => {
-          if (result && result[0]) {
-            this.data.latestMessage.expansion = {
-              group_name: "",
-              person_name: result[0].data.person_name,
-              avatar: result[0].data.avatar,
-            };
-            this.data.name = result[0].data.person_name;
-            this.name = result[0].data.person_name;
-            this.avatar = result[0].data.avatar;
+        conversation_info = {
+          user_id: this.user_info.id,
+          person_name: this.conData.person_name,
+          avatar: this.conData.avatar,
+          targetId: this.value.targetId,
+          type: this.value.type,
+        };
+      } else {
+        this.$bus.emit(
+          "setNowMessageInfo",
+          this.conData.group_name,
+          this.conData.avatar,
+          this.value.type,
+          this.value.targetId
+        );
 
-            if (this.ind == this.nowIndex) {
-              this.setConversationIndex();
-            }
-          }
-        }
-      );
-    },
-    // 获取当前群组名称、头像
-    GetGroupAvatar(groupId) {
-      this.InterfaceConfig.callInterface(
-        [
-          {
-            url: InterfaceConfig.GetGroupAvatar.url,
-            method: InterfaceConfig.GetGroupAvatar.method,
-            params: {
-              groupId,
-            },
-            isTestLogin: InterfaceConfig.GetGroupAvatar.isTestLogin,
-          },
-        ],
-        (result) => {
-          if (result && result[0]) {
-            this.data.latestMessage.expansion = {
-              name: "",
-              group_name: result[0].data.group_name,
-              avatar: result[0].data.avatar,
-            };
-            this.name = result[0].data.group_name;
-            this.avatar = result[0].data.avatar;
-            if (this.ind == this.nowIndex) {
-              this.setConversationIndex();
-            }
-          }
-        }
+        conversation_info = {
+          user_id: this.user_info.id,
+          group_name: this.conData.group_name,
+          avatar: this.conData.avatar,
+          targetId: this.value.targetId,
+          type: this.value.type,
+        };
+      }
+      // console.log(this.value, "this.value", conversation_info);
+
+      localStorage.setItem(
+        "conversation_info",
+        JSON.stringify(conversation_info)
       );
     },
   },