<template>
|
<div class="prepayment_main">
|
<el-row v-if="!isView" class="add-button">
|
<el-col :span="24">
|
<el-button
|
type="primary"
|
size="small"
|
icon="el-icon-circle-plus-outline"
|
@click="handleAddPage"
|
class="add-btn"
|
>新增配置</el-button
|
>
|
</el-col>
|
</el-row>
|
<ProTable
|
:pageInfo="pageInfo"
|
@doAction="doAction"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:noHistory="noHistory"
|
:isAutoIndex="true"
|
:list="prepaymentList"
|
:header="tableHeader"
|
:loading="loading"
|
/>
|
<el-dialog
|
:title="dialogTitle"
|
:visible.sync="dialogVisible"
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:destroy-on-close="true"
|
width="1000"
|
center
|
custom-class="pricing_dialog"
|
>
|
<CreateForms
|
ref="prepayment"
|
v-if="dialogVisible"
|
:isShowOld="showOld"
|
:oldVal="oldVal"
|
:isView="isView"
|
:isShowBorder="isShowBorder"
|
:screenWidth="screenWidth"
|
:formItems="formItems"
|
:defValues="defValues"
|
:formRules="formRules"
|
@handleSelOnChange="handleSelOnChange"
|
/>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogVisible = false">{{
|
isView ? "关 闭" : "取 消"
|
}}</el-button>
|
<el-button type="primary" v-if="!isView" @click="savePrepaymentConfig"
|
>确 定</el-button
|
>
|
</span>
|
</el-dialog>
|
<el-dialog
|
title="提前还款配置删除确认"
|
:visible.sync="dialogDelVisible"
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:destroy-on-close="true"
|
width="1000"
|
center
|
custom-class="pricing_dialog del_dialog"
|
>
|
<div style="text-align: justify;">{{ tipContent }}</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="dialogDelVisible = false">取 消</el-button>
|
<el-button type="primary" @click="deletePrepaymentConfig"
|
>确 定</el-button
|
>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import { PREPAYMENTSETTINGCOLUMN } from './config/tableConfig.js';
|
import {
|
qryPrepaymentConfigList,
|
addOrUpdatePrepaymentConfig,
|
delPrepaymentConfig,
|
qryPrepaymentConfigDetail
|
} from '../../../../api/productManage.api';
|
import { DIMENSIONENUM } from '../../../../utils/optionsQueryConfig.js';
|
import ProTable from '../../../../components/ProTable.vue';
|
import CreateForms from '../../../../components/CreateForms.vue';
|
import { PREPAYMENTSETTINGFORMS } from '../../../../utils/formsConfig.js';
|
import { PREPAYMENTSETTINGDEFVALUE } from '../../../../utils/defValueConfig.js';
|
import { PREPAYMENTSETTINGRULES } from '../../../../utils/formRulesConfig.js';
|
export default {
|
props: {
|
edit: {
|
type: Boolean,
|
default: () => {
|
return false
|
}
|
},
|
isView: {
|
type: Boolean,
|
default: () => {
|
return false
|
}
|
},
|
noHistory: {
|
type: Boolean,
|
default: () => {
|
return false
|
}
|
},
|
isShowBorder: {
|
type: Boolean,
|
default: () => {
|
return true
|
}
|
},
|
options: {
|
type: Object,
|
default: () => {
|
return {}
|
}
|
}
|
},
|
components: {
|
ProTable,
|
CreateForms
|
},
|
mounted() {
|
this.initColumns();
|
(this.isView || this.edit) && this.getPrepaymentConfigList()
|
},
|
watch: {
|
options: {
|
handler(val, oldVal) {
|
this.optionsData = val
|
this.getOptionItems(val)
|
},
|
deep: true
|
}
|
},
|
methods: {
|
// 处理变更标志显示
|
initColumns() {
|
const { objecttype } = this.$parent._data
|
const { tableHeader, noHistory } = this
|
const isModify = objecttype === 'jbo.app.BUSINESS_TYPE_CHANGE';
|
const newTableHeader =
|
isModify && !noHistory
|
? tableHeader
|
: tableHeader.filter(col => col.prop !== 'changeflag')
|
this.$set(this, 'tableHeader', newTableHeader)
|
},
|
async doAction(name, item, { key, label }) {
|
if (key === 'edit') {
|
this.dialogTitle = '提前还款配置修改';
|
this.serialno = item.serialno
|
this.dialogVisible = true
|
const infos = await this.getPrepaymentConfigDetail(item.serialno)
|
let editData = {}
|
let visibleArry = []
|
Object.getOwnPropertyNames(infos).forEach(key => {
|
editData[key] = infos[key].value
|
if (infos[key].visible) {
|
visibleArry.push(key)
|
}
|
})
|
const newEditFormItems = [...this.formItems].map(items => {
|
const newItem = { ...items }
|
newItem.show = visibleArry.includes(newItem.name)
|
return newItem
|
})
|
this.formItems = newEditFormItems
|
setTimeout(() => {
|
this.defValues = { ...editData }
|
}, 0)
|
}
|
if (key === 'details') {
|
this.dialogTitle = '提前还款配置详情';
|
this.serialno = item.serialno
|
this.dialogVisible = true
|
const infos = await this.getPrepaymentConfigDetail(item.serialno)
|
let editData = {}
|
let visibleArry = []
|
let oldValue = {}
|
Object.getOwnPropertyNames(infos).forEach(key => {
|
editData[key] = infos[key].value
|
oldValue[key] = infos[key].oldValue
|
if (infos[key].visible) {
|
visibleArry.push(key)
|
}
|
})
|
setTimeout(() => {
|
const newFormItems = [...this.formItems].map(items => {
|
const newForms = { ...items }
|
newForms.placeholder = '';
|
newForms.readonly = true
|
newForms.show = visibleArry.includes(newForms.name)
|
return newForms
|
})
|
this.formItems = newFormItems
|
this.defValues = { ...editData }
|
this.oldVal = oldValue
|
}, 0)
|
}
|
if (key === 'delete') {
|
this.serialno = item.serialno
|
this.tipContent = `请确认是否需要删除提前还款配置
|
（最低贷款期限：${item.mincreditterm}，最高贷款期限：${item.maxcreditterm}，还款方式：${item.paymentname}）`
|
this.dialogDelVisible = true
|
}
|
},
|
// 获取下拉选择项
|
getOptionItems(optionsMap) {
|
const { formItems } = this
|
formItems.forEach(item => {
|
if (item.type === 'select') {
|
item.options = optionsMap[DIMENSIONENUM[item.name]]
|
}
|
})
|
},
|
// 获取提前还款列表
|
async getPrepaymentConfigList() {
|
const { currentPage, pageSize } = this.pageInfo
|
const { dimensionno, objectno, productid } = this.$parent._data
|
const params = {
|
currentPage,
|
dimensionno,
|
objectno,
|
pageSize,
|
productid
|
}
|
const listRes = await qryPrepaymentConfigList(params)
|
if (!listRes || listRes.code !== '00') {
|
return
|
}
|
const list =
|
listRes.result &&
|
listRes.result.records.map(item => {
|
const newitem = { ...item }
|
newitem.operationOption = this.isView
|
? [{ key: 'details', label: '详情', value: true }]
|
: [
|
{ key: 'edit', label: '修改', value: true },
|
{ key: 'delete', label: '删除', value: true }
|
]
|
return newitem
|
})
|
this.$set(this, 'prepaymentList', list)
|
this.pageInfo.total = listRes.result.total
|
},
|
// 下拉选择事件处理
|
handleSelOnChange(formName, value) {
|
let newFormItems = [...this.formItems]
|
if (formName === 'prepaymenttype') {
|
newFormItems.forEach(form => {
|
if (form.name === 'prepaymentmonth') {
|
form.show = value === '1';
|
}
|
if (form.name === 'prepaymentrate') {
|
form.show = value === '2';
|
}
|
})
|
}
|
this.formItems = newFormItems
|
},
|
// 重置表单配置项
|
setFormsItemConfig() {
|
const { showData } = this.$parent._data
|
const newFormItems = [...this.formItems].map(form => {
|
const newForm = { ...form }
|
if (
|
newForm.name === 'minmcreditterm' ||
|
newForm.name === 'maxmcreditterm'
|
) {
|
newForm.show = showData.attribute3 === 'M';
|
}
|
if (
|
newForm.name === 'mindcreditterm' ||
|
newForm.name === 'maxdcreditterm'
|
) {
|
newForm.show = showData.attribute3 === 'D';
|
}
|
return newForm
|
})
|
this.formItems = newFormItems
|
},
|
// 新增
|
handleAddPage() {
|
this.dialogTitle = '提前还款配置新增';
|
this.formItems = [...PREPAYMENTSETTINGFORMS]
|
this.defValues = {
|
...PREPAYMENTSETTINGDEFVALUE
|
}
|
this.formRules = {
|
...PREPAYMENTSETTINGRULES(!this.isView)
|
}
|
this.dialogTitle = '提前还款配置新增';
|
this.tipContent = '';
|
this.dialogDelVisible = false
|
this.screenWidth = 1000
|
this.loading = false
|
this.isValidate = false
|
this.setFormsItemConfig()
|
this.dialogVisible = true
|
},
|
// 校验基本信息
|
validateForms() {
|
const prepaymentForm = this.$refs.prepayment
|
prepaymentForm.$refs['createForm'].validate(async valid => {
|
if (valid) {
|
this.isValidate = true
|
} else {
|
this.isValidate = false
|
this.$message.error('请完必填项！')
|
return false
|
}
|
})
|
},
|
// 获取显示表单对应的value值
|
getFormItemsValue(forms, values, defvalue) {
|
let newDfvalue = {}
|
Object.getOwnPropertyNames(defvalue).forEach(key => {
|
newDfvalue[key] = '';
|
})
|
const showForms = forms.filter(form => form.show !== false)
|
let formsValue = {}
|
showForms.forEach(form => {
|
formsValue[form.name] = values[form.name]
|
})
|
return { ...newDfvalue, ...formsValue }
|
},
|
// 保存提前还款配置新增
|
async savePrepaymentConfig() {
|
await this.validateForms()
|
const { isValidate } = this
|
if (!isValidate) {
|
return false
|
}
|
const prepaymentForm = this.$refs.prepayment
|
const { dimensionno, objectno, productid } = this.$parent._data
|
const params = {
|
...this.getFormItemsValue(
|
prepaymentForm.formItems,
|
prepaymentForm.formValues,
|
PREPAYMENTSETTINGDEFVALUE
|
),
|
dimensionno,
|
objectno,
|
productid,
|
serialno: this.serialno
|
}
|
const res = await addOrUpdatePrepaymentConfig(params)
|
if (!res || res.code !== '00') {
|
return false
|
}
|
this.$message({
|
message: '保存成功！',
|
type: 'success'
|
})
|
this.getPrepaymentConfigList()
|
this.dialogVisible = false
|
},
|
// 查询前还款配置信息
|
async getPrepaymentConfigDetail(serialno) {
|
const {
|
dimensionno,
|
objectno,
|
productid,
|
objecttype
|
} = this.$parent._data
|
const params = {
|
dimensionno,
|
objectno,
|
productid,
|
serialno,
|
showoldvalue: objecttype === 'jbo.app.BUSINESS_TYPE_CHANGE'
|
}
|
const detailRes = await qryPrepaymentConfigDetail(params)
|
if (!detailRes || detailRes.code !== '00') {
|
return
|
}
|
return detailRes.result
|
},
|
// 删除前还款配置信息
|
async deletePrepaymentConfig() {
|
const deleteRes = await delPrepaymentConfig({ serialno: this.serialno })
|
if (!deleteRes || deleteRes.code !== '00') {
|
return
|
}
|
this.dialogDelVisible = false
|
this.$message.success('删除成功')
|
this.getPrepaymentConfigList()
|
return deleteRes.result
|
},
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val
|
this.getPrepaymentConfigList()
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val
|
this.getPrepaymentConfigList()
|
}
|
},
|
data() {
|
return {
|
prepaymentList: [],
|
tableHeader: [...PREPAYMENTSETTINGCOLUMN],
|
formItems: [...PREPAYMENTSETTINGFORMS],
|
defValues: {
|
...PREPAYMENTSETTINGDEFVALUE
|
},
|
formRules: {
|
...PREPAYMENTSETTINGRULES(!this.isView)
|
},
|
dialogTitle: '提前还款配置新增',
|
tipContent: '',
|
showOld:
|
this.$parent._data.objecttype === 'jbo.app.BUSINESS_TYPE_CHANGE' &&
|
this.isView,
|
oldVal: {},
|
dialogDelVisible: false,
|
screenWidth: 1000,
|
loading: false,
|
isValidate: false,
|
dialogVisible: false,
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.prepayment_main {
|
padding: 20px 0 0 20px;
|
& .add-button {
|
padding: 10px 0 30px 0;
|
}
|
& >>> .pricing_dialog {
|
width: 1000px;
|
& .el-dialog__body {
|
& .form_main {
|
& .el-form {
|
& .el-form-item {
|
& .el-form-item__label {
|
line-height: 32px;
|
}
|
}
|
}
|
}
|
}
|
& .el-dialog__footer {
|
& .dialog-footer {
|
& .el-button--default {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
border-radius: 4px;
|
border: 1px solid rgba(204, 204, 204, 1);
|
}
|
& .el-button--primary {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
background: #0081f0;
|
border-color: #0081f0;
|
border-radius: 4px;
|
margin-left: 40px;
|
}
|
}
|
}
|
}
|
& >>> .del_dialog {
|
width: 500px !important;
|
}
|
}
|
</style>
|
