fix

src/store/chatCardStore.ts

-import { reactive, ref } from 'vue'
+import { ref } from 'vue'
 
 export const chatCardTimeStamp = ref(0)

src/views/Chat/Chat.vue

@@ -41,7 +41,7 @@
 <script lang="ts">
 /* eslint-disable */
 import NavBar from "@/components/NavBar/index.vue";
-import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch, defineAsyncComponent, computed } from "vue";
+import { defineComponent, onMounted, ref, watch, defineAsyncComponent, computed } from "vue";
 import { connectionState } from "@/store/connectionStore";
 import { getFromId } from "@/store/appCallerStore";
 import { messageStore } from "@/store/messagesStore";
@@ -52,9 +52,9 @@ import { v4 as uuidv4 } from 'uuid'
 import { ChatMessageTypes } from "@/types/chatMessageTypes";
 import { useRoute } from "vue-router";
 import { queryFaqAnswer, queryFaqList } from "@/service/FaqService";
-import { getDisplayNames, getDisplayNamesFromAddress, getMsgFromAddress } from "@/utils/displayName";
+import { getDisplayNames, getMsgFromAddress } from "@/utils/displayName";
 import { MessageContent } from "@/types/chat-message";
-import { CONST_END_CHAT, CONST_START_CHAT, CONST_WARNING } from "@/config/chat";
+import { CONST_END_CHAT, CONST_START_CHAT } from "@/config/chat";
 import ChatOptionItemVue from "@/components/ChatOptions/ChatOptionItem.vue";
 import ShowCall from "@/components/showCall/index.vue"
 import { getUserMsg } from "@/utils/userMsg";
@@ -62,7 +62,6 @@ import { eRole } from "@/types/roleType";
 import ChatDBService from "@/db/ChatDBService";
 import UserService from "@/service/UserService";
 import { gotoChatWithStaff } from "@/router/navigate";
-import { Toast } from "vant";
 
 
 export default defineComponent({
@@ -251,9 +250,8 @@ export default defineComponent({
     }
 
 
-
     watch(chatCardTimeStamp, async () => {
-      const messageList = await ChatMessageDB.getInstance().getMessage(getFromId() as string, target);
+      const messageList = await ChatMessageDB.getInstance().getMessage(getFromId() as string, route.query.targetId as string);
       messageStore.messages.splice(0, messageStore.messages.length);
       messageStore.messages.push(...messageList);
     })
@@ -278,8 +276,9 @@ export default defineComponent({
     const initMessageList = async () => {
       messageStore.messages.splice(0, messageStore.messages.length);
       const messageList = await ChatMessageDB.getInstance().getMessage(getFromId() as string, route.query.targetId as string);
+      console.log(messageList, 'show messageList')
       messageStore.messages.push(...messageList);
-      ChatListCardDB.getInstance().readMsg(getFromId() as string, target)
+      ChatListCardDB.getInstance().readMsg(getFromId() as string, route.query.targetId as string)
     }
 
     const notifyUserAndStaffTheChatBegin = async () => {

src/views/Chat/ChatContentMessage.vue

@@ -104,7 +104,6 @@ import { target } from "@/store/appCallerStore";
 import { copyToClipboard } from 'quasar'
 import { Toast } from "vant";
 import ChatMessageDB from "@/db/ChatMessageDB";
-import { chatCardTimeStamp } from "@/store/chatCardStore";
 import { useRoute } from "vue-router";