<template>
|
<div class="product">
|
<div class="borrower" v-for="(item, index) in borrowerArr" :key="index">
|
<el-form
|
:model="borrowerForm[0]"
|
:rules="rules"
|
ref="borrowerForm"
|
size="small"
|
inline
|
:style="{ 'margin-bottom': '36px' }"
|
label-width="195px"
|
>
|
<p class="title">
|
<span></span>
|
费用项配置
|
</p>
|
<div class="form">
|
<el-col :span="12">
|
<el-form-item
|
label="贷前信息评估费"
|
v-if="borrowerArr[index].preLoanFee.visible"
|
prop="preLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].preLoanFee"
|
:disabled="!borrowerArr[index].preLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="满1个月贷中信息评估费"
|
v-if="borrowerArr[index].oneMonthLoanFee.visible"
|
prop="oneMonthLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].oneMonthLoanFee"
|
:disabled="!borrowerArr[index].oneMonthLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="满2个月贷中信息评估费"
|
v-if="borrowerArr[index].twoMonthLoanFee.visible"
|
prop="twoMonthLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].twoMonthLoanFee"
|
:disabled="!borrowerArr[index].twoMonthLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="满3个月贷中信息评估费"
|
v-if="borrowerArr[index].threewoMonthLoanFee.visible"
|
prop="threewoMonthLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].threewoMonthLoanFee"
|
:disabled="!borrowerArr[index].threewoMonthLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="满4个月贷中信息评估费"
|
v-if="borrowerArr[index].fourMonthLoanFee.visible"
|
prop="fourMonthLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].fourMonthLoanFee"
|
:disabled="!borrowerArr[index].fourMonthLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
<el-form-item
|
label="满5个月贷中信息评估费"
|
v-if="borrowerArr[index].fiveMonthLoanFee.visible"
|
prop="fiveMonthLoanFee"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].fiveMonthLoanFee"
|
:disabled="!borrowerArr[index].fiveMonthLoanFee.writeAble"
|
placeholder="请输入"
|
></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="12">
|
<el-form-item
|
label="贷前货值评估费率"
|
v-if="borrowerArr[index].preLoanFeeRate.visible"
|
prop="preLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].preLoanFeeRate"
|
:disabled="!borrowerArr[index].preLoanFeeRate.writeAble"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item
|
label="满1个月贷中货值评估费率"
|
v-if="borrowerArr[index].oneMonthLoanFeeRate.visible"
|
prop="oneMonthLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].oneMonthLoanFeeRate"
|
:disabled="!borrowerArr[index].oneMonthLoanFeeRate.writeAble"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item
|
label="满2个月贷中货值评估费率"
|
v-if="borrowerArr[index].twoMonthLoanFeeRate.visible"
|
prop="twoMonthLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].twoMonthLoanFeeRate"
|
:disabled="!borrowerArr[index].twoMonthLoanFeeRate.writeAble"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item
|
label="满3个月贷中货值评估费率"
|
v-if="borrowerArr[index].threewoMonthLoanFeeRate.visible"
|
prop="threewoMonthLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].threewoMonthLoanFeeRate"
|
:disabled="
|
!borrowerArr[index].threewoMonthLoanFeeRate.writeAble
|
"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item
|
label="满4个月贷中货值评估费率"
|
v-if="borrowerArr[index].fourMonthLoanFeeRate.visible"
|
prop="fourMonthLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].fourMonthLoanFeeRate"
|
:disabled="!borrowerArr[index].fourMonthLoanFeeRate.writeAble"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item
|
label="满5个月贷中货值评估费率"
|
v-if="borrowerArr[index].fiveMonthLoanFeeRate.visible"
|
prop="fiveMonthLoanFeeRate"
|
style="width: 66%"
|
>
|
<el-input
|
v-model="borrowerForm[index].fiveMonthLoanFeeRate"
|
:disabled="!borrowerArr[index].fiveMonthLoanFeeRate.writeAble"
|
placeholder="请输入"
|
>
|
<template slot="suffix">%</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</div>
|
</el-form>
|
</div>
|
<div :class="[applyInfo.phaseNo >= '0040' ? 'fixedBtn' : 'btn']">
|
<el-button size="medium" plain @click="save" v-if="writeAble"
|
>保存</el-button
|
>
|
<el-button
|
size="medium"
|
plain
|
@click="prevStep"
|
v-if="
|
(applyInfo.phaseNo == '0040' || applyInfo.phaseNo == '0010') &&
|
!isReadonly
|
"
|
>上一步</el-button
|
>
|
<el-button size="medium" type="primary" @click="nextPage()"
|
>下一步</el-button
|
>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {
|
qryCustomerBasicInfo,
|
getDictionaryList,
|
getAllCityAreaList,
|
submitCustomerBasicInfo,
|
saveCustomerBasicInfo,
|
getProvinceCodeList,
|
getCityCodeList,
|
getAreaCodeList,
|
qryContactList,
|
qryVirtualSettleAcct,
|
qryFeeConfigList,
|
qryFeeConfigMap,
|
saveFeeConfigList,
|
} from "@/api/product";
|
import common from "@/utils/common";
|
export default {
|
data() {
|
return {
|
applyInfo: this.$store.state.product.applyInfo,
|
applyMenu: this.$store.state.product.applyMenu,
|
initialArr: [], //初始化数据
|
borrowerForm: [],
|
borrowerArr: [],
|
rules: {},
|
writeAble: true,
|
};
|
},
|
computed: {
|
isReadonly() {
|
return (
|
this.$parent._data.applyMenu[this.$parent._data.activeIndex].readonly ==
|
"Y"
|
);
|
},
|
},
|
components: {},
|
async created() {
|
this.requestQryFeeConfigList();
|
},
|
methods: {
|
async requestQryFeeConfigList() {
|
//获取费用项配置列表
|
const resp = await qryFeeConfigMap({
|
applySerialNo: this.applyInfo.serialNo,
|
});
|
if (resp.code == "00") {
|
this.getQryFeeConfigData(resp.result);
|
}
|
},
|
getQryFeeConfigData(result) {
|
this.borrowerArr = [];
|
this.borrowerForm = [];
|
this.initialArr = [];
|
this.borrowerArr.push(result);
|
// 取数组第一个作为校验规则
|
this.borrowerArr.forEach((val, index) => {
|
if (index == 0) {
|
for (const key in val) {
|
this.rules[key] = [];
|
this.rules[key].push({
|
required: true,
|
message: "该项为必填",
|
trigger: "blur",
|
});
|
// 自定义规则校验
|
// switch (key) {
|
// case "preLoanFee":
|
// break;
|
// default:
|
// break;
|
// }
|
}
|
}
|
const obj = {};
|
for (const key in val) {
|
obj[key] = val[key].value;
|
}
|
this.borrowerForm.push(obj);
|
this.initialArr.push(Object.assign({}, obj));
|
});
|
},
|
prevStep() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "费用项配置") {
|
let objectTypeOFF;
|
const ispubile =
|
this.applyInfo.borrowertype == "01" &&
|
this.applyInfo.objectType == "CreditApplyCommon";
|
if (this.applyInfo.productID.indexOf("OFF_") > -1 || ispubile) {
|
objectTypeOFF = "CreditFlowPublic";
|
}
|
common.tabInfo(
|
this.applyMenu[index - 1].tabname,
|
objectTypeOFF ? objectTypeOFF : this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
// 下一页
|
async nextPage() {
|
if (!common.validateForm(this.$refs.borrowerForm).flag) return;
|
this.$parent._data.loading = true;
|
const resp = await saveFeeConfigList(this.borrowerForm[0]);
|
this.$parent._data.loading = false;
|
// 保存成功查询列表数据
|
if (resp.code == "00") {
|
// 调用父组件的查询左侧tab的方法
|
this.$parent.updateApplyTabTree("费用项配置");
|
this.$message.success("保存成功");
|
}
|
|
},
|
async save() {
|
this.$parent._data.loading = true;
|
const resp = await saveFeeConfigList(this.borrowerForm[0]);
|
this.$parent._data.loading = false;
|
// 保存成功查询列表数据
|
if (resp.code == "00") {
|
this.$message.success("保存成功");
|
}
|
},
|
},
|
beforeRouteLeave(to, from, next) {
|
next();
|
},
|
};
|
</script>
|
<style lang="postcss" scoped>
|
</style>
|
