kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

贷款审批调整界面

Browse Source
This commit is contained in:
aixianling
2022-04-08 10:08:23 +08:00
parent bf3eda9a10
commit 32398ece08
2 changed files with 66 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
project/xiushan/apps/finance/AppLoanAudit/AppLoanAudit.vue
View File

@@ -24,7 +24,7 @@ export default {
}
},
created() {
this.dict.load("productRepaymentTimeline", "financialFundPurpose", "enterpriseAuditStatus", "financialLoanApplyStatus")
this.dict.load("productRepaymentTimeline", "financialFundPurpose", "enterpriseAuditStatus", "financialLoanApplyStatus","financialOrganizationType")
}
}
</script>

125
project/xiushan/apps/finance/AppLoanAudit/loanList.vue
View File

@@ -1,44 +1,46 @@
<template>
<section class="loanList">
<ai-detail>
<ai-title slot="title" title="贷款审核" isShowBottomBorder/>
<template #content>
<el-row type="flex">
<div class="staCard fill" v-for="(op,label) in sta" :key="label">
<h2 v-text="op"/>
<span v-text="label"/>
</div>
</el-row>
<ai-card hideTitle>
<template #content>
<ai-search-bar class="mar-t8">
<template #left>
<ai-select v-model="search.status" :selectList="dict.getDict('financialLoanApplyStatus')"
placeholder="审批状态"
@change="page.current=1,getTableData()"/>
<ai-search label="申请时间">
<el-date-picker size="small" v-model="search.applyTime" type="daterange"
@change="handleFilterApplyTime"
:default-time="['00:00:00','23:59:59']" value-format="yyyy-MM-dd HH:mm:ss"/>
</ai-search>
<ai-list tabs>
<ai-title slot="title" title="贷款审核"/>
<template #tabs>
<el-tabs>
<el-tab-pane label="信贷审核">
<ai-card hideTitle class="mar-t16">
<template #content>
<ai-search-bar class="mar-t8">
<template #left>
<ai-select placeholder="机构类型" :selectList="dict.getDict('financialOrganizationType')"
v-model="search.organizationType" @change="page.current=1,getTableData()"/>
<ai-select placeholder="审批状态" :selectList="dict.getDict('financialLoanApplyStatus')"
v-model="search.status" @change="page.current=1,getTableData()"/>
<ai-search label="申请时间">
<el-date-picker size="small" v-model="search.applyTime" type="daterange"
@change="handleFilterApplyTime"
:default-time="['00:00:00','23:59:59']" value-format="yyyy-MM-dd HH:mm:ss"/>
</ai-search>
</template>
<template #right>
<el-input size="small" placeholder="搜索产品名称、身份证、企业、贷款机构" v-model="search.enterpriseName" clearable
@change="page.current=1,getTableData()"/>
</template>
</ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
@getList="getTableData" :col-configs="colConfigs" :dict="dict">
<el-table-column slot="options" label="操作" fixed="right" align="center">
<template slot-scope="{row}">
<el-button type="text" @click="showDetail(row.id)">详情</el-button>
</template>
</el-table-column>
</ai-table>
</template>
<template #right>
<el-input size="small" placeholder="搜索产品名称、企业主体、贷款银行" v-model="search.enterpriseName" clearable
@change="page.current=1,getTableData()"/>
</template>
</ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
@getList="getTableData" :col-configs="colConfigs" :dict="dict">
<el-table-column slot="options" label="操作" fixed="right" align="center">
<template slot-scope="{row}">
<el-button type="text" @click="showDetail(row.id)">详情</el-button>
</template>
</el-table-column>
</ai-table>
</template>
</ai-card>
</ai-card>
</el-tab-pane>
<el-tab-pane label="信贷统计" lazy>
</el-tab-pane>
</el-tabs>
</template>
</ai-detail>
</ai-list>
</section>
</template>
@@ -53,25 +55,28 @@ export default {
permissions: Function
},
computed: {
...mapState(['user'])
...mapState(['user']),
colConfigs() {
return [
{label: "产品名称", prop: "productName"},
{label: "联系人", prop: "name"},
{label: "联系方式", prop: "phone"},
{label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
{label: "企业主体", prop: "enterpriseName"},
{label: "贷款金额(万)", prop: "loanAmount"},
{label: "申请时间", prop: "createTime"},
{label: "贷款机构", prop: "organizationName"},
{label: "机构类型", prop: "organizationType", dict: "financialOrganizationType"},
{label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
{slot: "options"}
]
}
},
data() {
return {
search: {name: ""},
page: {current: 1, size: 10, total: 0},
tableData: [],
colConfigs: [
{label: "产品名称", prop: "productName"},
{label: "企业主体", prop: "enterpriseName"},
{label: "贷款金额(万)", prop: "loanAmount"},
{label: "申请时间", prop: "createTime"},
{label: "联系人", prop: "name"},
{label: "联系方式", prop: "phone"},
{label: "贷款银行", prop: "organizationName"},
{label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
{slot: "options"}
],
sta: {}
tableData: []
}
},
methods: {
@@ -94,17 +99,9 @@ export default {
this.search.applyEndDate = this.search.applyTime?.[1].substring(0, 10)
this.getTableData()
},
getStaData() {
this.instance.post("/appfinancialloanapply/staticFinancialLoanApply").then(res => {
if (res?.data) {
this.sta = res.data
}
})
}
},
created() {
this.getTableData()
this.getStaData()
}
}
</script>
@@ -117,14 +114,22 @@ export default {
margin-top: 8px;
}
.mar-t16 {
margin-top: 16px;
}
.staCard {
text-align: center;
margin: 0 8px 16px;
margin: 0 16px 16px 0;
box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
border-radius: 4px;
padding: 16px;
box-sizing: border-box;
background: #fff;
&:last-of-type {
margin-right: 0;
}
}
}
</style>