odjbin/SmartOpsWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : 区分工作台实时数据新旧对话

Browse Source
This commit is contained in:
odjbin
2024-10-08 13:28:45 +08:00
parent bd2e5366aa
commit 6b7376b45d
2 changed files with 52 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/liveCall/LiveCallItemHome.vue
View File

@@ -12,27 +12,30 @@
<el-scrollbar ref="scrollbarRef" class="scrollbar"> <el-scrollbar ref="scrollbarRef" class="scrollbar">
<div class="chat-content" ref="innerRef"> <div class="chat-content" ref="innerRef">
<div v-for="(item,index) in recordObj.content" :key="index"> <div v-for="(item,index) in recordObj.content" :key="index">
<div class="time-grap"><span>{{ item.conversationTimestamp || '6月5日 12:05' }}</span></div> <el-divider border-style="dotted" v-if="item.isLine">{{item.lineMsg}}</el-divider>
<!-- 我的 --> <div v-else>
<div v-if="item.speaker==0" class="word-my"> <div class="time-grap"><span>{{ item.conversationTimestamp || '6月5日 12:05' }}</span></div>
<div class="info"> <!-- 我的 -->
<!-- <p class="name">{{ item.speaker==0?recordObj.name:'AI助手' }} </p>--> <div v-if="item.speaker==0" class="word-my">
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p> <div class="info">
<div class="info-content">{{ item.message }}</div> <!-- <p class="name">{{ item.speaker==0?recordObj.name:'AI助手' }} </p>-->
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
<div class="info-content">{{ item.message }}</div>
</div>
<el-avatar text="我"/>
</div> </div>
<el-avatar text="我"/>
</div> <!-- 对方 -->
<!-- 对方 --> <div v-else class="word">
<div v-else class="word"> <el-avatar text="对方"/>
<el-avatar text="对方"/> <div class="info">
<div class="info"> <p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p> <div class="info-content">{{ item.message }}</div>
<div class="info-content">{{ item.message }}</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <el-divider border-style="dotted" v-if="handleShowDeadLine(recordObj)">一轮通话结束~~</el-divider>-->
<!-- <el-empty description="暂无通话记录~" v-else/>--> <!-- <el-empty description="暂无通话记录~" v-else/>-->
</div> </div>

33
src/components/liveCall/index.vue
View File

@@ -55,6 +55,13 @@ const handleLogout = () => {
permisstionStore.removeMenu() permisstionStore.removeMenu()
router.push('/login') router.push('/login')
} }
const handleShowDeadLine=(recordObj,data)=>{
let flag=false
if(recordObj.content&&recordObj.content.length>0){
flag=recordObj.content[recordObj.content.length-1]?.callIdNumber!=data.callIdNumber
}
return flag;
}
const initWebSocket = () => { const initWebSocket = () => {
try { try {
// const wsUrl=setWsUrl(`/ws/text/${token}`) // const wsUrl=setWsUrl(`/ws/text/${token}`)
@@ -93,6 +100,19 @@ const initWebSocket = () => {
recordLeftObj.value.phone=data.phone recordLeftObj.value.phone=data.phone
recordLeftObj.value.type=data.type recordLeftObj.value.type=data.type
recordLeftObj.value.orderName=data.orderName recordLeftObj.value.orderName=data.orderName
let flag=handleShowDeadLine(recordLeftObj.value,data)
console.info("🚀 ~method:flag -----", flag)
if(flag){
recordLeftObj.value.content.push({
// callIdNumber: "17282197782048",
// conversationId:0,
// conversationTimestamp: "",
// createTime: "2024-10-08",
isLine:true,
lineMsg: "一轮通话结束~~",
speaker: data.content.speaker
})
}
recordLeftObj.value.content.push(data.content) recordLeftObj.value.content.push(data.content)
// console.info("🚀 ~method:onmessage -----", recordLeftObj.value) // console.info("🚀 ~method:onmessage -----", recordLeftObj.value)
nextTick(() => { nextTick(() => {
@@ -103,6 +123,19 @@ const initWebSocket = () => {
recordRightObj.value.phone=data.phone recordRightObj.value.phone=data.phone
recordRightObj.value.type=data.type recordRightObj.value.type=data.type
recordRightObj.value.orderName=data.orderName recordRightObj.value.orderName=data.orderName
let flag=handleShowDeadLine(recordRightObj.value,data)
console.info("🚀 ~method:flag -----", flag)
if(flag){
recordRightObj.value.content.push({
// callIdNumber: "17282197782048",
// conversationId:0,
// conversationTimestamp: "",
// createTime: "2024-10-08",
isLine:true,
lineMsg: "一轮通话结束~~",
speaker: data.content.speaker
})
}
recordRightObj.value.content.push(data.content) recordRightObj.value.content.push(data.content)
// console.info("🚀 ~method:onmessage -----", recordRightObj.value) // console.info("🚀 ~method:onmessage -----", recordRightObj.value)
nextTick(() => { nextTick(() => {