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
index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智能语音服务系统</title>
<title>运维智能语音服务系统</title>
</head>
<body>
<div id="app"></div>

2
src/assets/styles/sidebar.scss
View File

@@ -3,7 +3,7 @@
background-color: #418DFF;
color: #ffffff;
font-weight: bold;
font-size: 26px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;

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
}
})
}

2
src/layout/siderbar/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="logo" ref="logo">
<span v-if="!siderbarStore.isCollapse">智能语音服务</span>
<span v-if="!siderbarStore.isCollapse">运维智能语音服务系统</span>
</div>
<el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff">
<el-menu

2
src/views/login/index.vue
View File

@@ -6,7 +6,7 @@
:rules="rules"
label-width="70px"
>
<h3>智能语音服务系统</h3>
<h3>运维智能语音服务系统</h3>
<el-form-item prop="username" label="账号">
<el-input v-model="loginForm.username" :prefix-icon="User" ></el-input>
</el-form-item>