From 31fdf5cc287e03720e59adce958245eaed67bf03 Mon Sep 17 00:00:00 2001
From: satori <huan0016@gmail.com>
Date: Mon, 7 Feb 2022 01:46:11 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E5=AE=A4=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DialogueList.vue |  4 ++--
 pages/chat/index.vue        | 25 +++++++++++++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/components/DialogueList.vue b/components/DialogueList.vue
index 4ed0c0f..802f344 100644
--- a/components/DialogueList.vue
+++ b/components/DialogueList.vue
@@ -2,9 +2,9 @@
 .dialogue-list
   .post(v-for="item in data", :key="item._id")
     .left
-      .avatar
+      img.avatar(:src="item.user.avatar")
     .right
-      .name Last
+      .name {{ item.user.name }}
       .message {{ item.data }}
 </template>
 
diff --git a/pages/chat/index.vue b/pages/chat/index.vue
index 9b04ce5..6748f47 100644
--- a/pages/chat/index.vue
+++ b/pages/chat/index.vue
@@ -17,7 +17,6 @@
           button.submit(@click="submit") 发表
 </template>
 
-
 <style lang="sass">
 .chat-index
   textarea.dialogue
@@ -36,7 +35,6 @@
       flex: 1
 </style>
 
-
 <script>
 import socket from "@/assets/js/socket.js";
 
@@ -44,14 +42,17 @@ export default {
   asyncData({ $axios }) {
     return $axios("/api/chat").then((res) => {
       return {
+        userstore: new Map(),
         chatlist: res.data,
         chat: { data: "" },
-        chatactive: [{ _id: "2333", data: "cacd" }],
+        chatactive: [],
       };
     });
   },
   mounted() {
-    socket.controller.set("chat", (data) => {
+    socket.controller.set("chat", async (data) => {
+      // 为数据添加 user 信息
+      data.user = await this.loaduser(data.uid);
       this.chatactive.push(data);
       console.log(data);
     });
@@ -59,6 +60,22 @@ export default {
     this.keyCodeForEvent();
   },
   methods: {
+    async loaduser(uid) {
+      if (!uid || uid === "0") {
+        return { _id: "0", name: "游客", avatar: "" };
+      }
+      let user = this.userstore.get(uid);
+      if (!user) {
+        return await this.$axios.get("/api/user/" + uid).then((res) => {
+          if (res.status === 200) {
+            this.userstore.set(uid, res.data);
+            return res.data;
+          }
+          return { _id: "0", name: "游客", avatar: "" };
+        });
+      }
+      return user;
+    },
     create() {
       let data = { name: "FM DEMO", data: "23333" };
       this.$axios.post("/api/chat", data).then((res) => {