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

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

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

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

@@ -64,7 +64,7 @@ const getHistoryDetail=(newVal)=>{
}) })
recordLeftObj.value = res.data recordLeftObj.value = res.data
if (res.data && res.data.length > 0) { 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.phone = res.data[0].callPhone || '--';
leftHeadData.value.orderName = res.data[0].orderName || '--'; 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 v-if="recordItem.speaker==0" class="word-my">
<div class="info"> <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 class="info-content">{{ recordItem.message }}</div>
</div> </div>
<el-avatar text="我"/> <el-avatar>{{ recordItem.speaker==0?recordItem.name:'运维助手' }}</el-avatar>
</div> </div>
<!-- 对方 --> <!-- 对方 -->
<div v-else class="word"> <div v-else class="word">
<el-avatar text="对方"/> <el-avatar>{{ recordItem.speaker==0?recordItem.name:'运维助手' }}</el-avatar>
<div class="info"> <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 class="info-content">{{ recordItem.message }}</div>
</div> </div>
</div> </div>

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

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

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

@@ -48,9 +48,17 @@ const getCurrentMsg=(line)=>{
getCurrentContent(line).then(res=>{ getCurrentContent(line).then(res=>{
// console.info("🚀 ~method:res -----", res) // console.info("🚀 ~method:res -----", res)
if(line==1){ 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){ }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> <template>
<div class="logo" ref="logo"> <div class="logo" ref="logo">
<span v-if="!siderbarStore.isCollapse">智能语音服务</span> <span v-if="!siderbarStore.isCollapse">运维智能语音服务系统</span>
</div> </div>
<el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff"> <el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff">
<el-menu <el-menu

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

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