diff --git a/src/pages/dialog/index.vue b/src/pages/dialog/index.vue index dc48ea9..b84348c 100644 --- a/src/pages/dialog/index.vue +++ b/src/pages/dialog/index.vue @@ -563,15 +563,15 @@ const state = ref({ serveFindRecord: [], //调用接口查找到的聊天记录 middleMsg: {}, //缓存中没有时,调用接口初次使用的依据记录 keepDialogInfo: false, //是否保存会话信息 -}) +}); uniOnload(async (options) => { - console.log('onLoad' + JSON.stringify(options)) + console.log("onLoad" + JSON.stringify(options)); if (options.sessionId) { state.value.sessionId = options.sessionId; } if (options.keepDialogInfo) { - state.value.keepDialogInfo = options.keepDialogInfo === '1' ? true : false + state.value.keepDialogInfo = options.keepDialogInfo === "1" ? true : false; } if (options.msgInfo) { const msgInfo = JSON.parse(decodeURIComponent(options.msgInfo)); @@ -875,7 +875,13 @@ const editorOption = { } let list = [ - { id: 0, nickname: "所有人", avatar: "https://cdn-test.szjixun.cn/artistinfo/test/4455/81e23b7a-d9a3-45c2-af9b-405d33083fed.jpg", value: "所有人" }, + { + id: 0, + nickname: "所有人", + avatar: + "https://cdn-test.szjixun.cn/artistinfo/test/4455/81e23b7a-d9a3-45c2-af9b-405d33083fed.jpg", + value: "所有人", + }, ...dialogueStore.members, ]; @@ -977,8 +983,8 @@ const withdrawerConfirm = () => { const canEditRevokedMessage = (item) => { // console.log(item) if (item.is_revoke === 1 && item.msg_type === 1) { - const now = new Date().getTime() - const revokeTime = new Date(item.created_at).getTime() + const now = new Date().getTime(); + const revokeTime = new Date(item.created_at).getTime(); // console.log(now) // 检查是否在5分钟内 return now - revokeTime <= 5 * 60 * 1000; @@ -1107,9 +1113,9 @@ watch( dialogueList?.records?.[0]?.sequence ) { //相同意味着分页加载缓存中的聊天记录完毕 - state.value.localPageLoadDone = true + state.value.localPageLoadDone = true; } else { - state.value.localPageLoadDone = false + state.value.localPageLoadDone = false; } } } @@ -1141,10 +1147,12 @@ const onScrollToLower = async () => { // 格式化新加载的消息 const formattedMoreRecords = moreRecords.map((item) => ({ ...item, - float: item.user_id === talkParams.uid ? 'right' : 'left', - })) + float: item.user_id === talkParams.uid ? "right" : "left", + })); - virtualList.value = formattedMoreRecords.concat(tempVirtualList).reverse() + virtualList.value = formattedMoreRecords + .concat(tempVirtualList) + .reverse(); console.log(virtualList.value); } else { @@ -1188,19 +1196,19 @@ const onScrollToUpper = async () => { const moreRecords = await findTalkRecords( "", false, - tempVirtualList[tempVirtualList.length - 1].sequence, - ) - console.log(moreRecords) + tempVirtualList[tempVirtualList.length - 1].sequence + ); + console.log(moreRecords); // 格式化新加载的消息 const formattedMoreRecords = moreRecords.map((item) => ({ ...item, - float: item.user_id === talkParams.uid ? 'right' : 'left', - })) + float: item.user_id === talkParams.uid ? "right" : "left", + })); virtualList.value = tempVirtualList .concat(formattedMoreRecords.reverse()) - .reverse() + .reverse(); console.log(virtualList.value); @@ -1328,9 +1336,9 @@ const getMentionSelectLists = (mentionSelectList) => { //根据msg信息找到对应的聊天记录,并根据sequence等查看上下文 const queryRecordsByMsgInfo = async (msgInfo) => { - console.log(msgInfo) - state.value.middleMsg = msgInfo - const dialogueList = getDialogueList(talkParams.index_name) + console.log(msgInfo); + state.value.middleMsg = msgInfo; + const dialogueList = getDialogueList(talkParams.index_name); const recordIndex = dialogueList?.records?.findIndex( (record) => record.msg_id === msgInfo.msg_id ); @@ -1351,9 +1359,9 @@ const queryRecordsByMsgInfo = async (msgInfo) => { recordsList = recordsList.map((item) => { return { ...item, - float: item.user_id === talkParams.uid ? 'right' : 'left', - } - }) + float: item.user_id === talkParams.uid ? "right" : "left", + }; + }); nextTick(() => { zpagingRef.value.complete(recordsList.reverse()); @@ -1405,9 +1413,9 @@ const findTalkRecords = (record, isMiddle, sequence, appointParams) => { start_time: "", end_time: "", group_member_user_id: 0, //群成员id,当查询群历史消息的时候,需要指定群成员的时候送 - sort_sequence: 'asc', + sort_sequence: "asc", create_time: state.value.middleMsg.created_at, - } + }; if (record) { params = Object.assign({}, params, { start_time: record, @@ -1506,7 +1514,7 @@ const rpxToPx = (rpx) => { onUnmounted(() => { if (!state.value.keepDialogInfo) { - dialogueStore.setDialogue({}) + dialogueStore.setDialogue({}); } clearMultiSelect(); }); diff --git a/src/store/auth/index.js b/src/store/auth/index.js index 6c30883..62dfcc4 100644 --- a/src/store/auth/index.js +++ b/src/store/auth/index.js @@ -5,7 +5,7 @@ import { userInfoApi } from "@/api/user"; import {ref} from 'vue' export const useAuth = createGlobalState(() => { // const token = useStorage('token', '', uniStorage) - const token = ref("b66054d4f8a80fd93f603224e16999b7ff9db376a89af5919c99bc45a9c00e760163364c3ef3cd2e1370a90dcac5a68d1af25895841dbe71069a9f4f90445b494b35958bb588441f74cf15932a73ef5f379871fc884982e36a72d3cdc83ad96e085288eecb0df88982aa30cb76469d404f210abe0283e52f2e1b602dfb88a0bb23acaf249ea2aef4b58f4ccaa2ca73dd62be30396431982303995e77d9a0fff14a1c3b27407c19c890687b9a0721ac3d1405981d69f3da64edb0923f73be7ed239757c031c02f8df2c3daa7ffff11bf8e0de37dd627730a14a919bd8c57fca4e8f2d5c6f6f416390fafb030830f2d94a4d62b0b1ba75404c2614491763227f12db5e2abea5f4f82f650e440e4deb5949b23f2eeeb4db28580c5b3483ab5492a161e88f4dd9c2e6ab0d8a73293ba64c5ac594fed6b7c1979cde39ec5f75509b8f") + const token = ref("b66054d4f8a80fd93f603224e16999b7ff9db376a89af5919c99bc45a9c00e760163364c3ef3cd2e1370a90dcac5a68d1af25895841dbe71069a9f4f90445b494b35958bb588441f74cf15932a73ef5f379871fc884982e36a72d3cdc83ad96e085288eecb0df88982aa30cb76469d404f210abe0283e52f2e1b602dfb88a0bb23acaf249ea2aef4b58f4ccaa2ca73dd62be30396431982303995e77d9a0fff14a1c3b27407c19c890687b9a0721ac3d1405981d69f3da64edb0923f73be7ed239757c031c02f8df2c3daa7ffff11bf8e0de37dd627730a14a919bd8c57fca4e8f2d5c6f6f416390fafb030830f2d94ada42d5b04d6724c56cb2dd9a78f91ea8c0e13b19e8e72cb60f84cb1808c810a3e5fc37e8a78b9f9f8ca59ef9f7195acf59e68f4de08db97e79ed13583dd7ea70b401a68bd4aa7185768b1cc455937080") const refreshToken = useStorage('refreshToken', '', uniStorage) const userInfo = useStorage('userInfo', {}, uniStorage) const leaderList = useStorage('leaderList', [], uniStorage) diff --git a/src/store/modules/dialogueList.js b/src/store/modules/dialogueList.js index 7c3f7e3..634ec80 100644 --- a/src/store/modules/dialogueList.js +++ b/src/store/modules/dialogueList.js @@ -25,9 +25,11 @@ export const useDialogueListStore = createGlobalState(() => { const existingIndex = dialogueList.value.findIndex( (item) => item.index_name === dialogue.index_name, ) + console.log('findIndex', new Date().getTime()) if (existingIndex === -1) { // 如果不存在,直接添加 dialogueList.value.push(dialogue) + console.log('existingIndex', new Date().getTime()) } else { // 如果对话存在,处理 records 数组 const { records = [] } = dialogue @@ -39,16 +41,20 @@ export const useDialogueListStore = createGlobalState(() => { if (recordIndex === -1) { // 如果记录不存在,添加到 records 数组 if (type === 'add') { + console.log('add', new Date().getTime()) dialogueList.value[existingIndex].records.push(newRecord) } else { + console.log('unshift', new Date().getTime()) dialogueList.value[existingIndex].records.unshift(newRecord) } } }) + console.log('existingIndex else', new Date().getTime()) // 限制records数组长度为40条 const maxRecords = 40 if (dialogueList.value[existingIndex].records.length > maxRecords) { + console.log('maxRecords') const excessCount = dialogueList.value[existingIndex].records.length - maxRecords // 如果是push添加,则从首部删除多余条目 if (type === 'add') { @@ -67,6 +73,7 @@ export const useDialogueListStore = createGlobalState(() => { ...dialogueList.value[existingIndex], ...updateProps, } + console.log('updateProps', new Date().getTime()) } }