|
@@ -4,18 +4,18 @@
|
|
|
<el-scrollbar class="h100" noresize ref="scrollbarRef" max-height="400px" v-if="messageList.length">
|
|
|
<div class="chat-box" ref="chatBoxRef">
|
|
|
<div v-for="(item, index) in messageList" :key="index" class="chat-item" :class="item.body?.content?.callSentenceInfo?.role">
|
|
|
- <div v-if="item.body?.content?.callSentenceInfo?.role === 'agent'" class="agent">
|
|
|
- <img v-lazy="getImageUrl('order/service.png')" alt="" class="agent-avatar" src="" />
|
|
|
- <div class="agent-name">{{ item.body?.content?.calledNumber }}</div>
|
|
|
- <div class="agent-content">{{ item.body?.content?.callSentenceInfo.text }}</div>
|
|
|
- <div class="agent-date">{{ formatDate(item.timestamps, 'YYYY-mm-dd HH:MM:SS') }}</div>
|
|
|
- </div>
|
|
|
- <div v-else class="user">
|
|
|
+ <div v-if="item.body?.content?.callSentenceInfo?.role === 'user'" class="user">
|
|
|
<img v-lazy="getImageUrl('order/user.png')" alt="" class="user-avatar" src="" />
|
|
|
<div class="user-name">{{ item.body?.content?.callerNumber }}</div>
|
|
|
<div class="user-content">{{ item.body?.content?.callSentenceInfo.text }}</div>
|
|
|
<div class="user-date">{{ formatDate(item.timestamps, 'YYYY-mm-dd HH:MM:SS') }}</div>
|
|
|
</div>
|
|
|
+ <div v-else class="agent">
|
|
|
+ <img v-lazy="getImageUrl('order/service.png')" alt="" class="agent-avatar" src="" />
|
|
|
+ <div class="agent-name">{{ item.body?.content?.calledNumber }}</div>
|
|
|
+ <div class="agent-content">{{ item.body?.content?.callSentenceInfo.text }}</div>
|
|
|
+ <div class="agent-date">{{ formatDate(item.timestamps, 'YYYY-mm-dd HH:MM:SS') }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<el-text class="end-call" tag="p" v-if="talkEnd">-- 通话结束 --</el-text>
|
|
|
</div>
|