tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改呼出显示

Browse Source
This commit is contained in:
张运江 2025-01-17 16:43:21 +08:00
parent 4ec8f9fc3f
commit fbffd2b886
1 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/mediation-page/components/MediationRoom.vue
View File

@ -29,17 +29,22 @@
<el-button slot="reference" type="warning" icon="el-icon-message" circle></el-button>
</el-popover>
<div v-if="!queue" class="wrap-btn-left-dial1 f14 flex-row justify-content-between ml-16">
<el-button v-if="!calling" type="danger" icon="el-icon-phone-outline" circle></el-button>
<div v-else class="flex-row justify-content-between ml-16 pl-22 pr-24">
<div class="mr-8 f16 color-F53F3F" @click="startCall()"><i class="el-icon-phone-outline"></i></div>
<div v-if="!queue" class="wrap-btn-left-dial-f2f3f5 f14 flex-row justify-content-between ml-16">
<el-button v-if="!calling" type="danger" icon="el-icon-phone-outline" circle @click="startCall()"></el-button>
<div v-else class="flex-row justify-content-between align-items-center">
<div class="mr-8 color-fff wrap-btn-left-dial-f56c6c flex-row justify-content-between align-items-center" @click="hungUp()">
<i class="el-icon-phone-outline f20 mr-4"></i>
<span class="f12 ">挂断电话</span>
</div>
<div class="flex-row justify-content-between align-items-center ml-16 pr-24">
<div class="mr-8 f12 color-000">{{formattedTime || '00:00'}}</div>
<div class="mr-8 f20 cursor-p" @click="hungUp()"><i class="el-icon-phone"></i></div>
<div class="mr-8 f20 cursor-p"><i class="el-icon-phone"></i></div>
<div class="mr-8 f20 cursor-p" v-if="!isMute" @click="muteMic()"><i class="el-icon-microphone"></i></div>
<div class="mr-8 f20 cursor-p" v-if="isMute" @click="unmuteMic()"><i class="el-icon-turn-off-microphone"></i></div>
<div class="mr-8 ai-logo-img"></div>
</div>
</div>
</div>
<div class="wrap-btn-left-dial pl-22 pr-24 f14 flex-row justify-content-between ml-16">
<div v-if="queue" class="flex-row justify-content-between align-items-center">
<div v-if="calling" class="mr-8 f16 color-F53F3F cursor-p" @click="pauseTimer()"><i class="el-icon-video-pause"></i></div>
@ -394,7 +399,7 @@ export default {
console.log('监听挂断事件', options)
that.calling = false
that.resetTimer()
const that = this.nextCall()
const that = that.nextCall()
})
},
beforeDestroy() {
@ -547,12 +552,13 @@ export default {
async startOutboundCall() {
// this.phoneNumber = this.queue ? this.queueList[this.index].phone : this.baseInfo.phone
this.phoneNumber = '13982024318'
this.calling = true
console.log('进入呼叫电话：', this.phoneNumber)
try {
let res = await window.tccc.Call.startOutboundCall({phoneNumber: this.phoneNumber})
this.sessionId = res.data.sessionId
console.log('呼叫成功', res.data)
this.calling = true
if (res.status === 'success') {
this.callingSuccess()
this.startTimer()
@ -560,6 +566,7 @@ export default {
} catch (err) {
this.$message.error('呼叫失败' + err.message)
console.log('呼叫失败',err.message)
this.calling = false
this.callingFail()
// 呼叫失败
} finally {}
@ -568,6 +575,7 @@ export default {
async callingSuccess () {
try {
let res = await api.callingSuccess({caseId: this.caseId})
console.log('呼叫成功请求接口==callingSuccess：', res)
} catch (err) { }
},
// 呼叫失败
@ -733,9 +741,15 @@ export default {
border-radius: 20px;
}
.wrap-btn-left-dial1 {
.wrap-btn-left-dial-f2f3f5 {
background-color: #F2F3F5;
border-radius: 20px;
}
.wrap-btn-left-dial-f56c6c {
background-color: #F56C6C;
border-radius: 20px;
height: 100%;
padding: 0px 10px;
}
}
}