【新增】:mall 客服图片消息显示

This commit is contained in:
puhui999
2024-07-02 17:31:26 +08:00
parent 91c262fb24
commit 00619ca6db
2 changed files with 40 additions and 6 deletions

View File

@ -16,10 +16,17 @@
{{ formatDate(item.lastMessageTime) }}
</span>
</div>
<div
v-dompurify-html="replaceEmoji(item.lastMessageContent)"
class="last-message flex items-center color-[#989EA6]"
></div>
<!-- 文本消息 -->
<template v-if="KeFuMessageContentTypeEnum.TEXT === item.lastMessageContentType">
<div
v-dompurify-html="replaceEmoji(item.lastMessageContent)"
class="last-message flex items-center color-[#989EA6]"
></div>
</template>
<!-- 图片消息 -->
<template v-if="KeFuMessageContentTypeEnum.IMAGE === item.lastMessageContentType">
<div class="last-message flex items-center color-[#989EA6]">图片消息</div>
</template>
</div>
</div>
</div>
@ -30,6 +37,7 @@
import { KeFuConversationApi, KeFuConversationRespVO } from '@/api/mall/promotion/kefu/conversation'
import { replaceEmoji } from '@/views/mall/promotion/kefu/components/emoji'
import { formatDate, getNowDateTime } from '@/utils/formatTime'
import { KeFuMessageContentTypeEnum } from '@/views/mall/promotion/kefu/components/constants'
defineOptions({ name: 'KeFuConversationBox' })
const activeConversationIndex = ref(-1) // 选中的会话