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-11-04 23:12:45 +08:00
parent f4acb4b648
commit 25ba502545
8 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/infoLiveCall/index.vue
View File

@@ -64,7 +64,7 @@ const getHistoryDetail=(newVal)=>{
})
recordLeftObj.value = res.data
if (res.data && res.data.length > 0) {
leftHeadData.value.username = res.data[0].callIdNumber || '--';
leftHeadData.value.username = res.data[0].name || '--';
leftHeadData.value.phone = res.data[0].callPhone || '--';
leftHeadData.value.orderName = res.data[0].orderName || '--';
}

10
src/components/liveCall/LiveCallItem.vue
View File

@@ -18,16 +18,18 @@
<!-- 我的 -->
<div v-if="recordItem.speaker==0" class="word-my">
<div class="info">
<p class="name">{{ recordItem.speaker == 0 ? recordItem.callIdNumber : 'AI助手' }} </p>
<p class="name">{{ recordItem.speaker == 0 ? recordItem.name
: '运维助手' }} </p>
<div class="info-content">{{ recordItem.message }}</div>
</div>
<el-avatar text="我"/>
<el-avatar>{{ recordItem.speaker==0?recordItem.name:'运维助手' }}</el-avatar>
</div>
<!-- 对方 -->
<div v-else class="word">
<el-avatar text="对方"/>
<el-avatar>{{ recordItem.speaker==0?recordItem.name:'运维助手' }}</el-avatar>
<div class="info">
<p class="name">{{ recordItem.speaker == 0 ? recordItem.callIdNumber : 'AI助手' }} </p>
<p class="name">{{ recordItem.speaker == 0 ? recordItem.name
: '运维助手' }} </p>
<div class="info-content">{{ recordItem.message }}</div>
</div>
</div>

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

@@ -2,36 +2,35 @@
<div class="live-call">
<div class="header">
<div>
<span style="margin-right: 20px">姓名：{{ recordObj.name ||'--'}}</span>
<span style="margin-right: 20px">{{ recordObj.name }}</span>
<span>电话号码：{{ recordObj.phone ||'--'}}</span>
</div>
<div><span>工单名称：{{ recordObj.orderName||'--' }}</span></div>
<div v-if="recordObj.type"><el-tag>{{ recordObj.type=='1'?'线路一':recordObj.type=='2'?'线路二':'' }}</el-tag></div>
<div v-else><el-tag>{{ lineName }}</el-tag></div>
</div>
<!-- {{recordObj.content}}-->
<el-scrollbar ref="scrollbarRef" class="scrollbar">
<div class="chat-content" ref="innerRef">
<el-empty v-if="!recordObj.content" description="暂无通话" />
<div class="chat-content" ref="innerRef" v-else>
<div v-for="(item,index) in recordObj.content" :key="index">
<el-divider border-style="dotted" v-if="item.isLine">{{item.lineMsg}}</el-divider>
<div v-else>
<div class="time-grap"><span>{{ item.conversationTimestamp || '6月5日 12:05' }}</span></div>
<!-- 我的 -->
<div v-if="item.speaker==0" class="word-my">
<div class="info">
<!-- <p class="name">{{ item.speaker==0?recordObj.name:'AI助手' }} </p>-->
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
<!-- <p class="name">{{ item.speaker==0?recordObj.name:'运维助手' }} </p>-->
<p class="name">{{ item.speaker==0?recordObj.name:'运维助手' }} </p>
<div class="info-content">{{ item.message }}</div>
</div>
<el-avatar text="我"/>
<el-avatar>{{ item.speaker==0?recordObj.name:'运维助手' }}</el-avatar>
</div>
<!-- 对方 -->
<div v-else class="word">
<el-avatar text="对方"/>
<el-avatar > {{ item.speaker==0?recordObj.name:'运维助手' }} </el-avatar>
<div class="info">
<p class="name">{{ item.speaker==0?item.callIdNumber:'AI助手' }} </p>
<p class="name">{{ item.speaker==0?recordObj.name:'运维助手' }} </p>
<div class="info-content">{{ item.message }}</div>
</div>
</div>

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

@@ -48,9 +48,17 @@ const getCurrentMsg=(line)=>{
getCurrentContent(line).then(res=>{
// console.info("🚀 ~method:res -----", res)
if(line==1){
recordLeftObj.value.content=res.data
recordLeftObj.value.name=res.data.name
recordLeftObj.value.phone=res.data.callPhone
recordLeftObj.value.orderName=res.data.orderName
recordLeftObj.value.type=res.data.type
recordLeftObj.value.content=res.data.textVoList
}else if(line==2){
recordRightObj.value.content=res.data
recordRightObj.value.name=res.data.name
recordRightObj.value.phone=res.data.callPhone
recordRightObj.value.orderName=res.data.orderName
recordRightObj.value.type=res.data.type
recordRightObj.value.content=res.data.textVoList
}
})
}