<template>
|
<div class="apply-info">
|
<div class="dialog-form">
|
<p class="dialog-form-title">提前结清试算</p>
|
<div class="tip-section">
|
<div class="tip-section-title">温馨提示</div>
|
<p>提前结清应还总金额=提前结清应还本金+提前结清应还利息+逾期应还罚息。</p>
|
<!-- <p>2、实际提前结清应还总金额=提前结清部分应还本金+提前结清部分应还利息+逾期部分应还罚息。</p>
|
<p>3、选择结清日期小于当前日期时，会自动进行相应的罚息减免。</p>
|
<p>4、逾期状态下，暂不支持未来提前结清试算。</p> -->
|
</div>
|
<CommForm
|
@updateValue="updateValue"
|
:inline="true"
|
:column="2"
|
:list="formList"
|
ref="hangUpForm"
|
></CommForm>
|
<div class="dialog-form-buttons">
|
<p>
|
<el-button class="comm-button" type="primary" @click="$emit('handleClick')">关闭</el-button>
|
</p>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
// 提前结清试算
|
import CommForm from './CommForm'
|
// import trial from '@/controller/trial'
|
|
export default {
|
components: {
|
CommForm
|
},
|
props: {
|
// info: {
|
// type: Object,
|
// default: () => ({})
|
// },
|
isShow: {
|
type: Boolean,
|
default: false
|
},
|
formList: {
|
type: Array,
|
default: () => []
|
}
|
},
|
data() {
|
return {
|
// formList: [],
|
// formRules: {},
|
// model: null,
|
// isShowDialog: false
|
}
|
},
|
created() {
|
// this.init()
|
},
|
methods: {
|
// 更新表单数据
|
updateValue(index, info) {
|
this.$emit('updateValue', index, info)
|
},
|
async init() {
|
console.log('formList',this.formList)
|
// const { detail } = this
|
// const { loanSerialno } = info
|
// const model = trial()
|
// const detail = await model.request({
|
// loanSerialno
|
// })
|
// this.formList = model.getFormList(detail)
|
}
|
}
|
// watch: {
|
// info: function() {
|
// const { isShow, info } = this
|
// const { loanSerialno } = info
|
// if (loanSerialno && isShow) {
|
// this.init()
|
// }
|
// }
|
// }
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.dialog-form {
|
& .dialog-form-buttons {
|
display: flex;
|
justify-content: center;
|
padding: 50px 0 10px 0;
|
& p {
|
margin: 0 40px 0 0;
|
}
|
& p:last-child {
|
margin-right: 0;
|
}
|
}
|
& .tip-section {
|
padding: 0 20px 20px 20px;
|
& .tip-section-title {
|
color: #0081f0;
|
font-size: 16px;
|
margin-bottom: 10px;
|
}
|
& p {
|
margin: 0;
|
padding: 0;
|
line-height: 2em;
|
}
|
}
|
}
|
</style>
|
