
64 changed files with 2567 additions and 89 deletions
@ -0,0 +1,559 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button> |
||||
|
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button> |
||||
|
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button> |
||||
|
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件创建日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">公司负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">法务部门负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人证件号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8" class="tlineheightb"> |
||||
|
<div class="span-sty">贷款人户籍/注册地址</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">客户</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">欠款合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">是否全额诉讼</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">起诉金额合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">部分诉讼说明</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决结果</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">判决备注</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决生效后回款金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgPayMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">判决资料</div> |
||||
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title">车辆信息</div> |
||||
|
<el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column prop="vinNo" label="车架号" align="center" /> |
||||
|
<el-table-column prop="carNum" label="车牌号" align="center" /> |
||||
|
<el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" /> |
||||
|
<el-table-column prop="carState" label="车辆状态" align="center" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" /> |
||||
|
</el-table> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">预执行立案日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeRegisDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行时限</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeDeadline }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行立案金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">执行材料</div> |
||||
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.zxclFiles" :key="index" :src="item" :preview-src-list="formobj.zxclFiles" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 选择待办人 的弹出框--> |
||||
|
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%"> |
||||
|
<el-form class="formadd" > |
||||
|
<el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span class="icon">*</span>加签人员: |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item> |
||||
|
<el-select v-model="countersign.assignee" placeholder="请选择" filterable> |
||||
|
<el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>当前环节:</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row :class="{rowClass:!currentLink}"> |
||||
|
<el-col :span="4" class="tleftb"> |
||||
|
<span>意见:</span> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div style="text-align:center;margin-top: 20px;"> |
||||
|
<el-button type="primary" size="mini" @click="reject">确 定</el-button> |
||||
|
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/caseexecution/caseexecution' |
||||
|
import { selectStaffListss } from '@/api/Common/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'CaseExecutionDaiBan', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
arrearsTotal: '', |
||||
|
bankContract: '', |
||||
|
bankName: '', |
||||
|
billNo: '', |
||||
|
caseCreateDate: '', |
||||
|
caseNo: '', |
||||
|
caseType: '', |
||||
|
compHead: '', |
||||
|
createByName: '', |
||||
|
customName: '', |
||||
|
deptName: '', |
||||
|
deptSid: '', |
||||
|
executeDeadline: '', |
||||
|
executeRegisDate: '', |
||||
|
executeRegisMoney: '', |
||||
|
isFullLitigation: '', |
||||
|
judgDate: '', |
||||
|
judgMoney: '', |
||||
|
judgPayMoney: '', |
||||
|
judgRemarks: '', |
||||
|
judgResult: '', |
||||
|
legalDeptHead: '', |
||||
|
lenderAddress: '', |
||||
|
lenderIdNo: '', |
||||
|
lenderName: '', |
||||
|
loanCaseExecuteVehList: [], |
||||
|
loanContract: '', |
||||
|
nodeSid: '', |
||||
|
nodeState: '', |
||||
|
orgPath: '', |
||||
|
partProceRemarks: '', |
||||
|
pjclFiles: [], |
||||
|
procDefId: '', |
||||
|
procInstSid: '', |
||||
|
sid: '', |
||||
|
sueMoneyTotal: '', |
||||
|
taskId: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zxclFiles: [] |
||||
|
}, |
||||
|
rules: {}, |
||||
|
options: [], |
||||
|
operation: '', // 点击操作按钮 |
||||
|
dialogList: { |
||||
|
comment: '' |
||||
|
}, |
||||
|
startTask: true, |
||||
|
current: { |
||||
|
taskDefKey: '', |
||||
|
taskName: '' // 当前环节名称 |
||||
|
}, |
||||
|
nextNode: {}, // 下一环节 |
||||
|
nodeDialogVisible: false, |
||||
|
currentLink: true, |
||||
|
countersignLink: false, |
||||
|
// 环节所需参数 |
||||
|
linkByParameter: { |
||||
|
businessSid: '', |
||||
|
comment: '', |
||||
|
instanceId: '', |
||||
|
taskId: '', |
||||
|
orgSidPath: '', |
||||
|
taskDefKey: '', |
||||
|
userSid: '' |
||||
|
}, |
||||
|
// 加签按钮所需参数 |
||||
|
countersign: { |
||||
|
taskId: '', |
||||
|
assignee: '', |
||||
|
userSid: '', |
||||
|
instanceId: '', |
||||
|
views: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
console.log('url:' + window.location.href) |
||||
|
var one = window.location.href.indexOf('&data') + 6 |
||||
|
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用 |
||||
|
const obj = JSON.parse(decodeURIComponent(data)) |
||||
|
console.log('iframe页面获取的obj:', obj) |
||||
|
// 点击(同意、终止、驳回、驳回)操作时所需的参数 |
||||
|
this.linkByParameter.businessSid = obj.businessSid |
||||
|
this.linkByParameter.instanceId = obj.instanceId |
||||
|
this.linkByParameter.taskId = obj.taskId |
||||
|
this.linkByParameter.taskDefKey = obj.taskDefKey |
||||
|
// this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath') |
||||
|
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid') |
||||
|
this.current.taskDefKey = obj.taskDefKey |
||||
|
this.current.taskName = obj.taskName |
||||
|
// 加签参数 |
||||
|
this.countersign.taskId = obj.taskId |
||||
|
this.countersign.userSid = window.sessionStorage.getItem('userSid') |
||||
|
this.countersign.instanceId = obj.instanceId |
||||
|
// 加载表单数据 |
||||
|
this.showInfo(obj.businessSid) |
||||
|
}, |
||||
|
mounted() { |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 告诉父级页面,子页面的弹框高度。 |
||||
|
code: 2, |
||||
|
data: 500 + 'px' |
||||
|
} |
||||
|
}, '*') |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(sid) { |
||||
|
this.viewTitle = '执行立案申请详情' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
req.fetchBySid(sid).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
if (this.formobj.pjclFiles.length > 0) { |
||||
|
const aa = [] |
||||
|
this.formobj.pjclFiles.forEach((e) => { |
||||
|
aa.push(e.url) |
||||
|
}) |
||||
|
this.formobj.pjclFiles = aa |
||||
|
} |
||||
|
if (this.formobj.zxclFiles.length > 0) { |
||||
|
const aa = [] |
||||
|
this.formobj.zxclFiles.forEach((e) => { |
||||
|
aa.push(e.url) |
||||
|
}) |
||||
|
this.formobj.zxclFiles = aa |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
selectStaffListss().then((res) => { |
||||
|
if (res.success) { |
||||
|
this.options = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 加签 |
||||
|
openCountersign(val) { |
||||
|
this.operation = val |
||||
|
this.currentLink = true |
||||
|
this.countersignLink = true |
||||
|
this.dialogList.comment = '' |
||||
|
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
var arr = resp.data |
||||
|
this.nextNode = arr[0] |
||||
|
this.nodeDialogVisible = true |
||||
|
} |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
}, |
||||
|
// 同意 |
||||
|
openAgree(val) { |
||||
|
this.operation = val |
||||
|
this.currentLink = true |
||||
|
this.countersignLink = false |
||||
|
this.dialogList.comment = '同意' |
||||
|
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
var arr = resp.data |
||||
|
this.nextNode = arr[0] |
||||
|
this.nodeDialogVisible = true |
||||
|
} |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
}, |
||||
|
// 驳回 |
||||
|
openReject(val) { |
||||
|
this.operation = val |
||||
|
this.currentLink = true |
||||
|
this.countersignLink = false |
||||
|
this.dialogList.comment = '' |
||||
|
req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
var arr = resp.data |
||||
|
this.nextNode = arr[0] |
||||
|
this.nodeDialogVisible = true |
||||
|
} |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
}, |
||||
|
// 终止 |
||||
|
openStop(val) { |
||||
|
this.operation = val |
||||
|
this.currentLink = false |
||||
|
this.countersignLink = false |
||||
|
this.dialogList.comment = '' |
||||
|
this.nodeDialogVisible = true |
||||
|
}, |
||||
|
reject() { |
||||
|
if (this.operation === '同意') { |
||||
|
this.handleAgree() |
||||
|
} else if (this.operation === '驳回') { |
||||
|
if (this.dialogList.comment === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' }) |
||||
|
} else { |
||||
|
this.handleReject() |
||||
|
} |
||||
|
} else if (this.operation === '终止') { |
||||
|
if (this.dialogList.comment === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' }) |
||||
|
} else { |
||||
|
this.handleStop() |
||||
|
} |
||||
|
} else if (this.operation === '加签') { |
||||
|
this.handleCountersign() |
||||
|
} |
||||
|
}, |
||||
|
/** 加签 */ |
||||
|
handleCountersign() { |
||||
|
if (this.countersign.assignee === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请选择加签人员' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.dialogList.comment === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' }) |
||||
|
return |
||||
|
} |
||||
|
this.countersign.views = this.dialogList.comment |
||||
|
req.delegate(this.countersign).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '执行成功', |
||||
|
type: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
this.nodeDialogVisible = false |
||||
|
// 子页面向父级页面传递值 |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
/** 同意任务 */ |
||||
|
handleAgree() { |
||||
|
this.linkByParameter.comment = this.dialogList.comment |
||||
|
req.complete(this.linkByParameter).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '执行成功', |
||||
|
type: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
this.nodeDialogVisible = false |
||||
|
// 子页面向父级页面传递值 |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
/** 驳回任务 */ |
||||
|
handleReject() { |
||||
|
this.linkByParameter.comment = this.dialogList.comment |
||||
|
req.reject(this.linkByParameter).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '执行成功', |
||||
|
type: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
this.nodeDialogVisible = false |
||||
|
// 子页面向父级页面传递值 |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
/** 终止任务 */ |
||||
|
handleStop() { |
||||
|
this.linkByParameter.comment = this.dialogList.comment |
||||
|
req.breakProcess(this.linkByParameter).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '执行成功', |
||||
|
type: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
this.nodeDialogVisible = false |
||||
|
// 子页面向父级页面传递值 |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
.tlineheightb { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
||||
|
line-height: 15px !important; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.rowClass{ |
||||
|
border-top: 1px solid #E0E3EB; |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,366 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件创建日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">公司负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">法务部门负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人证件号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8" class="tlineheightb"> |
||||
|
<div class="span-sty">贷款人户籍/注册地址</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">客户</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">欠款合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">是否全额诉讼</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">起诉金额合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">部分诉讼说明</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决结果</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">判决备注</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决生效后回款金额</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" @input="judgPayMoneyInput" v-model="formobj.judgPayMoney" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">判决资料</div> |
||||
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title">车辆信息</div> |
||||
|
<el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column prop="vinNo" label="车架号" align="center" /> |
||||
|
<el-table-column prop="carNum" label="车牌号" align="center" /> |
||||
|
<el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" /> |
||||
|
<el-table-column prop="carState" label="车辆状态" align="center" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" /> |
||||
|
</el-table> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">预执行立案日期</div> |
||||
|
<el-form-item><el-date-picker class="addinputInfo" v-model="formobj.executeRegisDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行时限</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="formobj.executeDeadlineKey" placeholder="请选择" @change="executeDeadlineChange" clearable filterable> |
||||
|
<el-option v-for="item in executeDeadline_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行立案金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">执行材料</div> |
||||
|
<el-form-item> |
||||
|
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.zxclFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/caseexecution/caseexecution' |
||||
|
import { typeValues } from '@/api/Common/dictcommons' |
||||
|
import uploadImg from '@/components/uploadFile/uploadImg' |
||||
|
|
||||
|
export default { |
||||
|
name: 'CaseExecutionEdit', |
||||
|
components: { |
||||
|
uploadImg |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
executeDeadline_list: [], |
||||
|
image_list: [], |
||||
|
formobj: { |
||||
|
arrearsTotal: '', |
||||
|
bankContract: '', |
||||
|
bankName: '', |
||||
|
billNo: '', |
||||
|
caseCreateDate: '', |
||||
|
caseNo: '', |
||||
|
caseType: '', |
||||
|
compHead: '', |
||||
|
createByName: '', |
||||
|
customName: '', |
||||
|
deptName: '', |
||||
|
deptSid: '', |
||||
|
executeDeadline: '', |
||||
|
executeRegisDate: '', |
||||
|
executeRegisMoney: '', |
||||
|
isFullLitigation: '', |
||||
|
judgDate: '', |
||||
|
judgMoney: '', |
||||
|
judgPayMoney: '', |
||||
|
judgRemarks: '', |
||||
|
judgResult: '', |
||||
|
legalDeptHead: '', |
||||
|
lenderAddress: '', |
||||
|
lenderIdNo: '', |
||||
|
lenderName: '', |
||||
|
loanCaseExecuteVehList: [], |
||||
|
loanContract: '', |
||||
|
nodeSid: '', |
||||
|
nodeState: '', |
||||
|
orgPath: '', |
||||
|
partProceRemarks: '', |
||||
|
pjclFiles: [], |
||||
|
procDefId: '', |
||||
|
procInstSid: '', |
||||
|
sid: '', |
||||
|
sueMoneyTotal: '', |
||||
|
taskId: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zxclFiles: [] |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
console.log('url:' + window.location.href) |
||||
|
var one = window.location.href.indexOf('&data') + 6 |
||||
|
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用 |
||||
|
const obj = JSON.parse(decodeURIComponent(data)) |
||||
|
this.showInfo(obj.businessSid) |
||||
|
}, |
||||
|
mounted() { |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 告诉父级页面,子页面的弹框高度。 |
||||
|
code: 2, |
||||
|
data: 500 + 'px' |
||||
|
} |
||||
|
}, '*') |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'executeDeadline' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.executeDeadline_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
showInfo(sid) { |
||||
|
this.viewTitle = '【编辑】执行立案申请' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.init() |
||||
|
req.fetchBySid(sid).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
this.formobj.instanceId = res.data.procInstSid |
||||
|
if (this.formobj.pjclFiles.length > 0) { |
||||
|
const aa = [] |
||||
|
this.formobj.pjclFiles.forEach((e) => { |
||||
|
aa.push(e.url) |
||||
|
}) |
||||
|
this.image_list = aa |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
judgPayMoneyInput() { |
||||
|
this.formobj.executeRegisMoney = parseFloat(this.formobj.judgMoney !== '' ? this.formobj.judgMoney : 0) - parseFloat(this.formobj.judgPayMoney !== '' ? this.formobj.judgPayMoney : 0) |
||||
|
}, |
||||
|
executeDeadlineChange(value) { |
||||
|
const choose = this.executeDeadline_list.filter((item) => item.dictKey === value) |
||||
|
if (choose !== null && choose.length > 0) { |
||||
|
this.formobj.executeDeadline = choose[0].dictValue |
||||
|
} else { |
||||
|
this.formobj.executeDeadline = '' |
||||
|
} |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
req.saveOrUpdate(this.formobj).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
// 子页面向父级页面传递值(关闭弹框) |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} else { |
||||
|
this.submitdisabled = false |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
submit() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
req.submit(this.formobj).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
||||
|
// 子页面向父级页面传递值(关闭弹框) |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} else { |
||||
|
this.submitdisabled = false |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
.tlineheightb { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
||||
|
line-height: 15px !important; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,345 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件创建日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">公司负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">法务部门负责人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">案件类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">贷款人证件号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8" class="tlineheightb"> |
||||
|
<div class="span-sty">贷款人户籍/注册地址</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">客户</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">资方合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">欠款合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">是否全额诉讼</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">起诉金额合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">部分诉讼说明</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决结果</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">判决备注</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">判决生效后回款金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.judgPayMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">判决资料</div> |
||||
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title">车辆信息</div> |
||||
|
<el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column prop="vinNo" label="车架号" align="center" /> |
||||
|
<el-table-column prop="carNum" label="车牌号" align="center" /> |
||||
|
<el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" /> |
||||
|
<el-table-column prop="carState" label="车辆状态" align="center" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" /> |
||||
|
</el-table> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">预执行立案日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeRegisDate }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行时限</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeDeadline }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">执行立案金额</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">执行材料</div> |
||||
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.zxclFiles" :key="index" :src="item" :preview-src-list="formobj.zxclFiles" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/caseexecution/caseexecution' |
||||
|
|
||||
|
export default { |
||||
|
name: 'CaseExecutionYiBan', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
arrearsTotal: '', |
||||
|
bankContract: '', |
||||
|
bankName: '', |
||||
|
billNo: '', |
||||
|
caseCreateDate: '', |
||||
|
caseNo: '', |
||||
|
caseType: '', |
||||
|
compHead: '', |
||||
|
createByName: '', |
||||
|
customName: '', |
||||
|
deptName: '', |
||||
|
deptSid: '', |
||||
|
executeDeadline: '', |
||||
|
executeRegisDate: '', |
||||
|
executeRegisMoney: '', |
||||
|
isFullLitigation: '', |
||||
|
judgDate: '', |
||||
|
judgMoney: '', |
||||
|
judgPayMoney: '', |
||||
|
judgRemarks: '', |
||||
|
judgResult: '', |
||||
|
legalDeptHead: '', |
||||
|
lenderAddress: '', |
||||
|
lenderIdNo: '', |
||||
|
lenderName: '', |
||||
|
loanCaseExecuteVehList: [], |
||||
|
loanContract: '', |
||||
|
nodeSid: '', |
||||
|
nodeState: '', |
||||
|
orgPath: '', |
||||
|
partProceRemarks: '', |
||||
|
pjclFiles: [], |
||||
|
procDefId: '', |
||||
|
procInstSid: '', |
||||
|
sid: '', |
||||
|
sueMoneyTotal: '', |
||||
|
taskId: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zxclFiles: [] |
||||
|
}, |
||||
|
// 环节所需参数 |
||||
|
linkByParameter: { |
||||
|
businessSid: '', |
||||
|
comment: '', |
||||
|
instanceId: '', |
||||
|
taskId: '', |
||||
|
orgSidPath: '', |
||||
|
taskDefKey: '', |
||||
|
userSid: '' |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
console.log('url:' + window.location.href) |
||||
|
var one = window.location.href.indexOf('&data') + 6 |
||||
|
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用 |
||||
|
const obj = JSON.parse(decodeURIComponent(data)) |
||||
|
console.log('iframe页面获取的obj:', obj) |
||||
|
// 点击(同意、终止、驳回、驳回)操作时所需的参数 |
||||
|
this.linkByParameter.businessSid = obj.businessSid |
||||
|
this.linkByParameter.instanceId = obj.instanceId |
||||
|
this.linkByParameter.taskId = obj.taskId |
||||
|
this.linkByParameter.taskDefKey = obj.taskDefKey |
||||
|
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid') |
||||
|
// 加载表单数据 |
||||
|
this.showInfo(obj.businessSid) |
||||
|
}, |
||||
|
mounted() { |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 告诉父级页面,子页面的弹框高度。 |
||||
|
code: 2, |
||||
|
data: 500 + 'px' |
||||
|
} |
||||
|
}, '*') |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(sid) { |
||||
|
this.viewTitle = '执行立案申请详情' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
req.fetchBySid(sid).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
if (this.formobj.pjclFiles.length > 0) { |
||||
|
const aa = [] |
||||
|
this.formobj.pjclFiles.forEach((e) => { |
||||
|
aa.push(e.url) |
||||
|
}) |
||||
|
this.formobj.pjclFiles = aa |
||||
|
} |
||||
|
if (this.formobj.zxclFiles.length > 0) { |
||||
|
const aa = [] |
||||
|
this.formobj.zxclFiles.forEach((e) => { |
||||
|
aa.push(e.url) |
||||
|
}) |
||||
|
this.formobj.zxclFiles = aa |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
/** 确认撤回任务 */ |
||||
|
openRevoke() { |
||||
|
this.$confirm('是否确认执行撤回操作', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.handleRevoke() |
||||
|
}).catch(() => { |
||||
|
this.$message({ |
||||
|
type: 'info', |
||||
|
message: '已取消撤回' |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
/** 撤回任务 */ |
||||
|
handleRevoke() { |
||||
|
req.revokeProcess(this.linkByParameter).then((response) => { |
||||
|
if (response.success) { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '执行成功', |
||||
|
type: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
this.nodeDialogVisible = false |
||||
|
// 子页面向父级页面传递值 |
||||
|
window.parent.postMessage({ |
||||
|
cmd: 'returnHeight', |
||||
|
params: { |
||||
|
// 操作成功,告诉父级页面关闭弹框 |
||||
|
code: 1 |
||||
|
} |
||||
|
}, '*') |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 150px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 140px !important; |
||||
|
} |
||||
|
.tlineheightb { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo { |
||||
|
line-height: 15px !important; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,34 @@ |
|||||
|
package com.yxt.anrui.riskcenter.api.loancaseprogress; |
||||
|
|
||||
|
import com.yxt.anrui.riskcenter.api.loanoverduefin.UrlQuery; |
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
import java.math.BigDecimal; |
||||
|
import java.util.ArrayList; |
||||
|
import java.util.Date; |
||||
|
import java.util.List; |
||||
|
|
||||
|
/** |
||||
|
* @author Fan |
||||
|
* @description |
||||
|
* @date 2024/2/28 10:14 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class DetailsFees { |
||||
|
@ApiModelProperty("缴费项目") |
||||
|
private String paymentItems; |
||||
|
@ApiModelProperty("缴费时间") |
||||
|
private String paymentTime; |
||||
|
@ApiModelProperty("缴费金额") |
||||
|
private String paymentMoney; |
||||
|
@ApiModelProperty("操作时间") |
||||
|
private String operatingTime; |
||||
|
// @ApiModelProperty("附件")
|
||||
|
// private String filePath;
|
||||
|
@ApiModelProperty("操作人") |
||||
|
private String operator; |
||||
|
@ApiModelProperty("操作人Sid") |
||||
|
private String operatorSid; |
||||
|
private List<UrlQuery> feesfile = new ArrayList<>(); |
||||
|
} |
@ -0,0 +1,23 @@ |
|||||
|
package com.yxt.anrui.riskcenter.api.loancaseprogress; |
||||
|
|
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
/** |
||||
|
* @author Fan |
||||
|
* @description |
||||
|
* @date 2024/2/28 10:14 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class DetailsGuarantor { |
||||
|
@ApiModelProperty("姓名") |
||||
|
private String name; |
||||
|
@ApiModelProperty("身份证号") |
||||
|
private String idCardNo; |
||||
|
@ApiModelProperty("户籍地址") |
||||
|
private String registerAddress; |
||||
|
@ApiModelProperty("现住址") |
||||
|
private String currentAddress; |
||||
|
@ApiModelProperty("联系电话") |
||||
|
private String mobile; |
||||
|
} |
@ -0,0 +1,40 @@ |
|||||
|
package com.yxt.anrui.riskcenter.api.loancaseprogress; |
||||
|
|
||||
|
import com.yxt.anrui.riskcenter.api.loanoverduefin.UrlQuery; |
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
import java.math.BigDecimal; |
||||
|
import java.util.ArrayList; |
||||
|
import java.util.Date; |
||||
|
import java.util.List; |
||||
|
|
||||
|
/** |
||||
|
* @author Fan |
||||
|
* @description |
||||
|
* @date 2024/2/28 10:15 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class DetailsPreserve { |
||||
|
@ApiModelProperty("保全类型key") |
||||
|
private String preserveTypeKey; |
||||
|
@ApiModelProperty("保全类型") |
||||
|
private String preserveType; |
||||
|
@ApiModelProperty("保全项目") |
||||
|
private String preserveItems; |
||||
|
@ApiModelProperty("保全日期") |
||||
|
private String preserveTime; |
||||
|
@ApiModelProperty("保全金额") |
||||
|
private String preserveMoney; |
||||
|
@ApiModelProperty("有效期至") |
||||
|
private String dateTo; |
||||
|
@ApiModelProperty("操作时间") |
||||
|
private String operatingTime; |
||||
|
// @ApiModelProperty("附件")
|
||||
|
// private String filePath;
|
||||
|
@ApiModelProperty("操作人") |
||||
|
private String operator; |
||||
|
@ApiModelProperty("操作人Sid") |
||||
|
private String operatorSid; |
||||
|
private List<UrlQuery> preservefile = new ArrayList<>(); |
||||
|
} |
@ -0,0 +1,22 @@ |
|||||
|
package com.yxt.anrui.riskcenter.api.loancaseprogress; |
||||
|
|
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
/** |
||||
|
* @author Fan |
||||
|
* @description |
||||
|
* @date 2024/2/28 10:13 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class DetailsVeh { |
||||
|
private String busVinSid; |
||||
|
private String vinNo; |
||||
|
private String vehMark; |
||||
|
@ApiModelProperty("车辆状态(已控制、已收回、已处置)") |
||||
|
private String vehStatus; |
||||
|
@ApiModelProperty("挂靠公司") |
||||
|
private String affiliatedCompany; |
||||
|
@ApiModelProperty("挂车情况") |
||||
|
private String trailerInfo; |
||||
|
} |
@ -0,0 +1,15 @@ |
|||||
|
package com.yxt.anrui.riskcenter.api.loancaseprogress; |
||||
|
|
||||
|
import lombok.Data; |
||||
|
|
||||
|
/** |
||||
|
* @author Fan |
||||
|
* @description |
||||
|
* @date 2024/2/28 14:49 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class FirstReviewVo { |
||||
|
private String sid; |
||||
|
|
||||
|
|
||||
|
} |
@ -0,0 +1,35 @@ |
|||||
|
package com.yxt.anrui.terminal.api.risk.caseclose; |
||||
|
|
||||
|
import com.baomidou.mybatisplus.annotation.TableName; |
||||
|
import com.yxt.common.core.domain.BaseEntity; |
||||
|
import io.swagger.annotations.ApiModel; |
||||
|
import io.swagger.annotations.ApiModelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
import java.math.BigDecimal; |
||||
|
import java.util.Date; |
||||
|
import java.util.List; |
||||
|
|
||||
|
/** |
||||
|
* @author Administrator |
||||
|
* @description |
||||
|
* @date 2023/8/16 14:34 |
||||
|
*/ |
||||
|
@Data |
||||
|
public class AppCaseProgressExecuteMeasureDetailsVo { |
||||
|
|
||||
|
@ApiModelProperty("执行措施") |
||||
|
private String measure; |
||||
|
@ApiModelProperty("执行日期") |
||||
|
private String measureTime; |
||||
|
@ApiModelProperty("执行回款金额") |
||||
|
private String measureMoney; |
||||
|
@ApiModelProperty("执行说明") |
||||
|
private String measureShows; |
||||
|
@ApiModelProperty("操作时间") |
||||
|
private String operatorTime; |
||||
|
@ApiModelProperty("操作人") |
||||
|
private String operator; |
||||
|
@ApiModelProperty("附件") |
||||
|
private List<String> appMeasureFiles; |
||||
|
} |
Loading…
Reference in new issue