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

修改bug

Browse Source
This commit is contained in:
liuxi 2025-01-20 11:08:25 +08:00
parent 5c121b6653
commit 5f4a1d3155
10 changed files with 16 additions and 2447 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/showFile.vue
View File

@ -68,7 +68,7 @@ import api from "@/services/caseManagement";
// 如果是图片，直接显示图片
this.fileType = 'image'
}
if(this.$util.getFileType(url) === 'video') {
else if(this.$util.getFileType(url) === 'video') {
// 如果是图片，直接显示图片
this.fileType = 'video'
}

9
src/pages/case-management/components/RepaymentRecordDialog.vue
View File

@ -78,8 +78,13 @@ import api from "@/services/caseManagement";
}
})
},
handleCaseShow(scope){
this.fileDialog = {showfile:{url:scope.row.proofUrl},filelist:[]}
async handleCaseShow(scope){
let previewUrl = await this.getProofFile(scope.row.proofUrl)
this.fileDialog = {showfile:{url:previewUrl},filelist:[]}
},
async getProofFile(url){
let previewUrl = await this.$fetchApi.viewFullFile({path: url})
return previewUrl
},
handleClose() {
this.$emit('update:eventTraDialog', null)

90
src/pages/payment-receipt/components/CalllogDialog.vue
View File

@ -1,90 +0,0 @@
<template>
<div>
<!-- table -->
<div class="pt-8">
<div class="height-56 flex-row align-items-center justify-content-between">
<div class="f18 color-text-primary">电话呼叫列表</div>
<div class="flex-row">
</div>
</div>
<div class="case-table">
<el-table :data="tableData" height="370" >
<el-table-column type="index" label="序号" width="55"></el-table-column>
<el-table-column prop="pkgName" label="外呼/呼入类型" show-overflow-tooltip ></el-table-column>
<el-table-column prop="planStartTime" label="外呼/呼入时间" show-overflow-tooltip >
<template slot-scope="scope">
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
</template>
</el-table-column>
<el-table-column prop="entrustingAgencyName" label="外呼/呼入电话号码" show-overflow-tooltip ></el-table-column>
<el-table-column prop="channel" label="姓名" show-overflow-tooltip ></el-table-column>
<el-table-column prop="channel" label="关系" show-overflow-tooltip ></el-table-column>
<el-table-column prop="channel" label="接听状态" show-overflow-tooltip ></el-table-column>
<el-table-column prop="channel" label="沟通时长" show-overflow-tooltip ></el-table-column>
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
<el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip >
<template slot-scope="scope">
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
</template>
</el-table-column>
<el-table-column prop="channel" label="录音文件" show-overflow-tooltip ></el-table-column>
</el-table>
</div>
<div class="text-center pt-16">
<el-pagination
@size-change="getCaseInfoList"
@current-change="getCaseInfoList"
:current-page="queryParam.current"
:page-size="queryParam.size"
layout="total, prev, pager, next, jumper"
:total="total">
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
},
props: {
eventTraDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
queryParam:{},
tableData:[],
total:0,
};
},
mounted () {
console.log(this.eventTraDialog,'eventTraDialog')
},
methods: {
handleClose() {
this.$emit('update:eventTraDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-trace{
padding: 16px 20px;
max-height:500px
}
</style>

179
src/pages/payment-receipt/components/CaseTraceDialog.vue
View File

@ -1,179 +0,0 @@
<template>
<div>
<el-dialog :visible="true" width="1300px" class="dialog-case-record" append-to-body :close-on-click-modal="false"
@close="handleClose()">
<div class="dialog-content dialog-case-trace">
<el-tabs class="zd-el-tabs-custom zd-el-tabs-custom__left_padding" v-model="activeName" @tab-click="handleTabClick">
<el-tab-pane name="1">
<span slot="label"><span>短信发送记录</span></span>
</el-tab-pane>
<el-tab-pane name="2">
<span slot="label"><span>电话呼叫记录</span></span>
</el-tab-pane>
<el-tab-pane name="3">
<span slot="label"><span>视频调解记录</span></span>
</el-tab-pane>
<el-tab-pane name="4">
<span slot="label"><span>文书生成记录</span></span>
</el-tab-pane>
<el-tab-pane name="5">
<span slot="label"><span>文书签字记录</span></span>
</el-tab-pane>
<el-tab-pane name="6">
<span slot="label"><span>文书送达记录</span></span>
</el-tab-pane>
<el-tab-pane name="7">
<span slot="label"><span>还款计划</span></span>
</el-tab-pane>
<el-tab-pane name="8">
<span slot="label"><span>还款凭证</span></span>
</el-tab-pane>
</el-tabs>
<div class=" case-trace-cont">
<!-- 短信发送追踪明细 -->
<smsDialogDetail v-if="activeName == '1'" :DialogDetail="eventTraDialog" />
<!-- 呼叫记录 -->
<CalllogDialog v-if="activeName == '2'" :eventTraDialog.sync="eventTraDialog" />
<!-- 视频调解追踪 -->
<voideDialog v-if="activeName == '3'" :eventTraDialog="eventTraDialog" />
<!-- 文书生成追踪明细 -->
<officeDialogDetail v-if="activeName == '4'" :DialogDetail="eventTraDialog" />
<!-- 文书签字追踪明细 -->
<officeWDialogDetail v-if="activeName == '5'" :DialogDetail="eventTraDialog" />
<!-- 文书送达追踪明细 -->
<officeDeliveryDialogDetail v-if="activeName == '6'" :DialogDetail="eventTraDialog" />
<!-- 还款计划 -->
<!-- <RepaymentDialog v-if="activeName == '7'" :eventTraDialog.sync="repaymentDialog" /> -->
<!-- eventDialog:{caseId:this.$route.query.caseId}, -->
<RepaymentSchedule v-if="activeName == '7'" :eventDialog.sync="eventTraDialog" class="mt-16" />
<!-- 还款凭证 -->
<RepaymentRecordDialog v-if="activeName == '8'" :eventTraDialog.sync="eventTraDialog" />
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">关闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
eventTracingDialog: () => import('../../event-tracing/index.vue'),//事项追踪
RepaymentSchedule: () => import('../../mediation-page/components/RepaymentSchedule.vue'),//还款计划
RepaymentRecordDialog: () => import('./RepaymentRecordDialog.vue'),//还款凭证
smsDialogDetail: () => import('../../event-tracing/dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
CalllogDialog: () => import('./CalllogDialog.vue'),//呼叫记录
voideDialog: () => import('../../event-tracing/components/voideDialog.vue'),//视频调解追踪
smsDialogDetail: () => import('../../event-tracing/dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
officeDeliveryDialogDetail: () => import('../../event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue'),//文书送达追踪明细
officeDialogDetail: () => import('../../event-tracing/dtraceDetail/officeDialogDetail.vue'),//文书生成追踪明细
officeWDialogDetail: () => import('../../event-tracing/dtraceDetail/officeWDialogDetail.vue'),//文书签字追踪明细
},
props: {
eventTraDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
calllogDialog:null,//呼叫记录
activeName:'1',
queryParam:{},
tableData:[],
total:0,
};
},
mounted () {
this.activeName = this.eventTraDialog.activeName
},
methods: {
// tab切换
handleTabClick(tab){
if(tab.name == '1'){
eventTraDialog = {caseNo:'123'}
}else if(tab.name == '2'){
calllogDialog = {title:'电话呼叫记录',caseNo:'123'}
}else if(tab.name == '3'){
eventTraDialog = {title:'视频调解记录',caseNo:'123'}
}else if(tab.name == '4'){
eventTraDialog = {title:'文书生成记录',caseNo:'123'}
}else if(tab.name == '5'){
eventTraDialog = {title:'文书签字记录',caseNo:'123'}
}else if(tab.name == '6'){
eventTraDialog = {title:'文书送达记录',caseNo:'123'}
}else if(tab.name == '7'){
repaymentDialog = {title:'还款计划',caseNo:'123'}
}else if(tab.name == '8'){
eventTraDialog = {title:'还款凭证',caseNo:'123'}
}else {
}
// this.getCaseInfoList(1)
},
handleClose() {
this.$emit('update:eventTraDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-case-record{
.el-dialog .el-dialog__header{background-color: #C66A5B;}
.el-dialog__header{background-color: #C66A5B;}
}
.dialog-case-trace{
padding: 16px 20px;
min-height:500px
}
.dialog-case-trace .zd-el-tabs-custom{
margin-top: -61px ;
margin-right: 25px;
}
.dialog-case-trace .zd-el-tabs-custom span{
font-size: 16px;
font-weight: 400;
}
.dialog-case-trace .case-trace-cont
{
min-height: 500px;
}
</style>
<style lang="scss">
.dialog-case-record{
.el-dialog .el-dialog__header {
background-color: #C66A5B;
height: 43px !important;
line-height: 50px !important;
}
.el-tabs__item{color: #FFFFFFB2;}
.zd-el-tabs-custom .el-tabs__item.is-active {
color: #fff !important;
}
.zd-el-tabs-custom .el-tabs__active-bar{
background-color: #fff !important;
}
.el-tabs__nav-wrap::after {
background-color: #fff;
}
.el-dialog__headerbtn .el-dialog__close{
color: #fff !important;
}
}
</style>

93
src/pages/payment-receipt/components/RepaymentRecordDialog.vue
View File

@ -1,93 +0,0 @@
<template>
<div>
<!-- table -->
<div class="pt-8">
<div class="height-56 flex-row align-items-center justify-content-between">
<div class="f18 color-text-primary">还款凭证列表</div>
<div class="flex-row">
</div>
</div>
<div class="case-table">
<el-table :data="tableData" height="390" >
<el-table-column prop="amount" label="凭证金额" show-overflow-tooltip >
<template slot-scope="scope">
<span >{{ scope.row.amount }}（元）</span>
</template>
</el-table-column>
<el-table-column prop="paybackTime" label="还款日期" show-overflow-tooltip ></el-table-column>
<el-table-column prop="remark" label="备注说明" show-overflow-tooltip ></el-table-column>
<el-table-column prop="uploaderName" label="上传者" show-overflow-tooltip ></el-table-column>
<el-table-column prop="createAt" label="操作时间" show-overflow-tooltip >
<template slot-scope="scope">
<span >{{ scope.row.createAt | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="170">
<template slot-scope="scope">
<div class="flex-row align-items-center">
<el-button size="mini" @click="handleCaseShow(scope)">查看凭证</el-button>
<el-button size="mini" @click="handleBackCase(scope)">效验</el-button>
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
<!-- 文件预览 -->
<showFile v-if="fileDialog" :fileDialog.sync="fileDialog" />
</div>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
showFile: () => import('../../../components/showFile.vue'),//事项追踪
},
props: {
eventTraDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
fileDialog:null,
queryParam:{},
tableData:[],
total:0,
};
},
mounted () {
console.log(this.eventTraDialog,'this.eventTraDialog')
this.getProofList()
},
methods: {
getProofList(){
api.gettraceProof_list({caseId:this.eventTraDialog.caseId}).then(res => {
if(!res.code){
this.tableData = res
}
})
},
handleCaseShow(scope){
this.fileDialog = {showfile:{url:scope.row.proofUrl},filelist:[]}
},
handleClose() {
this.$emit('update:eventTraDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-trace{
padding: 16px 20px;
max-height:500px
}
</style>

750
src/pages/payment-receipt/components/addCaseDialog.vue
View File

@ -1,750 +0,0 @@
<template>
<div>
<el-dialog
:title="addCaseDialog.title"
:visible="true"
width="880px"
append-to-body
:close-on-click-modal="false"
@close="handleClose"
>
<div >
<el-steps :active="presentStep" align-center>
<el-step v-for="(item,inx) in transferStep" :key="inx" :title="item.title" :description="item.description"></el-step>
</el-steps>
<!-- 基本信息 -->
<div v-if="presentStep === 1">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">基本信息</div>
<div class="p-h-24">
<el-form ref="ruleFormBase"
:model="baseInfo"
:rules="rulesClient"
label-width="150px"
class="demo-ruleForm">
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="金融机构名称" prop="financialOrgName">
<el-input
v-model.trim="baseInfo.financialOrgName"
placeholder="请输入金融机构名称"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="社会统一信用代码" prop="financialOrgCode">
<el-input
v-model.trim="baseInfo.financialOrgCode"
placeholder="请输入社会统一信用代码"
clearable
maxlength="18"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="案件名称" prop="caseName">
<el-input
clearable
placeholder="请输入案件名称"
v-model="baseInfo.caseName">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件编号" prop="caseNo">
<el-input
clearable
placeholder="请输入案件编号"
v-model="baseInfo.caseNo">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="金融产品类型" prop="productTypeId">
<el-select v-model="baseInfo.productTypeId"
clearable placeholder="请选择金融产品类型"
class="width100">
<el-option
v-for="item in financialProductsTypeOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标的金额" prop="moneyAmount">
<el-input
clearable
placeholder="请输入内容"
v-model="baseInfo.moneyAmount">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="逾期次数" prop="overdueTimes">
<!-- <el-select v-model="baseInfo.overdueTimes"
clearable placeholder="请选择逾期次数"
class="width100">
<el-option
v-for="item in operateMethodOptions"
:key="item"
:label="item"
:value="item">
</el-option>
</el-select> -->
<el-input-number v-model="baseInfo.overdueTimes" :min="0" :max="100" class="width100"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件描述" prop="caseDescr">
<el-input
clearable
placeholder="请输入内容"
v-model="baseInfo.caseDescr">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
<!-- 当事人信息 -->
<div v-else-if="presentStep === 2">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">案件当事人</div>
<div class="p-h-24">
<div class="border-solid-lighter-1 p-h-24 mb-16">
<div class="flex-row justify-content-between height-48 line-height-48 f14 border-b-solid-lighter-1 mb-16">
<div class="color-000">债权人</div>
<div class="color-text-regular cursor-pointer" @click="handleReset">清空<i class="el-icon-close"></i></div>
</div>
<el-form ref="ruleFormCreditor"
:model="creditorInfo"
:rules="rulesClientCreditor"
label-width="150px"
class="demo-ruleForm">
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="债权人" prop="creditorName">
<el-input
v-model.trim="creditorInfo.creditorName"
placeholder="请输入债权人"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="社会统一信用代码" prop="creditorOrgCode">
<el-input
v-model.trim="creditorInfo.creditorOrgCode"
placeholder="请输入社会统一信用代码"
clearable
maxlength="18"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="法人姓名" prop="creditorLegal">
<el-input
clearable
placeholder="请输入法人姓名"
v-model="creditorInfo.creditorLegal">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="法人身份证号" prop="creditorIdcard">
<el-input
clearable
placeholder="请输入法人身份证号"
v-model="creditorInfo.creditorIdcard"
maxlength="18">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="法人手机号" prop="creditorPhone">
<el-input
clearable
placeholder="请输入法人手机号"
v-model="creditorInfo.creditorPhone"
maxlength="11"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司地址" prop="creditorAddr">
<el-input
clearable
placeholder="请输入公司地址"
v-model="creditorInfo.creditorAddr">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="邮编" prop="creditorMail">
<el-input
clearable
placeholder="请输入邮编"
v-model="creditorInfo.creditorMail"
maxlength="6"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="代理人" prop="creditorAgent">
<el-input
clearable
placeholder="请输入代理人"
v-model="creditorInfo.creditorAgent">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="border-solid-lighter-1 p-h-24">
<div class="flex-row justify-content-between f14 border-b-solid-lighter-1 mb-8 p-v-8 align-items-center">
<div class="color-000">债务人</div>
<el-button size="small" type="primary" @click="handleAdd">新增债务人<i class="el-icon-plus"></i></el-button>
</div>
<div>
<el-form ref="ruleFormObligor"
:model="obligorInfoForm"
label-width="150px"
class="demo-ruleForm">
<div v-for="(item,inx) in obligorInfoForm.debtorEntityList" :key="inx">
<div class="flex-row justify-content-between align-items-center height-40 f14 mb-16">
<div class="color-text-primary">债务人{{inx+1}}</div>
<div class="color-text-regular cursor-pointer" @click="handleRemoveDomain(item)">删除<i class="el-icon-close"></i></div>
</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="债务人姓名" :prop="'debtorEntityList.' + inx + '.name'" :rules="{required: true, message: '请输入债权人姓名', trigger: 'blur'}">
<el-input
v-model.trim="obligorInfoForm.debtorEntityList[inx].name"
placeholder="请输入债务人姓名"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件类型" :prop="'debtorEntityList.' + inx + '.cardTypeId'" :rules="{required: true, message: '请选择证件类型', trigger: 'blur'}">
<el-select v-model="obligorInfoForm.debtorEntityList[inx].cardTypeId"
clearable placeholder="请选择证件类型"
class="width100">
<el-option
v-for="item in idTypeOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="证件号码" :prop="'debtorEntityList.' + inx + '.cardNo'"
:rules=" [
{ required: true, message: '请输入证件号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的身份证号', trigger: ['blur', 'change']}
]">
<el-input
clearable
placeholder="请输入证件号码"
v-model="obligorInfoForm.debtorEntityList[inx].cardNo"
maxlength="18"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手机号码" :prop="'debtorEntityList.' + inx + '.phone'" :rules="[
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
]">
<el-input
clearable
placeholder="请输入手机号码"
v-model="obligorInfoForm.debtorEntityList[inx].phone"
maxlength="11"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="地址" :prop="'debtorEntityList.' + inx + '.addr'" :rules="{ required: true, message: '请输入地址', trigger: 'change',}">
<el-input
clearable
placeholder="请输入地址"
v-model="obligorInfoForm.debtorEntityList[inx].addr">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编" :prop="'debtorEntityList.' + inx + '.mail'" :rules="{ required: true, message: '请输入邮编', trigger: 'change',}">
<el-input
clearable
placeholder="请输入邮编"
v-model="obligorInfoForm.debtorEntityList[inx].mail"
maxlength="6">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</div>
</div>
</div>
<!-- 模板选择 -->
<div v-else-if="presentStep === 3">
<el-form ref="ruleFormTemplate"
:model="queryParam"
:rules="rulesClientTemplate"
label-width="150px"
class="demo-ruleForm">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">模板话术</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="话术模板" prop="tpSpeechcraftId">
<el-select v-model="queryParam.tpSpeechcraftId"
clearable placeholder="请选择模板话术"
class="width100">
<el-option
v-for="item in speechcraftTemplateOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">调解模板</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="调解模板" prop="tpMediateId">
<el-select v-model="queryParam.tpMediateId"
clearable placeholder="请选择调解模板"
class="width100">
<el-option
v-for="item in mediationTemplateOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
<!-- 材料上传 -->
<div v-else-if="presentStep === 4">
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">证据材料</div>
<div class="p-h-24">
<upload-file-name :file-list="fileList" :max-count="20"
:show-file-name="true"
@handleUploadFile="handleUploadFile">
</upload-file-name>
</div>
</div>
<!-- 完成 -->
<div v-else-if="presentStep === 5">
<el-result icon="success" title="案件创建完成" subTitle="案件创建完成，继续处理其他案件">
<template slot="extra">
<el-button type="primary" size="medium" @click="handleClose">好的</el-button>
</template>
</el-result>
</div>
</div>
<span slot="footer" class="dialog-footer" v-if="presentStep<5">
<el-button @click="handleClose">取消</el-button>
<el-button
v-if="presentStep > 1 "
type="primary"
@click="presentStep--">上一步</el-button>
<el-button
type="primary"
v-show="presentStep<4"
@click="handleNextStep">下一步</el-button>
<el-button
type="primary"
v-show="presentStep === 4"
@click="handleSubmit">确认
</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
uploadFileName: () => import('@/components/uploadFileName.vue'),//上传
},
props: {
addCaseDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
const moneyAmountValidate = (rule,value,callback)=>{
if (!value){
callback(new Error('请输入标的金额'));
}else if (!/^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/.test(value)){
callback(new Error('只能输入两位小数的金额!'));
}else if(!(0<parseInt(value)&&parseInt(value)<100000000)){
callback(new Error('只能输入大于1小于1亿的金额!'));
}else{
callback()
}
};
return {
transferStep:[
{id:1,title:'基本信息',description:'录入案件基本信息'},
{id:2,title:'当事人信息',description:'录入当事人信息'},
{id:3,title:'模板选择',description:'选择模板'},
{id:4,title:'材料上传',description:'上传案件材料'},
{id:5,title:'完成',description:'完成案件创建'},
],
presentStep:1,
//-----------------------------基本信息-------------------------
baseInfo:{
financialOrgName:'',//金融机构名称
financialOrgCode:'',//社会统一信用代码
caseName:'',//案件名称
caseNo:'',//案件编号
productTypeId:'',//金融产品类型
moneyAmount:'',//标的金额
overdueTimes:0,//逾期次数
caseDescr:'',//案件描述
},
rulesClient: {
financialOrgName: [
{ required: true, message: '请输入机构名称', trigger: 'change',},
],
financialOrgCode: [
{ required: true, message: '请输入社会统一信用代码', trigger: 'change',},
],
caseName: [
{ required: true, message: '请输入案件名称', trigger: 'change',},
],
caseNo: [
{ required: true, message: '请输入案件编号', trigger: 'change',},
],
productTypeId: [
{ required: true, message: '请选择金融产品类型', trigger: 'change',},
],
moneyAmount: [
{ required: true, validator: moneyAmountValidate, trigger: 'change',},
],
caseDescr:[
{ required: true, message: '请输入案件描述', trigger: 'change',},
]
},
financialProductsTypeOptions:[],//金融产品类型
//----------------------------案件当事人-------------------
// 债权人
creditorInfo:{
creditorName:'',//债权人
creditorOrgCode:'',//债权人机构代码
creditorLegal:'',//法人
creditorIdcard:'',//法人身份证
creditorPhone:'',//法人手机
creditorAddr:'',//公司地址
creditorMail:'',//邮编
creditorAgent:'',//代理人
},
rulesClientCreditor: {
creditorName: [
{ required: true, message: '请输入债权人', trigger: 'change',},
],
creditorOrgCode: [
{ required: true, message: '请输入债权人机构代码', trigger: 'change',},
],
creditorLegal: [
{ required: true, message: '请输入法人', trigger: 'change',},
],
creditorIdcard: [
{ required: true, message: '请输入法人身份证号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的身份证号', trigger: ['blur', 'change']}
],
creditorPhone: [
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
],
creditorAddr: [
{ required: true, message: '请输入公司地址', trigger: 'change',},
],
// creditorAgent: [
// { required: true, message: '请输入代理人', trigger: 'change',},
// ],
},
// 债务人
idTypeOptions:[],
obligorInfoForm:{
debtorEntityList:[
{
name:'',//债务人姓名
phone:'',//债务人电话
cardTypeId:'',//证件类型
addr:'',//地址
cardNo:'',//证件号
mail:'',//邮编
}
],
},
obligorRulesClient:{
name: [
{ required: true, message: '请输入债务人姓名', trigger: 'change',},
],
phone: [
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
],
cardTypeId: [
{ required: true, message: '请选择证件类型', trigger: 'change',},
],
addr: [
{ required: true, message: '请输入地址', trigger: 'change',},
],
cardNo: [
{ required: true, message: '请输入证件号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的身份证号', trigger: ['blur', 'change']}
],
mail: [
{ required: true, message: '请输入邮编', trigger: 'change',},
{ pattern: /^\d{6}$/, message: '请输入正确的邮编', trigger: ['blur', 'change']}
],
},
//--------------------------调解模板----------------------------------
queryParam:{
tpMediateId:'',//调解模板id
tpSpeechcraftId:'',//话术模板
},
rulesClientTemplate:{
tpMediateId: [
{ required: true, message: '请选择调解模板', trigger: 'change',},
],
tpSpeechcraftId: [
{ required: true, message: '请选择话术模板', trigger: 'change',},
],
},
fileList:[],//证据材料
speechcraftTemplateOptions:[],//话术模板
mediationTemplateOptions:[],//调解模板
};
},
mounted () {
this.getDict();//获取金融产品类型
this.getDictIdType();
this.getSpeechcraftTemplateList(),//话术模板
this.getTemplateList();//调解模板
},
methods: {
// 获取金融产品类型
getDict(){
let data = {
type:'financial'
}
api.getDict(data).then(res => {
if (!res.code) {
this.financialProductsTypeOptions = res;
}
})
},
// 获取证件类型
getDictIdType(){
let data = {
type:'certificates'
}
api.getDict(data).then(res => {
if (!res.code) {
this.idTypeOptions = res;
}
})
},
// 新增
handleAdd(){
this.obligorInfoForm.debtorEntityList.push({
name:'',//债务人姓名
phone:'',//债务人电话
cardTypeId:'',//证件类型
addr:'',//地址
cardNo:'',//证件号
mail:'',//邮编
});
},
// 删除
handleRemoveDomain(item) {
var index = this.obligorInfoForm.debtorEntityList.indexOf(item)
if (index !== -1) {
this.obligorInfoForm.debtorEntityList.splice(index, 1)
}
},
// 清空
handleReset(){
for (let key in this.creditorInfo) {
this.creditorInfo[key] = ''
}
},
// 模板话术
getSpeechcraftTemplateList(){
let data = {
current: 1,
name: "",
size: 300,
type: 2,
}
api.getTemplateList(data).then(res => {
if (!res.code) {
this.speechcraftTemplateOptions = res.records;
}
})
},
// 调解模板
getTemplateList(){
let data = {
current: 1,
name: "",
size: 300,
type: 1,
}
api.getTemplateList(data).then(res => {
if (!res.code) {
this.mediationTemplateOptions = res.records;
}
})
},
// 下一步
handleNextStep(){
if(this.presentStep === 1){
this.$refs.ruleFormBase.validate((valid) => {
if (valid){this.presentStep++}
})
}else if(this.presentStep === 2){
this.$refs.ruleFormCreditor.validate((valid) => {
if (valid){
this.$refs.ruleFormObligor.validate((valid) => {
if (valid){this.presentStep++}
})
}
})
}else if(this.presentStep === 3){
this.$refs.ruleFormTemplate.validate((valid) => {
if (valid){this.presentStep++}
})
}else{
this.presentStep++
}
},
handleSubmit(){
if(!this.$clickThrottle()) { return }//防止重复点击
let data = {
...this.baseInfo,//基本信息
...this.creditorInfo,//债权人信息
...this.obligorInfoForm,//债务人
...this.queryParam,//模板选择
caseFileEntityList:this.fileList//证据材料
}
console.log('获取传给后台的信息',data)
api.addCaseInfo(data).then(res => {
this.presentStep++
this.$parent.getCaseInfoList(1)
this.$parent.getCaseCount()
})
},
// 上传
handleUploadFile(fileList){
console.log('获取上传文件信息',fileList)
fileList = JSON.parse(JSON.stringify(fileList))
this.fileList = fileList.map((item,i) => {
return {
url: item.url,
fileName:item.fileName,
name:item.fileName
}
})
},
handleClose() {
this.$emit('update:addCaseDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-content{
padding: 16px 24px;
// max-height:500px
}
</style>

393
src/pages/payment-receipt/components/caseAllocationDialog.vue
View File

@ -1,393 +0,0 @@
<template>
<div>
<el-dialog
:title="caseAllocationDialog.title"
:visible="true"
width="880px"
append-to-body
:close-on-click-modal="false"
@close="handleClose"
>
<div class="dialog-content">
<div class="pb-16">
<el-row :gutter="20" type="flex" align="middle">
<el-col :span="24">
<div class="flex-row align-items-center">
<div class="mr-8 flex-shrink-0">区域</div>
<div class="width100">
<el-select v-model="deptId"
size="medium"
clearable placeholder="请选择区域"
@change="handleChangeDept"
class="width100">
<el-option
v-for="item in departmentOptions"
:key="item.id"
:label="item.name"
:value="item.id"
class="width100"
>
</el-option>
</el-select>
</div>
</div>
</el-col>
</el-row>
</div>
<el-scrollbar class="bor bg-color-light min-height350">
<div class="department-wrap">
<div v-for="(item,inx) in peopleList" :key="inx" class="department-wrap-list">
<div class="department-dept">
<el-checkbox v-model="checkedAll" :label="item.deptId" @change="handleCheckChange(1,inx,item,item.deptId,$event)">{{item.name}}({{item.count}}人)</el-checkbox>
</div>
<div class="flex-row justify-content-start flex-flow-wrap ">
<div v-for="(v,i) in item.values" :key="i" class="pt-16" style="flex:0 0 25%">
<el-checkbox v-model="checkedAll" :label="v.id" @change="handleCheckChange(2,inx,v,item.deptId,$event)">{{v.realName}}</el-checkbox>
</div>
</div>
</div>
</div>
</el-scrollbar>
<div class="p-v-24">
<el-form ref="ruleForm"
:model="queryParam"
:rules="rulesClient"
label-width="120px"
class="demo-ruleForm">
<el-row :gutter="20" type="flex" align="middle">
<el-col :span="24">
<el-form-item label="分配方式" prop="dispatchType" label-width="80px">
<template>
<el-radio v-model="queryParam.dispatchType" :label="1">平均分配</el-radio>
<el-radio v-model="queryParam.dispatchType" :label="2">调解中案件量最少</el-radio>
<el-radio v-model="queryParam.dispatchType" :label="3">当天分案量最少</el-radio>
<el-radio v-model="queryParam.dispatchType" :label="4">当月分案量最少</el-radio>
<el-radio v-model="queryParam.dispatchType" :label="5">同案由调解成功率最高</el-radio>
</template>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">取消</el-button>
<el-button type="primary" @click="handleSubmit()">确认</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import api from "@/services/caseManagement";
import apipack from "@/services/casePackageManagement";
export default {
components: {
},
props: {
caseAllocationDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
deptId:[],//获取区域id集合
queryParam:{
id:'',//案件包ID
dispatchType:1,//分案方式；1，平均分配；2，调解中案件量最少；3，当天分案量最少；4，当月分案量最少；5，同案由调解成功率最高
},
userList:[],
rulesClient: {
dispatchType: [
{ required: true, message: '请选择分案方式', trigger: 'change',},
],
},
peopleList:[
{deptId:1,name:'调解一部',count:10,
values:[
{id:1,deptId:1,realName:'张三' },
{id:2,deptId:1,realName:'张三' },
{id:3,deptId:1,realName:'张三' },
{id:4,deptId:1,realName:'张三' },
{id:5,deptId:1,realName:'里面' },
]
}
],
departmentOptions:[],//区域
checkedAll:[],
chooseChecked:[],
};
},
mounted () {
// console.log(this.caseAllocationDialog.choosecaseIds,'choosecaseIds')
this.getDeptList();//获取区域
},
methods: {
// 获取区域
getDeptList(){
let data = {
companyId: this.$store.state.userinfo.companyId,
current: 1,
size: 500,
pid:0
}
api.getDeptList(data).then(res => {
if (!res.code) {
this.departmentOptions = res.records;
this.deptId = this.departmentOptions[0].id
this.getByDeptList()
}
})
},
handleChangeDept(e){
this.checkedAll=[]
this.chooseChecked=[]
this.getByDeptList()
this.peopleList=[]
},
// 根据区域id列表查看用户列表
getByDeptList(){
api.getDeptList({companyId:this.$store.state.userinfo.companyId,current:1,size:500,pid:this.deptId}).then(res => {
if (!res.code)
{
let deptList = []
res.records.forEach(item =>{
let userlist = []
api.getUserByDeptList({ids:[item.id]}).then(res => {
res.forEach(item =>{
userlist.push({
id:item.id,
realName:item.realName,
checked:false
})
})
})
deptList.push({
deptId:item.id,
name:item.name,
count:item.count,
checked:false,
values:userlist
})
})
this.peopleList = deptList
}
})
},
handleCheckChange(type,a=0,chooseItem,deptId,event){
// console.log(chooseItem,event,a,'this.peopleList')
let self = this
if(type==2){//二级菜单
let index = 0;
self.peopleList[a].values.map((item)=>{
if(self.checkedAll.indexOf(item.id)>-1){
index+=1
}
})
if(index>0){
if(self.checkedAll.indexOf(self.peopleList[a].deptId)<0){
self.checkedAll.push(self.peopleList[a].deptId)
}
}else{
if(self.checkedAll.indexOf(self.peopleList[a].deptId)>0){
self.checkedAll.splice(self.checkedAll.indexOf(self.peopleList[a].deptId),1)
}
}
if(event)
{
if(this.chooseChecked.length==0){self.chooseChecked.push({deptId:deptId,child:[]})}
this.chooseChecked.forEach((item,index) => {
let haveDeptId = self.chooseChecked.find(citem=>{
return citem.deptId===deptId
})
if(haveDeptId != undefined)
{
if(item.deptId==deptId)
{
item.child.push({deptId:deptId,id:chooseItem.id,realName:chooseItem.realName})
}
}
else
{
self.chooseChecked.push({deptId:deptId,child:[{deptId:deptId,id:chooseItem.id,realName:chooseItem.realName}]})
}
});
}
else
{
this.chooseChecked.forEach((item,index) => {
item.child.forEach((itemchild,index) => {
if(itemchild.id==chooseItem.id)
{
item.child.splice(index,1)
}
});
});
}
let childnum = this.chooseChecked.find(item=>{
return item.deptId === deptId
}).child.length;
let allchildnum = this.peopleList.find(item=>{
return item.deptId === deptId
}).values.length;
if(childnum != allchildnum)
{
if(self.checkedAll.indexOf(deptId)>-1){
self.checkedAll.splice(self.checkedAll.indexOf(deptId),1)
}
}
else
{
if(self.checkedAll.indexOf(deptId)<0){
self.checkedAll.push(deptId)
}
}
}else{
if(self.checkedAll.indexOf(self.peopleList[a].deptId)>-1){
self.peopleList[a].values.map((item)=>{
if(self.checkedAll.findIndex((n)=> n==item.id)<0){
self.checkedAll.push(item.id)
// self.checkedAll.push({id:item.id,realName:item.realName,deptId:self.peopleList[a].deptId})
}
})
}else{
self.peopleList[a].values.map((item)=>{
if(self.checkedAll.findIndex((n)=> n==item.id)>-1){
self.checkedAll.splice(self.checkedAll.findIndex((n)=> n==item.id),1)
}
})
}
let haveDeptId=self.chooseChecked.find(citem=>{
return citem.deptId === deptId
})
if(event)
{
if(haveDeptId == undefined)
{
let addchild=[]
self.peopleList.forEach((item,index) => {
if(item.deptId==deptId)
{
item.values.forEach((item,index) => {
addchild.push({deptId:deptId,id:item.id,realName:item.realName})
});
}
});
self.chooseChecked.push({deptId:deptId,child:addchild})
}
}
else
{
if(haveDeptId != undefined)
{
self.chooseChecked.forEach((item,index) => {
if(item.deptId==deptId)
{
self.chooseChecked.splice(index,1)
}
});
}
}
}
// console.log(this.checkedAll,self.chooseChecked,'checkedAll')
},
handleSubmit(){
if(!this.$clickThrottle()) { return }//防止重复点击
let chooseUser=[]
this.chooseChecked.forEach((item,index) => {
item.child.forEach((item,index) => {
chooseUser.push({deptId:item.deptId,id:item.id,realName:item.realName})
});
});
if(chooseUser.length == 0)
{
this.$message({
showClose: true,
message: '请先选择调解员！',
type: 'warning'
});
return false
}
this.$refs.ruleForm.validate((valid) => {
if(valid) {
let data = {
id:this.caseAllocationDialog.ObjectInfo.id,
dispatchType:this.queryParam.dispatchType,
userList:chooseUser
}
apipack.postpkgdispatchCase(data).then(res => {
this.$message({
showClose: true,
message: '调解案件分配成功！',
type: 'success'
});
this.$parent.getCaseInfoList()
this.handleClose()
})
}
})
},
handleSearch(){
},
handleChangeDate(){
let planStart = new Date(this.queryParam.planStartTime);
let planEnd = new Date(this.queryParam.planEndTime);
if (planEnd < planStart) {
this.$message({
showClose: true,
message: '开始日期不能大于结束日期！',
type: 'warning'
});
this.queryParam.planEndTime=''
}
},
handleClose() {
this.$emit('update:caseAllocationDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-content{
padding: 16px 24px;
max-height:500px
}
.department-wrap{
padding: 16px 24px;
max-height: 250px;
.department-wrap-list{
margin-bottom:32px;
}
.department-wrap-list:last-child{
margin-bottom:0;
}
}
.min-height350{min-height: 350px;}
.department-dept ::v-deep .el-checkbox__label {color: $color-000000}
</style>

836
src/pages/payment-receipt/components/editCaseDrawer.vue
View File

@ -1,836 +0,0 @@
<template>
<el-drawer
:title="editCaseDrawer.title"
:visible="true"
direction="rtl"
size="50%"
:before-close="handleClose"
>
<div class="">
<el-tabs v-model="activeName" @tab-click="handleClick" class="zd-el-tabs-custom zd-el-tabs-custom__left_padding">
<el-tab-pane label="基本信息" name="baseInfo">
<el-scrollbar class="bor">
<div class="" :style="{'height': `${drawerContentHeight}px`}">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">基本信息</div>
<div class="p-h-24">
<el-form ref="ruleFormBase"
:model="baseInfo"
:rules="rulesClient"
label-width="150px"
class="demo-ruleForm">
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="金融机构名称" prop="financialOrgName">
<el-input
v-model.trim="baseInfo.financialOrgName"
placeholder="请输入金融机构名称"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="社会统一信用代码" prop="financialOrgCode">
<el-input
v-model.trim="baseInfo.financialOrgCode"
placeholder="请输入社会统一信用代码"
clearable
maxlength="18"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="案件名称" prop="caseName">
<el-input
clearable
placeholder="请输入案件名称"
v-model="baseInfo.caseName" :disabled="caseStatus != 0">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件编号" prop="caseNo">
<el-input
clearable
placeholder="请输入案件编号"
:disabled="caseStatus != 0"
v-model="baseInfo.caseNo">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="金融产品类型" prop="productTypeId">
<el-select v-model="baseInfo.productTypeId"
clearable placeholder="请选择金融产品类型"
class="width100">
<el-option
v-for="item in financialProductsTypeOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标的金额" prop="moneyAmount">
<el-input
clearable
placeholder="请输入内容"
v-model="baseInfo.moneyAmount">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="逾期次数" prop="overdueTimes">
<!-- <el-select v-model="baseInfo.overdueTimes"
clearable placeholder="请选择逾期次数"
class="width100">
<el-option
v-for="item in operateMethodOptions"
:key="item"
:label="item"
:value="item">
</el-option>
</el-select> -->
<el-input-number v-model="baseInfo.overdueTimes" :min="0" :max="100" class="width100"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件描述" prop="caseDescr">
<el-input
clearable
placeholder="请输入内容"
v-model="baseInfo.caseDescr">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</el-scrollbar>
</el-tab-pane>
<el-tab-pane label="案件当事人" name="caseParty">
<el-scrollbar class="bor">
<div :style="{'height': `${drawerContentHeight}px`}">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">案件当事人</div>
<div class="p-h-24">
<div class="border-solid-lighter-1 p-h-24 mb-16">
<div class="flex-row justify-content-between height-48 line-height-48 f14 border-b-solid-lighter-1 mb-16">
<div class="color-000">债权人</div>
<div class="color-text-regular cursor-pointer" @click="handleReset">清空<i class="el-icon-close"></i></div>
</div>
<el-form ref="ruleFormCreditor"
:model="creditorInfo"
:rules="rulesClientCreditor"
label-width="150px"
class="demo-ruleForm">
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="债权人" prop="creditorName">
<el-input
v-model.trim="creditorInfo.creditorName"
placeholder="请输入债权人"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="社会统一信用代码" prop="creditorOrgCode">
<el-input
v-model.trim="creditorInfo.creditorOrgCode"
placeholder="请输入社会统一信用代码"
clearable
maxlength="18"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="法人姓名" prop="creditorLegal">
<el-input
clearable
placeholder="请输入法人姓名"
v-model="creditorInfo.creditorLegal">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="法人身份证号" prop="creditorIdcard">
<el-input
clearable
placeholder="请输入法人身份证号"
v-model="creditorInfo.creditorIdcard"
maxlength="18">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="法人手机号" prop="creditorPhone">
<el-input
clearable
placeholder="请输入法人手机号"
v-model="creditorInfo.creditorPhone"
maxlength="11"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司地址" prop="creditorAddr">
<el-input
clearable
placeholder="请输入公司地址"
v-model="creditorInfo.creditorAddr">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="邮编" prop="creditorMail">
<el-input
clearable
placeholder="请输入邮编"
v-model="creditorInfo.creditorMail"
maxlength="6"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="代理人" prop="creditorAgent">
<el-input
clearable
placeholder="请输入代理人"
v-model="creditorInfo.creditorAgent">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="border-solid-lighter-1 p-h-24">
<div class="flex-row justify-content-between f14 border-b-solid-lighter-1 mb-8 p-v-8 align-items-center">
<div class="color-000">债务人</div>
<el-button size="small" type="primary" @click="handleAdd">新增债务人<i class="el-icon-plus"></i></el-button>
</div>
<div>
<el-form ref="ruleFormObligor"
:model="obligorInfoForm"
label-width="150px"
class="demo-ruleForm">
<div v-for="(item,inx) in obligorInfoForm.debtorEntityList" :key="inx">
<div class="flex-row justify-content-between align-items-center height-40 f14 mb-16">
<div class="color-text-primary">债务人{{inx+1}}</div>
<div class="color-text-regular cursor-pointer" @click="handleRemoveDomain(item)">删除<i class="el-icon-close"></i></div>
</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="债务人姓名" :prop="'debtorEntityList.' + inx + '.name'" :rules="{required: true, message: '请输入债权人姓名', trigger: 'blur'}">
<el-input
v-model.trim="obligorInfoForm.debtorEntityList[inx].name"
placeholder="请输入债务人姓名"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件类型" :prop="'debtorEntityList.' + inx + '.cardTypeId'" :rules="{required: true, message: '请选择证件类型', trigger: 'change'}">
<el-select v-model="obligorInfoForm.debtorEntityList[inx].cardTypeId"
clearable placeholder="请选择证件类型"
class="width100">
<el-option
v-for="item in idTypeOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="证件号码" :prop="'debtorEntityList.' + inx + '.cardNo'"
:rules=" [
{ required: true, message: '请输入证件号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的证件号', trigger: ['blur', 'change']}
]">
<el-input
clearable
placeholder="请输入证件号码"
v-model="obligorInfoForm.debtorEntityList[inx].cardNo"
maxlength="18"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手机号码" :prop="'debtorEntityList.' + inx + '.phone'" :rules="[
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
]">
<el-input
clearable
placeholder="请输入手机号码"
v-model="obligorInfoForm.debtorEntityList[inx].phone"
maxlength="11"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="地址" :prop="'debtorEntityList.' + inx + '.addr'" :rules="{ required: true, message: '请输入地址', trigger: 'change',}">
<el-input
clearable
placeholder="请输入地址"
v-model="obligorInfoForm.debtorEntityList[inx].addr">
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮编" :prop="'debtorEntityList.' + inx + '.mail'" :rules="{ required: true, message: '请输入邮编', trigger: 'change',}">
<el-input
clearable
placeholder="请输入邮编"
v-model="obligorInfoForm.debtorEntityList[inx].mail"
maxlength="6">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</div>
</div>
</div>
</el-scrollbar>
</el-tab-pane>
<el-tab-pane label="模板选择" name="templateSelection">
<div :style="{'height': `${drawerContentHeight}px`}">
<el-form ref="ruleFormTemplate"
:model="queryParam"
:rules="rulesClientTemplate"
label-width="150px"
class="demo-ruleForm">
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">模板话术</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="话术模板" prop="tpSpeechcraftId">
<el-select v-model="queryParam.tpSpeechcraftId"
clearable placeholder="请选择模板话术"
class="width100">
<el-option
v-for="item in speechcraftTemplateOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
<div>
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">调解模板</div>
<el-row type="flex" align="middle">
<el-col :span="12">
<el-form-item label="调解模板" prop="tpMediateId">
<el-select v-model="queryParam.tpMediateId"
clearable placeholder="请选择调解模板"
class="width100">
<el-option
v-for="item in mediationTemplateOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="材料上传" name="materialUpload">
<div :style="{'height': `${drawerContentHeight}px`}">
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">证据材料</div>
<div class="p-h-24">
<upload-file-name :file-list="fileList" :max-count="20"
:show-file-name="true"
@handleUploadFile="handleUploadFile">
</upload-file-name>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="调解记录" name="mediationRecord">
<el-scrollbar class="bor">
<div :style="{'height': `${drawerContentHeight}px`}">
<div class="height-48 line-height-48 f18 color-000 m-v-16 p-h-24">调解记录</div>
<div class="p-h-24">
<div v-if="mediationRecord.length>0">
<div class="bg-color-light border-radius-4 p-24 mb-16" v-for="(item,inx) in mediationRecord" :key="inx">
<div class="f16 color-text-primary">{{item.createAt}}</div>
<div class="m-v-16" v-if="item.type==1">
{{item.content}}
</div>
<div class="audio_wrap m-v-16" v-else>
<audio :src="item.content.url" controls="controls" class="audio"></audio>
</div>
<!-- <div class="color-text-primary f14"><span class="color-text-regular">备注：</span>继任人</div> -->
</div>
</div>
<el-empty description="暂无调解记录" v-else></el-empty>
</div>
</div>
</el-scrollbar>
</el-tab-pane>
</el-tabs>
<div class="flex-row justify-content-end p-16 border-t-solid-lighter-1">
<div>
<el-button @click="handleClose">取 消</el-button>
<el-button type="primary" @click="handleSubmit">保存</el-button>
</div>
</div>
</div>
</el-drawer>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
uploadFileName: () => import('@/components/uploadFileName.vue'),//上传
},
props: {
editCaseDrawer: {
type: Object,
default: () => {
return {}
},
},
},
data() {
const moneyAmountValidate = (rule,value,callback)=>{
if (!value){
callback(new Error('请输入标的金额'));
}else if (!/^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/.test(value)){
callback(new Error('只能输入两位小数的金额!'));
}else if(!(0<parseInt(value)&&parseInt(value)<100000000)){
callback(new Error('只能输入大于1小于1亿的金额!'));
}else{
callback()
}
};
return {
caseStatus:0,
activeName:'baseInfo',
//-----------------------------基本信息-------------------------
baseInfo:{
financialOrgName:'',//金融机构名称
financialOrgCode:'',//社会统一信用代码
caseName:'',//案件名称
caseNo:'',//案件编号
productTypeId:'',//金融产品类型
moneyAmount:'',//标的金额
overdueTimes:0,//逾期次数
caseDescr:'',//案件描述
},
rulesClient: {
financialOrgName: [
{ required: true, message: '请输入机构名称', trigger: 'change',},
],
financialOrgCode: [
{ required: true, message: '请输入社会统一信用代码', trigger: 'change',},
],
caseName: [
{ required: true, message: '请输入案件名称', trigger: 'change',},
],
caseNo: [
{ required: true, message: '请输入案件编号', trigger: 'change',},
],
productTypeId: [
{ required: true, message: '请选择金融产品类型', trigger: 'change',},
],
moneyAmount: [
{ required: true, validator: moneyAmountValidate, trigger: 'change',},
],
caseDescr:[
{ required: true, message: '请输入案件描述', trigger: 'change',},
]
},
financialProductsTypeOptions:[],//金融产品类型
//----------------------------案件当事人-------------------
// 债权人
creditorInfo:{
creditorName:'',//债权人
creditorOrgCode:'',//债权人机构代码
creditorLegal:'',//法人
creditorIdcard:'',//法人身份证
creditorPhone:'',//法人手机
creditorAddr:'',//公司地址
creditorMail:'',//邮编
creditorAgent:'',//代理人
},
rulesClientCreditor: {
creditorName: [
{ required: true, message: '请输入债权人', trigger: 'change',},
],
creditorOrgCode: [
{ required: true, message: '请输入债权人机构代码', trigger: 'change',},
],
creditorLegal: [
{ required: true, message: '请输入法人', trigger: 'change',},
],
creditorIdcard: [
{ required: true, message: '请输入法人身份证号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的身份证号', trigger: ['blur', 'change']}
],
creditorPhone: [
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
],
creditorAddr: [
{ required: true, message: '请输入公司地址', trigger: 'change',},
],
// creditorAgent: [
// { required: true, message: '请输入代理人', trigger: 'change',},
// ],
},
// 债务人
idTypeOptions:[],
obligorInfoForm:{
debtorEntityList:[
{
name:'',//债务人姓名
phone:'',//债务人电话
cardTypeId:'',//证件类型
addr:'',//地址
cardNo:'',//证件号
mail:'',//邮编
}
],
},
obligorRulesClient:{
name: [
{ required: true, message: '请输入债务人姓名', trigger: 'change',},
],
phone: [
{ required: true, message: '请输入法人手机号', trigger: 'change',},
{ pattern: /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})|(19[0-9]{9})$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
],
cardTypeId: [
{ required: true, message: '请选择证件类型', trigger: 'change',},
],
addr: [
{ required: true, message: '请输入地址', trigger: 'change',},
],
cardNo: [
{ required: true, message: '请输入证件号', trigger: 'change',},
{ pattern: /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/, message: '请输入正确的身份证号', trigger: ['blur', 'change']}
],
mail: [
{ required: true, message: '请输入邮编', trigger: 'change',},
{ pattern: /^\d{6}$/, message: '请输入正确的邮编', trigger: ['blur', 'change']}
],
},
fileList:[],//证据材料
//-------------------------模板选择-----------------------------
speechcraftTemplateOptions:[],//话术模板
mediationTemplateOptions:[],//调解模板
queryParam:{
tpMediateId:'',//调解模板id
tpSpeechcraftId:'',//话术模板
},
rulesClientTemplate:{
tpMediateId: [
{ required: true, message: '请选择调解模板', trigger: 'change',},
],
tpSpeechcraftId: [
{ required: true, message: '请选择话术模板', trigger: 'change',},
],
},
caseId:'',//案件id
mediationRecord:[],//调解记录
currentPage:'',//父级页面当前页数
};
},
async created() {
this.getDict();//获取金融产品类型
this.getDictIdType();//获取证件类型
this.getTemplateList();//调解模板
this.getSpeechcraftTemplateList(),//话术模板
this.currentPage = this.editCaseDrawer.currentPage
console.log('父级页面当前页数',this.currentPage)
this.caseId = this.editCaseDrawer.data.id
this.getCaseInfoById();//获取详情
console.log('获取基本信息',this.baseInfo)
},
computed:{
// 获取抽屉drawer的内容高度
drawerContentHeight(){
let oh = document.documentElement.clientHeight;
return oh-200
}
},
methods: {
// 获取金融产品类型
getDict(){
let data = {
type:'financial'
}
api.getDict(data).then(res => {
if (!res.code) {
this.financialProductsTypeOptions = res;
}
})
},
// 获取证件类型
getDictIdType(){
let data = {
type:'certificates'
}
api.getDict(data).then(res => {
if (!res.code) {
this.idTypeOptions = res;
}
})
},
// 新增
handleAdd(){
this.obligorInfoForm.debtorEntityList.push({
name:'',//债务人姓名
phone:'',//债务人电话
cardTypeId:'',//证件类型
addr:'',//地址
cardNo:'',//证件号
mail:'',//邮编
});
},
// 删除
handleRemoveDomain(item) {
var index = this.obligorInfoForm.debtorEntityList.indexOf(item)
if (index !== -1) {
this.obligorInfoForm.debtorEntityList.splice(index, 1)
}
},
// 清空
handleReset(){
for (let key in this.creditorInfo) {
this.creditorInfo[key] = ''
}
},
// 切换tab
handleClick(tab, event) {
// console.log(tab, event);
// 为机构状态时，不显示确认按钮
// if(tab.name ==='mediationRecord'){
// this.showButton = false
// }else{
// this.showButton = true
// }
},
// 模板话术
getSpeechcraftTemplateList(){
let data = {
current: 1,
name: "",
size: 300,
type: 2,
}
api.getTemplateList(data).then(res => {
if (!res.code) {
this.speechcraftTemplateOptions = res.records;
}
})
},
// 调解模板
getTemplateList(){
let data = {
current: 1,
name: "",
size: 300,
type: 1,
}
api.getTemplateList(data).then(res => {
if (!res.code) {
this.mediationTemplateOptions = res.records;
// console.log('1111',this.mediationTemplateOptions)
}
})
},
submitFormData(type){
},
handleUploadFile(fileList){
fileList = JSON.parse(JSON.stringify(fileList))
this.fileList = fileList.map((item,i) => {
return {
url: item.url,
fileName:item.fileName,
name:item.fileName
}
})
// console.log('文件名',this.fileList)
},
// 获取详情
getCaseInfoById(){
let _that = this
api.getCaseInfoById(this.caseId).then(res => {
if(!res.code){
_that.caseStatus=res.caseStatus
// 基本信息
_that.baseInfo = {
financialOrgName:res.financialOrgName,//金融机构名称
financialOrgCode:res.financialOrgCode,//社会统一信用代码
caseName:res.caseName,//案件名称
caseNo:res.caseNo,//案件编号
productTypeId:res.productTypeId,//金融产品类型
moneyAmount:res.moneyAmount,//标的金额
overdueTimes:res.overdueTimes,//逾期次数
caseDescr:res.caseDescr,//案件描述
};
console.log('基本信息',_that.baseInfo)
// 案件当事人
// 债务人
_that.obligorInfoForm ={
debtorEntityList:res.debtorEntityList
}
// this.obligorInfo = res.debtorEntityList
console.log('债务人',_that.obligorInfoForm)
// 债权人
_that.creditorInfo = {
creditorName:res.creditorName,//债权人
creditorOrgCode:res.creditorOrgCode,//债权人机构代码
creditorLegal:res.creditorLegal,//法人
creditorIdcard:res.creditorIdcard,//法人身份证
creditorPhone:res.creditorPhone,//法人手机
creditorAddr:res.creditorAddr,//公司地址
creditorMail:res.creditorMail,//邮编
creditorAgent:res.creditorAgent,//代理人
};
// 调解记录
this.mediationRecord = res.logEntityList
// 模板选择
_that.queryParam = {
tpMediateId:String(res.tpMediateId),//调解模板id
tpSpeechcraftId:String(res.tpSpeechcraftId),//话术模板
};
// 材料
// console.log('获取图片',res.caseFileEntityList)
let caseFileEntityList = []
res.caseFileEntityList.forEach((item)=>{
caseFileEntityList.push({name:item.name,fileName:item.name,url:item.url})
})
_that.fileList = caseFileEntityList
}
})
},
// 保存
handleSubmit(){
let data = {
id:this.caseId,
...this.baseInfo,//基本信息
...this.creditorInfo,//债权人信息
...this.obligorInfoForm,//债务人
...this.queryParam,//模板选择
caseFileEntityList:this.fileList//证据材料
}
let formValidates = [
this.$refs["ruleFormBase"].validate(),
this.$refs["ruleFormCreditor"].validate(),
this.$refs["ruleFormObligor"].validate(),
this.$refs["ruleFormTemplate"].validate(),
]
if(!this.$clickThrottle()) { return }//防止重复点击
Promise.all(formValidates).then(()=>{
api.updateCaseInfoById(data).then(res => {
this.$message.success("编辑成功");
this.$parent.getCaseInfoList(this.currentPage)
this.handleClose()
})
}).catch(()=>{
this.$message({ message: '请检查必填项是否填完', type: "warning",customClass:'messageZindex'});
// console.log('请检查必填项是否填完')
})
},
checkForm(formName) {
return new Promise((resolve, reject) => {
this.$refs[formName].validate(valid => {
if (valid) {
resolve();
} else reject();
});
});
},
handleClose() {
this.$emit('update:editCaseDrawer', null)
},
}
};
</script>
<style scoped lang="scss">
.audio_wrap{
width: 330px;
height: 40px;
.audio{
width: 100%;
height: 100%;
}
}
</style>

101
src/pages/payment-receipt/components/importCaseDialog.vue
View File

@ -1,101 +0,0 @@
<template>
<div>
<el-dialog
:title="importCaseDialog.title"
:visible="true"
width="480px"
append-to-body
:close-on-click-modal="false"
@close="handleClose"
>
<div class="dialog-content">
<upload-import :file-list="fileList" :max-count="1"
:show-file-name="true"
accept=".xls,.xlsx"
@handleUploadFile="handleUploadFile"
@handleImport="handleImport">
</upload-import>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">取消</el-button>
<el-button @click="handleDownload()">下载</el-button>
<el-button type="primary" @click="handleSubmit()">确认</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import api from "@/services/caseManagement";
export default {
components: {
uploadImport:() => import('@/components/uploadImport.vue'),//导入上传
},
props: {
importCaseDialog: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
fileList:[],
};
},
mounted () {
},
methods: {
handleUploadFile(fileList){
console.log('获取上传文件信息',fileList)
fileList = JSON.parse(JSON.stringify(fileList))
this.fileList = fileList.map((item,i) => {
let time = this.$util.getTimestamp()
let fileType = this.$util.getFileExtension(item.url)
let fileName = `${time}.${fileType}`
return {
url: item.url,
fileName:fileName,
}
})
},
handleImport(file){
let formdata = new FormData();
formdata.append("file", file)
console.log(formdata)
api.getImportCase(formdata).then(res => {
this.$parent.getCaseInfoList(1)
this.$message.success("导入成功");
})
},
handleSubmit(){
if(!this.$clickThrottle()) { return }//防止重复点击
this.handleClose()
},
// 下载
handleDownload(){
if(!this.$clickThrottle()) { return }//防止重复点击
api.getExportTemplate({}).then(res => {
this.$util.downloadFileByBlob(res.data, '案件.xlsx')
})
},
handleClose() {
this.$emit('update:importCaseDialog', null)
},
}
};
</script>
<style scoped lang="scss">
.dialog-content{
padding: 16px 64px;
max-height:500px
}
</style>

10
src/pages/payment-receipt/index.vue
View File

@ -251,9 +251,15 @@ import smapi from "@/services/systemManage";
jumpUrl (url) {
this.$router.push(url);
},
handleCaseShow(scope){
this.fileDialog = {showfile:{url:scope.row.proofUrl},filelist:[]}
async handleCaseShow(scope){
let previewUrl = await this.getProofFile(scope.row.proofUrl)
this.fileDialog = {showfile:{url:previewUrl},filelist:[]}
},
async getProofFile(url){
let previewUrl = await this.$fetchApi.viewFullFile({path: url})
return previewUrl
},
UpdateClick(scope){
this.UpdateDialog = scope.row
this.UpdateDialog.paybackTime = scope.row.actualPayDate