Commit 7233331a authored by CHENQIKUAI's avatar CHENQIKUAI

聊天页面新增displayName

parent e3e0d44c
<template> <template>
<div class="flex flex-col flex-nowrap bg-gray-50 h-screen"> <div class="flex flex-col flex-nowrap bg-gray-50 h-screen">
<NavBar title="我的客服" /> <NavBar :title="title" />
<div <div
v-if="!connectionState.connection" v-if="!connectionState.connection"
class="flex flex-row justify-center items-center bg-gray-50 h-full w-full" class="flex flex-row justify-center items-center bg-gray-50 h-full w-full"
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
<script lang="ts"> <script lang="ts">
/* eslint-disable */ /* eslint-disable */
import NavBar from "@/components/NavBar/index.vue"; 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 { connectionState } from "@/store/connectionStore";
import { getFromId } from "@/store/appCallerStore"; import { getFromId } from "@/store/appCallerStore";
import { messageStore } from "@/store/messagesStore"; import { messageStore } from "@/store/messagesStore";
...@@ -41,6 +41,7 @@ import { v4 as uuidv4 } from 'uuid' ...@@ -41,6 +41,7 @@ import { v4 as uuidv4 } from 'uuid'
import { ChatMessageTypes } from "@/types/chatMessageTypes"; import { ChatMessageTypes } from "@/types/chatMessageTypes";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { queryFaqAnswer, queryFaqList } from "@/service/FaqService"; import { queryFaqAnswer, queryFaqList } from "@/service/FaqService";
import { getDisplayNamesFromAddress } from "@/utils/displayName";
export default defineComponent({ export default defineComponent({
...@@ -141,6 +142,15 @@ export default defineComponent({ ...@@ -141,6 +142,15 @@ export default defineComponent({
messageStore.messages.push(...messageList); messageStore.messages.push(...messageList);
}) })
const title = ref('')
onMounted(async () => {
const list = await getDisplayNamesFromAddress([target])
title.value = list[0];
})
return { return {
connectionState, connectionState,
...@@ -153,7 +163,8 @@ export default defineComponent({ ...@@ -153,7 +163,8 @@ export default defineComponent({
useSentence, useSentence,
sentenceList, sentenceList,
optionList, optionList,
sentensesLoading sentensesLoading,
title
}; };
}, },
}); });
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
:class="{ 'text-right': fromMyself }" :class="{ 'text-right': fromMyself }"
style="font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #adadad; style="font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #adadad;
" "
>159903</div> ></div>
<div <div
:class="[{ 'flex-row-reverse': fromMyself }]" :class="[{ 'flex-row-reverse': fromMyself }]"
class="flex items-center max-w-chat-msg-bubble" class="flex items-center max-w-chat-msg-bubble"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment