fix : 修复工作台历史记录弹窗数据显示bug

This commit is contained in:
2024-10-06 19:25:02 +08:00
parent 25da31b034
commit d6e6843ecb
5 changed files with 117 additions and 103 deletions

View File

@@ -2,10 +2,11 @@
<div class="live-call">
<div class="header">
<div>
<span style="margin-right: 20px">{{ headData.username }}</span>
<span>{{ headData.phone }}</span>
<span style="margin-right: 20px">姓名{{ recordObj.name ||'--'}}</span>
<span>电话号码{{ recordObj.phone ||'--'}}</span>
</div>
<div><span>工单名称{{ headData.orderName }}</span></div>
<div><span>工单名称{{ recordObj.orderName||'--' }}</span></div>
<div><span>{{ recordObj.type=='1'?'线路一':recordObj.type=='2'?'线路二':'' }}</span></div>
</div>
<el-scrollbar ref="scrollbarRef" class="scrollbar">
<div class="chat-content" ref="innerRef">
@@ -14,7 +15,8 @@
<!-- 我的 -->
<div v-if="item.speaker==0" class="word-my">
<div class="info">
<p class="name">{{ item.speaker==0?headData.username:'AI助手' }} </p>
<!-- <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="我"/>
@@ -23,11 +25,15 @@
<div v-else class="word">
<el-avatar text="对方"/>
<div class="info">
<p class="name">{{ item.speaker==0?headData.username:'AI助手' }} </p>
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
<div class="info-content">{{ item.message }}</div>
</div>
</div>
</div>
<!-- <el-divider border-style="dotted" v-if="handleShowDeadLine(recordObj)">一轮通话结束~~</el-divider>-->
<!-- <el-empty description="暂无通话记录~" v-else/>-->
</div>
</el-scrollbar>
</div>
@@ -46,9 +52,28 @@ const props = defineProps({
default: {}
},
})
const getScrollbarRef=()=>{
return scrollbarRef.value
}
const handleShowDeadLine=(recordObj)=>{
console.info("🚀 ~method:'recordObj' -----", recordObj)
let flag=false
if(recordObj.content&&recordObj.content.length>1){
let indices = recordObj.content.reduce(function (r, v, i) {
return r.concat(v === 'a' ? i : []);
}, []);
console.log(indices);
recordObj.content.forEach((item,index)=>{
console.info("🚀 ~method:.callIdNumber -----",recordObj.content.findIndex(item=>item.callIdNumber), item.callIdNumber)
flag=recordObj.content[recordObj.content.length-2]?.callIdNumber!=recordObj.content[recordObj.content.length-1].callIdNumber
})
}
return flag;
}
defineExpose({
getScrollbarRef
})