diff --git a/src/views/ai/chat/index/components/message/MessageList.vue b/src/views/ai/chat/index/components/message/MessageList.vue index 2cc8407..fce6529 100644 --- a/src/views/ai/chat/index/components/message/MessageList.vue +++ b/src/views/ai/chat/index/components/message/MessageList.vue @@ -3,9 +3,6 @@
-
- -
{{ formatDate(item.createTime) }} @@ -25,9 +22,6 @@
-
- -
{{ formatDate(item.createTime) }} @@ -39,7 +33,7 @@ - + @@ -64,29 +58,18 @@ import { formatDate } from '@/utils/formatTime' import MarkdownView from '@/components/MarkdownView/index.vue' import { useClipboard } from '@vueuse/core' import { ArrowDownBold, Edit, RefreshRight } from '@element-plus/icons-vue' -import { ChatMessageApi, ChatMessageVO } from '@/api/ai/chat/message' -import { ChatConversationVO } from '@/api/ai/chat/conversation' -import { useUserStore } from '@/store/modules/user' -import userAvatarDefaultImg from '@/assets/imgs/avatar.gif' -import roleAvatarDefaultImg from '@/assets/ai/gpt.svg' +import { ChatMessageVO } from '@/api/ai/chat/message' const message = useMessage() // 消息弹窗 const { copy } = useClipboard() // 初始化 copy 到粘贴板 -const userStore = useUserStore() // 判断“消息列表”滚动的位置(用于判断是否需要滚动到消息最下方) const messageContainer: any = ref(null) const isScrolling = ref(false) //用于判断用户是否在滚动 -const userAvatar = computed(() => userStore.user.avatar ?? userAvatarDefaultImg) -const roleAvatar = computed(() => props.conversation.roleAvatar ?? roleAvatarDefaultImg) // 定义 props const props = defineProps({ - conversation: { - type: Object as PropType, - required: true - }, list: { type: Array as PropType, required: true @@ -95,7 +78,7 @@ const props = defineProps({ const { list } = toRefs(props) // 消息列表 -const emits = defineEmits(['onDeleteSuccess', 'onRefresh', 'onEdit']) // 定义 emits +const emits = defineEmits(['onDeleteSuccess', 'onRefresh', 'onEdit','update:list']) // 定义 emits // ============ 处理对话滚动 ============== @@ -146,12 +129,14 @@ const copyContent = async (content) => { } /** 删除 */ -const onDelete = async (id) => { +const onDelete = async (index) => { + const oldList = props.list + const newList = oldList?.splice(index,1) // 删除 message - await ChatMessageApi.deleteChatMessage(id) + // console.log("item,index",newList) message.success('删除成功!') // 回调 - emits('onDeleteSuccess') + emits('update:list',newList) } /** 刷新 */ diff --git a/src/views/ai/chat/index/index.vue b/src/views/ai/chat/index/index.vue index 7389240..191b1f5 100644 --- a/src/views/ai/chat/index/index.vue +++ b/src/views/ai/chat/index/index.vue @@ -1,14 +1,5 @@