聊天页面新增displayName

src/views/Chat/Chat.vue

 <template>
   <div class="flex flex-col flex-nowrap bg-gray-50 h-screen">
-    <NavBar title="我的客服" />
+    <NavBar :title="title" />
     <div
       v-if="!connectionState.connection"
       class="flex flex-row justify-center items-center bg-gray-50 h-full w-full"
@@ -30,7 +30,7 @@
 <script lang="ts">
 /* eslint-disable */
 import NavBar from "@/components/NavBar/index.vue";
-import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch, defineAsyncComponent } from "vue";
+import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch, defineAsyncComponent, computed } from "vue";
 import { connectionState } from "@/store/connectionStore";
 import { getFromId } from "@/store/appCallerStore";
 import { messageStore } from "@/store/messagesStore";
@@ -41,6 +41,7 @@ import { v4 as uuidv4 } from 'uuid'
 import { ChatMessageTypes } from "@/types/chatMessageTypes";
 import { useRoute } from "vue-router";
 import { queryFaqAnswer, queryFaqList } from "@/service/FaqService";
+import { getDisplayNamesFromAddress } from "@/utils/displayName";
 
 
 export default defineComponent({
@@ -141,6 +142,15 @@ export default defineComponent({
       messageStore.messages.push(...messageList);
     })
 
+    const title = ref('')
+
+    onMounted(async () => {
+      const list = await getDisplayNamesFromAddress([target])
+      title.value = list[0];
+    })
+
+
+
 
     return {
       connectionState,
@@ -153,7 +163,8 @@ export default defineComponent({
       useSentence,
       sentenceList,
       optionList,
-      sentensesLoading
+      sentensesLoading,
+      title
     };
   },
 });

src/views/Chat/ChatContentMessage.vue

@@ -16,7 +16,7 @@
           :class="{ 'text-right': fromMyself }"
           style="font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #adadad;
           "
-        >159903</div>
+        ></div>
         <div
           :class="[{ 'flex-row-reverse': fromMyself }]"
           class="flex items-center max-w-chat-msg-bubble"