<template>
|
<div class="trial-repayment-plan">
|
<div class="middle-button" style="margin-bottom: 20px;" v-if="buttons.length > 0">
|
<el-button
|
v-for="(text, index) in buttons"
|
:key="index"
|
type="primary"
|
@click="$emit('action', index)"
|
size="small"
|
>{{text}}</el-button>
|
</div>
|
<ul class="plan-top">
|
<li>贷款申请编号: {{info.applySerialno}}</li>
|
<li>借据编号: {{info.loanSerialno}}</li>
|
<li>客户名称: {{info.customerName}}</li>
|
<li>产品名称: {{info.productName}}</li>
|
</ul>
|
<!-- :pageInfo="pageInfo" -->
|
<CommTable
|
:total="total"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:columnIndexInfo="isHideIndex ? '' : {}"
|
:list="list"
|
:header="tableHeader"
|
:loading="loading"
|
></CommTable>
|
</div>
|
</template>
|
<script>
|
// 查询变更后还款计划
|
import CommTable from '@/components/CommTable'
|
|
export default {
|
components: {
|
CommTable
|
},
|
props: {
|
info: {
|
type: Object,
|
required: true
|
},
|
pageInfo: {
|
type: Object,
|
required: true
|
},
|
total: {
|
type: Number,
|
default: 0
|
},
|
list: {
|
type: Array,
|
default: () => []
|
},
|
tableHeader: {
|
type: Array,
|
default: () => []
|
},
|
isHideIndex: {
|
type: Boolean,
|
default: true
|
},
|
loading: {
|
type: Boolean,
|
default: false
|
},
|
buttons: {
|
type: Array,
|
default: () => []
|
}
|
},
|
data() {
|
return {
|
// loading: false,
|
// 通过表单字段，自动获取下拉列表的字段
|
// selectNames: ['flowPhaseArray', 'productIdArray'],
|
// tableHeader: [],
|
// pageInfo: {
|
// currentPage: 1,
|
// pageSize: 10
|
// },
|
// total: 0,
|
// list: [],
|
// dialogTableVisible: false
|
// isHideIndex: false
|
}
|
},
|
created() {
|
// this.init()
|
},
|
methods: {
|
// init() {
|
// const { transCode } = this
|
// const model = queryPaymentScheduleList(transCode)
|
// const tableHeader = model.getTableList()
|
// const isHideIndex = tableHeader.some(({ prop }) => prop === 'periodNo')
|
// this.tableHeader = tableHeader
|
// this.isHideIndex = isHideIndex
|
// this.model = model
|
// this.getList()
|
// },
|
|
// // 获取列表
|
// async getList() {
|
// let { pageInfo, info, model } = this
|
// const { loanSerialno } = info
|
// const res = await model.request({ ...pageInfo, loanSerialno })
|
// const { list = [], total } = res
|
// this.list = list
|
// this.total = parseInt(total)
|
// },
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
// this.pageInfo.pageSize = val
|
// this.getList()
|
this.$emit('handleSizeChange', val)
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
// this.pageInfo.currentPage = val
|
// this.getList()
|
this.$emit('handleCurrentChange', val)
|
}
|
}
|
// watch: {
|
// // transCode: function() {
|
// // this.init()
|
// // },
|
// info: function() {
|
// const { loanSerialno } = this.info
|
// if (loanSerialno) {
|
// this.init()
|
// }
|
// }
|
// }
|
}
|
</script>
|
<style lang="postcss" scoped>
|
.trial-repayment-plan {
|
& .plan-top {
|
list-style: none;
|
display: flex;
|
margin: 0;
|
padding: 0;
|
& li {
|
margin: 0 60px 20px 0;
|
padding: 0;
|
}
|
}
|
& >>> .el-dialog__header {
|
padding-bottom: 0;
|
}
|
& >>> .el-dialog__body {
|
padding-top: 0;
|
}
|
& >>> .el-dialog {
|
width: 950px;
|
}
|
& >>> .comm-dialog {
|
width: 1200px;
|
}
|
}
|
</style>
|
