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

呼入、查询列表、关联跳转相关接口联调

Browse Source
This commit is contained in:
tdg930622 2025-01-17 14:12:45 +08:00
parent 8630ac2438
commit 8f3571198e
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/VoiceCallDialog.vue
View File

@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div class="pb-32 big-middle"> <div class="pb-32 big-middle">
<div class="pb-32 f24 f-weight600 text-center">{{ acceptDialog.phone }}</div> <div class="pb-32 f24 f-weight600 text-center">{{ incomingCallPhone }}</div>
<div class="flex-row justify-content-center"> <div class="flex-row justify-content-center">
<div class="big-middle-up mr-16 text-center cursor-pointer" v-if="!answerSts" @click="handleAccept"> <div class="big-middle-up mr-16 text-center cursor-pointer" v-if="!answerSts" @click="handleAccept">
<svg-icon icon-class="up-telephone" className="tabs-svg" /> <svg-icon icon-class="up-telephone" className="tabs-svg" />
@ -66,7 +66,9 @@
<el-scrollbar style="height: 224px;"> <el-scrollbar style="height: 224px;">
<div class="p-8 mt-8 bottom-case-list border-radius-8" v-for="(item, index) in tableData" :key="index"> <div class="p-8 mt-8 bottom-case-list border-radius-8" v-for="(item, index) in tableData" :key="index">
<div class="flex-row justify-content-between align-items-center bor-bottom-E5E6EB pr-16"> <div class="flex-row justify-content-between align-items-center bor-bottom-E5E6EB pr-16">
<div>{{item.contact}}</div> <div v-for="(itemS,indexS) in item.debtorEntityList.filter(itemX => itemX.role == 'DEBTOR' && itemX.type == '本人')" :key="indexS">
{{indexS === 0 ?'':','}}{{itemS.name}}
</div>
<el-button type="text" @click="handleRelevance(item)">关联并进入案件</el-button> <el-button type="text" @click="handleRelevance(item)">关联并进入案件</el-button>
</div> </div>
<div class="flex-row p-8"> <div class="flex-row p-8">
@ -97,9 +99,9 @@
</div> </div>
<!-- 小 --> <!-- 小 -->
<div v-else class="small-layout flex-row justify-content-between align-items-center pl-32 pr-32"> <div v-else class="small-layout flex-row justify-content-between align-items-center pl-32 pr-32">
<div class="f24 f-weight600 mr-16">{{ acceptDialog.phone }}</div> <div class="f24 f-weight600 mr-16">{{ incomingCallPhone }}</div>
<div class="mr-16" v-if="!answerSts" @click="handleAccept"><svg-icon icon-class="up-telephone" className="tabs-svg-phone" /></div> <div class="mr-16 cursor-pointer" v-if="!answerSts" @click="handleAccept"><svg-icon icon-class="up-telephone" className="tabs-svg-phone" /></div>
<div class="mr-16" @click="handleHungUp"><svg-icon icon-class="hang-telephone" className="tabs-svg-phone" /></div> <div class="mr-16 cursor-pointer" @click="handleHungUp"><svg-icon icon-class="hang-telephone" className="tabs-svg-phone" /></div>
<div class="big-header-btn bg-color-light flex-row align-items-center border-radius-4 cursor-pointer" <div class="big-header-btn bg-color-light flex-row align-items-center border-radius-4 cursor-pointer"
@click="toggleZoom"> @click="toggleZoom">
<span class="mr-4">{{ zoomActive ? '缩小' : '放大' }}</span> <span class="mr-4">{{ zoomActive ? '缩小' : '放大' }}</span>
@ -125,6 +127,7 @@ export default {
return { return {
zoomActive: true,// 布局状态 zoomActive: true,// 布局状态
incomingCallPhone: '',
answerSts: false,// 接听状态 answerSts: false,// 接听状态
queryParam: { queryParam: {
phone: '', phone: '',
@ -142,6 +145,7 @@ export default {
initLoad() { initLoad() {
let phoneNumber = this.acceptDialog.phone; let phoneNumber = this.acceptDialog.phone;
phoneNumber = phoneNumber.slice(4); phoneNumber = phoneNumber.slice(4);
this.incomingCallPhone = phoneNumber;
this.queryParam.phone = phoneNumber; this.queryParam.phone = phoneNumber;
this.getCaseList(); this.getCaseList();
}, },
@ -159,7 +163,7 @@ export default {
// 呼入接听 // 呼入接听
async handleAccept() { async handleAccept() {
try { try {
console.log({ sessionId: this.acceptDialog.sessionId }, '---主动接听') // console.log({ sessionId: this.acceptDialog.sessionId }, '---主动接听')
await window.tccc.Call.accept({ sessionId: this.acceptDialog.sessionId }) await window.tccc.Call.accept({ sessionId: this.acceptDialog.sessionId })
this.answerSts = true; this.answerSts = true;
} catch (error) { } catch (error) {
@ -169,7 +173,7 @@ export default {
// 挂断 // 挂断
async handleHungUp() { async handleHungUp() {
try { try {
console.log({ sessionId: this.acceptDialog.sessionId }, '---主动挂断') // console.log({ sessionId: this.acceptDialog.sessionId }, '---主动挂断')
await window.tccc.Call.hungUp({ sessionId: this.acceptDialog.sessionId }) await window.tccc.Call.hungUp({ sessionId: this.acceptDialog.sessionId })
this.$emit('update:acceptDialog', null) this.$emit('update:acceptDialog', null)
} catch (error) { } catch (error) {
@ -191,8 +195,9 @@ export default {
// 关联案件-详情 // 关联案件-详情
async handleRelevance(item) { async handleRelevance(item) {
try { try {
voiceCall.caseMatch({caseId: item.caseId, sessionId: this.acceptDialog.sessionId}).then(res => { voiceCall.caseMatch({caseId: item.id, callingSessionId: this.acceptDialog.sessionId}).then(res => {
this.$router.push(`/mediation-page?sourcePage=sourcePage&caseId=${item.caseId}`); // console.log(res,'---关联案件')
this.$router.push(`/mediation-page?sourcePage=sourcePage&caseId=${item.id}`);
}) })
} catch (error) { } catch (error) {
console.error(`${error}`) console.error(`${error}`)

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

@ -98,7 +98,7 @@ export default {
codeBtnDisabled: false, codeBtnDisabled: false,
ruleForm: { ruleForm: {
telephone: '', telephone: '',
account: '18381082759', account: '17608289327',
password: 'trydo@123456', password: 'trydo@123456',
smsCode: '', smsCode: '',
}, },