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-20 15:59:13 +08:00
parent 666f7cc4b9
commit 0661842747
3 changed files with 62 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/mediation-page/components/LayoutContentNew.vue
View File

@ -365,6 +365,17 @@ export default {
return oh - 57 - 128
},
},
watch: {
caseId: {
handler(val) {
this.mediaterecordpm.caseId = val
this.getCaseInfoById();//获取详情
this.getmediate_record()
},
immediate: true,
deep: true
},
},
async created() {
this.mediaterecordpm.caseId = this.caseId
this.eventDialog.caseId = this.caseId
@ -441,6 +452,8 @@ export default {
api.mediate_record_list(this.mediaterecordpm).then(res => {
if (!res.code) {
this.communicationRecord = res
} else {
this.communicationRecord = []
}
})
},

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

@ -6,7 +6,7 @@
<div class="top-wrap-title flex-row justify-content-between"></div>
<div class="top-wrap-btn-left flex-row justify-content-between">
<div class="flex-row justify-content-between align-items-center mr-16">
<el-button class="bg-F2F3F5" icon="el-icon-arrow-left" circle :disabled="queue" ></el-button>
<el-button icon="el-icon-arrow-left" circle :disabled="queue || index ===0" @click="getFrontCaseById"></el-button>
<div class="ml-16 mr-16 flex-row justify-content-between align-items-center">
<div class="mr-8 f16">{{ baseInfo.debtorEntityList.find(item => item.role == 'DEBTOR').name }}</div>
<div class="mr-8">
@ -16,7 +16,7 @@
<div class="f16 color-165DFF"><i class="el-icon-success"></i></div>
</div>
<el-button class="bg-F2F3F5" icon="el-icon-arrow-right" circle :disabled="queue"></el-button>
<el-button icon="el-icon-arrow-right" circle :disabled="queue || index >= queueList.length - 1" @click="getNextCaseById"></el-button>
</div>
<el-popover
@ -30,7 +30,7 @@
</el-popover>
<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>
<el-button v-if="!calling" type="success" 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>
@ -68,7 +68,12 @@
<el-table ref="queueTable" :data="queueList" style="width: 100%" highlight-current-row>
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column prop="contact" label="被申请人姓名" width="150"></el-table-column>
<el-table-column prop="caseNo" label="案件编号"></el-table-column>
<el-table-column prop="caseNo" label="案件编号">
<template slot-scope="scope">
<span>{{scope.row.index.caseNo}}</span>
<span v-if="scope.row.index === index && !queue" style="color:#4080FF">正在调解中...</span>
</template>
</el-table-column>
<el-table-column prop="phone" label="电话号码" width="150"></el-table-column>
<el-table-column prop="moneyAmount" label="逾期金额" width="150"></el-table-column>
<el-table-column label="操作" width="150" v-if="queue">
@ -471,7 +476,8 @@ export default {
},
// 获取详情
async getCaseInfoById() {
await api.getCaseInfoById(this.$route.query.caseId).then(res => {
// this.$loading(true)
await api.getCaseInfoById(this.caseId).then(res => {
if (!res.code) {
this.baseInfo = res
this.phoneNumber = res.debtorEntityList.find(item => item.role == 'DEBTOR').phone
@ -479,14 +485,14 @@ export default {
if(res.jointDebt == 1){
// 有共债 mainCaseId
this.caseId = res.mainCaseId.toString()
} else
{
} else {
this.caseId = res.id.toString()
}
}
// this.$loading.close()
this.eventDialog.caseId = this.caseId
this.getmediate_record()
// this.getmediate_record()
})
},
// 获取上一件案件
@ -494,23 +500,34 @@ export default {
if (!this.$clickThrottle()) {
return
}//防止重复点击
api.getFrontCaseById({id: this.caseId}).then(res => {
if (!res.code) {
// let caseChangeData = res
this.detailData(res)
}
})
if(this.queue || this.index === 0) return
this.index--
this.caseId = String(this.queueList[this.index].caseId)
this.getCaseInfoById()
// api.getFrontCaseById({id: this.caseId}).then(res => {
// if (!res.code) {
// // let caseChangeData = res
// this.detailData(res)
// }
// })
},
// 获取下一件案件
getNextCaseById() {
if (!this.$clickThrottle()) {
return
}//防止重复点击
api.getNextCaseById({id: this.caseId}).then(res => {
if (!res.code) {
this.detailData(res)
}
})
if(this.queue || this.index >= this.queueList.length - 1) return
this.index++
this.caseId = String(this.queueList[this.index].caseId)
console.log('下一个案件id: ' + this.caseId, this.index, this.queueList)
this.getCaseInfoById()
// api.getNextCaseById({id: this.caseId}).then(res => {
// if (!res.code) {
// this.detailData(res)
// }
// })
},
handleBack() {
// this.$route.query.sourcePage == 'mediationManagement'
@ -562,18 +579,18 @@ export default {
this.todayCountData = res
} catch (err) {}
},
// 获取案件列表
callingCaseList() {
api.callingCaseList({}).then(res => {
this.queueList = res.queue || []
})
},
// 当前呼叫队列
// 当前自动呼叫队列
callingQueue() {
api.callingQueue({}).then(res => {
this.queueList = res.queue || []
this.caseId = String(res.queue[0].caseId) || ''
this.getCaseInfoById()
this.getmediate_record()
})
},
startCall () {
@ -622,7 +639,8 @@ export default {
try {
let res = await api.callingSuccess({caseId: this.caseId,contactId: this.contactId})
console.log('呼叫成功请求接口==callingSuccess：', res)
this.getmediate_record()
// this.getmediate_record()
this.$refs.layoutContent.getmediate_record();
this.$refs.layoutContent.openRecordDialog(res.data);
} catch (err) { }
},
@ -660,7 +678,6 @@ export default {
if (that.index <= that.queueList.length - 1) {
that.caseId = String(that.queueList[that.index].caseId) || ''
that.getCaseInfoById()
that.getmediate_record()
that.startOutboundCall()
}
}, 5000)

9
src/pages/mediation-page/components/SidebarTool.vue
View File

@ -313,6 +313,15 @@ export default {
},
},
watch: {
caseId: {
handler(val) {
this.getmediate_record()
},
immediate: true,
deep: true
},
},
data(){
return{
fileDialog:null,