<template>
|
<div class="product">
|
<div v-for="(item,index) in moneyBackArr" :key="index">
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
财务信息
|
</p>
|
<el-form :model="moneyBackForm[index]" :rules="rules" ref="moneyBackForm" label-width="165px" size="small" inline>
|
<el-form-item
|
label="应回款金额"
|
v-if="item.receivableMessageRes.paymentAmt.visible"
|
>
|
<el-input
|
v-model="moneyBackForm[index].receivableMessageRes.paymentAmt"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="已回款金额"
|
v-if="item.receivableMessageRes.actualPayAmtSum.visible"
|
>
|
<el-input
|
v-model="moneyBackForm[index].receivableMessageRes.actualPayAmtSum"
|
disabled
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="仍需回款金额"
|
v-if="item.receivableMessageRes.surplusTotalAmt.visible"
|
>
|
<el-input
|
v-model="moneyBackForm[index].receivableMessageRes.surplusTotalAmt"
|
disabled
|
></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<ClaimedFunds
|
:claimedFunds="receivableData"
|
operationType='0'
|
>
|
</ClaimedFunds>
|
<WaitFunds
|
v-if="isclaimed == '0'"
|
:surplusTotalAmt='moneyBackForm[index].receivableMessageRes.stillbackpaysum'
|
:isEntAdvanceMoney='moneyBackForm[index].receivableMessageRes.isEntAdvanceMoney'
|
:entAdvanceMoneyStatus='moneyBackForm[index].receivableMessageRes.entAdvanceMoneyStatus'
|
v-on:sendClaimResult='sendClaimResult'
|
v-on:sendLoanInfo='sendLoanInfo'
|
operationType='0'
|
></WaitFunds>
|
</div>
|
<div class="fixedBtn">
|
<el-button
|
size="medium"
|
plain
|
@click="refuse"
|
v-if="applyInfo.phaseNo=='0203'"
|
>驳回/拒绝</el-button>
|
<el-button
|
size="medium"
|
plain
|
@click="prevStep"
|
>上一页</el-button>
|
<el-button
|
size="medium"
|
type="primary"
|
@click="nextPage()"
|
>下一步</el-button>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {
|
qryReceivableInfo,
|
getDictionaryList,
|
saveReceivableInfo
|
} from '@api/product'
|
import WaitFunds from '../../../components/WaitFunds'
|
import ClaimedFunds from '../../../components/ClaimedFunds'
|
import common from "@/utils/common";
|
export default {
|
data () {
|
return {
|
applyInfo:this.$store.state.product.applyInfo,
|
applyMenu: this.$store.state.product.applyMenu,
|
moneyBackForm:[],
|
moneyBackArr:[],
|
receivableData:[],
|
initialArr:[],
|
rules:{},
|
YesNo:[],
|
isclaimed: '',
|
}
|
},
|
async created () {
|
const result = await this.qryReceivableInfo()
|
this.qryReceivableData(result)
|
this.YesNo = await this.qryDictionaryList('YesNo')
|
},
|
components: {
|
WaitFunds,
|
ClaimedFunds
|
},
|
methods: {
|
sendLoanInfo(data){
|
for (const key in data) {
|
// 格式化金额
|
if (
|
key == "paymentAmt" ||
|
key == "actualPayAmtSum" ||
|
key == "surplusTotalAmt"
|
) {
|
data[key] = this.formatMoney(data[key]);
|
}
|
// 流水认领成功后更新部分字段
|
if (
|
key == "paymentAmt" ||
|
key == "actualPayAmtSum" ||
|
key == "surplusTotalAmt"
|
) {
|
this.moneyBackForm[0]['receivableMessageRes'][key] = data[key]
|
this.initialArr[0]['receivableMessageRes'][key] = data[key]
|
}
|
}
|
},
|
// 接受子组件的传值并且更新已认领资金列表
|
async sendClaimResult(){
|
const result = await this.qryReceivableInfo()
|
this.isclaimed = result.isclaimed.value
|
this.getReceivableData(result.claimBankWaterMessageRes.receivableManage)
|
for (const key in result) {
|
if(key == 'receivableMessageRes'){
|
for (const child in result[key]) {
|
// 格式化金额
|
if (
|
child == "paymentAmt" ||
|
child == "actualPayAmtSum" ||
|
child == "surplusTotalAmt"
|
) {
|
result[key][child].value = this.formatMoney(
|
result[key][child].value
|
);
|
}
|
// 流水认领成功后更新部分字段
|
if (
|
child == "paymentAmt" ||
|
child == "actualPayAmtSum" ||
|
child == "surplusTotalAmt"
|
) {
|
this.moneyBackForm[0][key][child] = result[key][child].value
|
this.initialArr[0][key][child] = result[key][child].value
|
}
|
}
|
}
|
}
|
},
|
// 对已认领资金数据进行处理
|
getReceivableData(array){
|
this.receivableData = []
|
array.forEach(val => {
|
const obj = {}
|
for (const key in val) {
|
if(key == 'receivabletype'){
|
obj[key] = val[key].valueDesc
|
}else{
|
obj[key] = val[key].value
|
}
|
}
|
this.receivableData.push(obj)
|
});
|
},
|
// 还款信息查询
|
qryReceivableInfo(){
|
return new Promise(resolve=>{
|
qryReceivableInfo({applySerialno:this.applyInfo.serialNo,receivableType:'10'}).then(res=>{
|
resolve(res.result)
|
})
|
})
|
},
|
// 对数据进行处理封装
|
qryReceivableData(result){
|
this.isclaimed = result.isclaimed.value
|
this.getReceivableData(result.claimBankWaterMessageRes.receivableManage)
|
this.moneyBackArr = [result]
|
this.moneyBackForm = []
|
this.initialArr = []
|
this.moneyBackArr.forEach((val,index) => {
|
// 格式化数据
|
const obj = {}
|
for (const key in val) {
|
if(key == 'receivableMessageRes'){
|
obj[key] = {};
|
for (const child in val[key]) {
|
// 格式化金额
|
if (
|
child == "paymentAmt" ||
|
child == "actualPayAmtSum" ||
|
child == "surplusTotalAmt"
|
) {
|
val[key][child].value = this.formatMoney(
|
val[key][child].value
|
);
|
}
|
this.rules["receivableMessageRes." + child] = [];
|
if (val[key][child].required) {
|
this.rules["receivableMessageRes." + child].push({
|
required: true,
|
message: `请输入${val[key][child].filedDescription}`,
|
trigger: "change"
|
});
|
}
|
obj[key][child] = val[key][child].value;
|
}
|
}
|
}
|
this.moneyBackForm.push(obj)
|
this.initialArr.push(Object.assign({},obj));
|
});
|
},
|
// 金额格式化
|
formatMoney(value) {
|
if (value) {
|
value =
|
parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(2) + "";
|
if (value == "NaN") return;
|
let l = value
|
.split(".")[0]
|
.split("")
|
.reverse();
|
let r = value.split(".")[1];
|
let t = "";
|
for (let i = 0; i < l.length; i++) {
|
t += l[i] + ((i + 1) % 3 === 0 && i + 1 !== l.length ? "," : "");
|
}
|
return (
|
t
|
.split("")
|
.reverse()
|
.join("") +
|
"." +
|
r
|
);
|
}
|
},
|
// 字典
|
qryDictionaryList(code) {
|
return new Promise(resolve => {
|
getDictionaryList({
|
codeNo: code
|
}).then(res => {
|
resolve(res.result);
|
});
|
});
|
},
|
// 驳回/拒绝
|
refuse() {
|
this.$parent._data.showCredit = true;
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "回款信息") {
|
common.tabInfo(
|
this.applyMenu[index + 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
// 上一页
|
prevStep(){
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "回款信息") {
|
common.tabInfo(this.applyMenu[index - 1].tabname,this.applyInfo.flowno,this);
|
}
|
});
|
},
|
// 下一步校验必填
|
nextPage(){
|
if(!common.validateForm(this.$refs.moneyBackForm).flag)return;
|
// 调用父组件的查询左侧tab的方法
|
this.$parent.updateApplyTabTree('回款信息');
|
},
|
},
|
// 路由离开需要校验比较数据是否发生变化
|
beforeRouteLeave(to, from, next) {
|
for (let i = 0; i < this.moneyBackForm.length; i++) {
|
for (const key in this.moneyBackForm[i]) {
|
if (this.initialArr[i].hasOwnProperty(key)) {
|
if (this.moneyBackForm[i][key] != this.initialArr[i][key]) {
|
// 页面有数据未保存
|
common.comfirm("提示","当前页面有数据未保存，是否放弃保存？", ()=> {
|
next();
|
})
|
return;
|
}
|
}
|
}
|
}
|
next();
|
}
|
}
|
</script>
|
