scout666/chat-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bug#3892 重新编辑已撤回的消息

Browse Source
This commit is contained in:
wwt 2025-03-14 09:46:03 +08:00
parent 659c2c3e12
commit 2d28872a12
2 changed files with 37 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/chat/index.js
View File

@ -179,3 +179,11 @@ export const uploadImg = (data,onProgressFn) => {
onUploadProgress:(progressEvent)=>onProgressFn(progressEvent,data.get('file'))
})
}
// 根据msg_id获取消息
export const detailGetRecordsContext = (data) => {
return request({
url: '/api/v1/talk/record/detail',
method: 'GET',
data,
})
}

51
src/pages/dialog/index.vue
View File

@ -69,8 +69,8 @@
:datetime="item.created_at"
:msg_id="item.msg_id"
>
<template v-if="canEditRevokedMessage(item.msg_id) && item.user_id === userStore.uid">
<span class="edit-revoked-message" @click="restoreRevokedMessage(item.msg_id)">重新编辑</span>
<template v-if="canEditRevokedMessage(item) && item.user_id === userStore.uid">
<span class="edit-revoked-message" @click="restoreRevokedMessage(item)">重新编辑</span>
</template>
</revoke-message>
</div>
@ -478,7 +478,7 @@ import useZPaging from '@/uni_modules/z-paging/components/z-paging/js/hooks/useZ
import emojiPanel from './components/emojiPanel.vue'
import filePanel from './components/filePanel.vue'
import lodash from 'lodash'
import { ServePublishMessage } from '@/api/chat'
import { ServePublishMessage,detailGetRecordsContext } from '@/api/chat'
import copy07 from '@/static/image/chatList/copy07@2x.png'
import multipleChoices from '@/static/image/chatList/multipleChoices@2x.png'
import cite from '@/static/image/chatList/cite@2x.png'
@ -917,43 +917,48 @@ const actionWithdraw = (item) => {
}
const withdrawerConfirm = () => {
// 保存撤回的消息内容和时间
if (state.value.onfocusItem && state.value.onfocusItem.msg_type === 1) {
state.value.revokedMessages[state.value.onfocusItem.msg_id] = {
content: state.value.onfocusItem.extra.content,
revokeTime: new Date().getTime(),
msgType: state.value.onfocusItem.msg_type,
extra: state.value.onfocusItem.extra
}
}
dialogueStore.ApiRevokeRecord(state.value.onfocusItem.msg_id)
state.value.onfocusItem = null
state.value.showWin = false
}
// 添加检查是否可以重新编辑撤回消息的函数
const canEditRevokedMessage = (msgId) => {
if (!state.value.revokedMessages[msgId]) return false
const now = new Date().getTime()
const revokeTime = state.value.revokedMessages[msgId].revokeTime
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();
console.log(now)
// 检查是否在5分钟内
return (now - revokeTime) <= 5 * 60 * 1000
}
return false
}
// 添加恢复撤回消息到输入框的函数
const restoreRevokedMessage = (msgId) => {
if (!state.value.revokedMessages[msgId]) return
const revokedMsg = state.value.revokedMessages[msgId]
const restoreRevokedMessage = async (item) => {
// 接口拿数据，之后把查询的内容给输入框
const res = await detailGetRecordsContext({
msgId: item.msg_id
})
console.log(res)
if(res.code == 200) {
const content = res.data.item?.extra?.content;
const quill = getQuill()
quill.setText(content)
// 将光标设置到文本末尾
quill.setSelection(content.length, 0)
quill.focus()
}
/* const revokedMsg = state.value.revokedMessages[msgId]
// 根据消息类型处理
if (revokedMsg.msgType === 1) { // 文本消息
const quill = getQuill()
quill.setText(revokedMsg.content)
quill.focus()
}
} */
// 可以根据需要添加其他类型消息的处理
}