yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善放款资料审核

master
yunuo970428 2 years ago
parent
b375a5108b
commit
f644a723d7
5 changed files with 936 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      anrui-riskcenter-ui/src/api/loandatareview/loandatareview.js
  2. 16
      anrui-riskcenter-ui/src/router/index.js
  3. 311
      anrui-riskcenter-ui/src/views/loandatareview/loandatareview.vue
  4. 383
      anrui-riskcenter-ui/src/views/loandatareview/loandatareviewAdd.vue
  5. 199
      anrui-riskcenter-ui/src/views/loandatareview/loandatareviewInfo.vue

27
anrui-riskcenter-ui/src/api/loandatareview/loandatareview.js
View File

@ -0,0 +1,27 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/riskcenter/v1/loanfileexamine/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
saveOrUpdate: function(data) {
return request({
url: '/riskcenter/v1/loanfileexamine/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
fetchBySid: function(data) {
return request({
url: '/riskcenter/v1/loanfileexamine/fetchDetailsBySid/' + data,
method: 'get'
})
}
}

16
anrui-riskcenter-ui/src/router/index.js
View File

@ -299,6 +299,22 @@ export const constantRoutes = [
}
]
},
{
path: '/loandatareview',
component: Layout,
redirect: '/loandatareview',
meta: {
title: '放款资料审核'
},
children: [
{
path: '/loandatareview/loandatareview',
component: () => import('@/views/loandatareview/loandatareview.vue'),
name: 'LoanDataReview',
meta: { title: '放款资料审核', noCache: true }
}
]
},
// 流程审批
// 金融产品政策报备--编辑

311
anrui-riskcenter-ui/src/views/loandatareview/loandatareview.vue
View File

@ -0,0 +1,311 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="放款资料整理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="销售部门">
<el-input v-model="listQuery.params.saleDeptName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="销售专员">
<el-input v-model="listQuery.params.staffName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="消贷合同编号">
<el-input v-model="listQuery.params.loanContractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.loanPeoName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="资方">
<el-input v-model="listQuery.params.bankName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="金融产品">
<el-input v-model="listQuery.params.policyName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="资方合同号">
<el-input v-model="listQuery.params.bankContractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="放款审核状态">
<el-select v-model="listQuery.params.bankStateValue" placeholder="请选择" clearable filterable>
<el-option v-for="item in bankState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</el-form-item>
<el-form-item label="资料状态">
<el-select v-model="listQuery.params.zlState" placeholder="请选择" clearable filterable>
<el-option v-for="item in zlState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
</el-select>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">放款资料列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" align="center" width="50"/>
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column prop="useOrgName" label="分公司" align="center" width="120"/>
<el-table-column prop="orgName" label="销售部门" align="center" width="120"/>
<el-table-column prop="staffName" label="销售专员" align="center" width="100"/>
<el-table-column prop="bankStateValue" label="资方状态" align="center" width="140"/>
<el-table-column prop="zlState" label="资料状态" align="center" width="140"/>
<el-table-column prop="loanContractNo" label="消贷合同编号" align="center" width="160"/>
<el-table-column prop="num" label="台数" align="center"/>
<el-table-column prop="borrowerName" label="贷款人" align="center" width="100"/>
<el-table-column prop="bankName" label="资方" align="center" width="100"/>
<el-table-column prop="policyName" label="金融产品" align="center" width="140"/>
<el-table-column prop="bankContractNo" label="资方合同号" align="center" width="140"/>
</el-table>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--End查询列表部分-->
</div>
</div>
<!--新增及修改 -->
<loandatareviewAdd v-show="viewState == 2" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--详情 -->
<loandatareviewInfo v-show="viewState == 3" ref="divInfo" @doback="resetState"/>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/loandatareview/loandatareview'
import loandatareviewAdd from './loandatareviewAdd'
import loandatareviewInfo from './loandatareviewInfo'
import { typeValues } from '@/api/Common/dictcommons'
export default {
name: 'LoanDataReview',
components: {
Pagination,
pageye,
ButtonBar,
loandatareviewAdd,
loandatareviewInfo
},
data() {
return {
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: 'edit',
btnKey: 'toEdit',
btnLabel: '编辑'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
tableKey: 0,
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
bankState_list: [],
zlState_list: [
{
dictKey: '0',
dictValue: '未齐全'
},
{
dictKey: '1',
dictValue: '已齐全'
}
],
FormLoading: false,
listLoading: false,
// 翻页
listQuery: {
current: 1,
size: 10,
total: 0,
params: {
bankContractNo: '',
bankName: '',
bankStateValue: '',
zlState: '',
loanContractNo: '',
loanPeoName: '',
menuUrl: '',
names: '',
orgSidPath: '',
policyName: '',
saleDeptName: '',
staffName: '',
type: '',
useOrgName: '',
userSid: '',
yjState: ''
}
}
}
},
created() {
// 初始化变量
this.init()
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
init() {
typeValues({ type: 'bankState' }).then((res) => {
if (res.success) {
this.bankState_list = res.data
}
})
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'toEdit':
this.toEdit()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 点击重置
handleReset() {
this.listQuery = {
current: 1,
size: 10,
total: 0,
params: {
bankContractNo: '',
bankName: '',
bankStateValue: '',
zlState: '',
loanContractNo: '',
loanPeoName: '',
menuUrl: '',
names: '',
orgSidPath: '',
policyName: '',
saleDeptName: '',
staffName: '',
type: '',
useOrgName: '',
userSid: '',
yjState: ''
}
}
this.getList()
},
toEdit(row) {
if (this.sids.length === 1) {
this.viewState = 2
this.$refs['divAdd'].showEdit(this.sids[0])
} else {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑操作' })
}
},
toInfo(row) {
this.viewState = 3
this.$refs['divInfo'].showInfo(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed {
height: 100% !important;
}
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed-right {
height: 100% !important;
}
</style>

383
anrui-riskcenter-ui/src/views/loandatareview/loandatareviewAdd.vue
View File

@ -0,0 +1,383 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty">消贷合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">台数</div>
<el-form-item><span class="addinputInfo">{{ formobj.num }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
交接资料
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">合格证原件</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.hgzImages" :key="index" :src="item" :preview-src-list="formobj.hgzImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">发票原件</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.fpImages" :key="index" :src="item" :preview-src-list="formobj.fpImages"/>
</el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>放款资料</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="handleComplete">齐全</el-button>
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">银行卡</div>
<el-form-item>
<upload-img v-show="formobj.zlState == '0'" ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-image v-show="formobj.zlState == '1'" style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">购置税发票</div>
<el-form-item>
<upload-img v-show="formobj.zlState == '0'" ref="uploadImg" class="addinputInfo" v-model="image_list2" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-image v-show="formobj.zlState == '1'" style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.gzsfpImages" :key="index" :src="item" :preview-src-list="formobj.gzsfpImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">保险发票</div>
<el-form-item>
<upload-img v-show="formobj.zlState == '0'" ref="uploadImg" class="addinputInfo" v-model="image_list3" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-image v-show="formobj.zlState == '1'" style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.bxfpImages" :key="index" :src="item" :preview-src-list="formobj.bxfpImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">保单</div>
<el-form-item>
<upload-img v-show="formobj.zlState == '0'" ref="uploadImg" class="addinputInfo" v-model="image_list4" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-image v-show="formobj.zlState == '1'" style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.bdImages" :key="index" :src="item" :preview-src-list="formobj.bdImages"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
资方合同类
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">融资合同</div>
<el-form-item>
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list5" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">资方状态</div>
<el-form-item>
<el-select class="addinputInfo" v-model="formobj.bankStateKey" placeholder="请选择" @change="bankStateChange" clearable filterable>
<el-option v-for="item in bankState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">证明附件</div>
<el-form-item>
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list6" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/loandatareview/loandatareview'
import { typeValues } from '@/api/Common/dictcommons'
import uploadImg from '@/components/uploadFile/uploadImg'
export default {
name: '',
components: {
uploadImg
},
data() {
return {
viewTitle: '',
submitdisabled: false,
bankState_list: [],
image_list1: [],
image_list2: [],
image_list3: [],
image_list4: [],
image_list5: [],
image_list6: [],
formobj: {
bankStateKey: '',
bankStateValue: '',
bdImages: [],
borrowerName: '',
bxfpImages: [],
fpImages: [],
gzsfpImages: [],
hgzImages: [],
loanContractNo: '',
num: '',
remarks: '',
rzhtImages: [],
sid: '',
staffName: '',
vinNo: '',
yhkImages: [],
zlState: '',
zmfjImages: []
}
}
},
methods: {
showEdit(sid) {
this.viewTitle = '放款资料审核'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
typeValues({ type: 'bankState' }).then((res) => {
if (res.success) {
this.bankState_list = res.data
}
})
req.fetchBySid(sid).then((res) => {
this.formobj = res.data
if (this.formobj.yhkImages.length > 0) {
this.formobj.yhkImages.forEach((e) => {
this.image_list1.push({
name: '',
url: e
})
})
}
if (this.formobj.gzsfpImages.length > 0) {
this.formobj.gzsfpImages.forEach((e) => {
this.image_list2.push({
name: '',
url: e
})
})
}
if (this.formobj.bxfpImages.length > 0) {
this.formobj.bxfpImages.forEach((e) => {
this.image_list3.push({
name: '',
url: e
})
})
}
if (this.formobj.bdImages.length > 0) {
this.formobj.bdImages.forEach((e) => {
this.image_list4.push({
name: '',
url: e
})
})
}
if (this.formobj.rzhtImages.length > 0) {
this.formobj.rzhtImages.forEach((e) => {
this.image_list5.push({
name: '',
url: e
})
})
}
if (this.formobj.zmfjImages.length > 0) {
this.formobj.zmfjImages.forEach((e) => {
this.image_list6.push({
name: '',
url: e
})
})
}
})
},
bankStateChange(val) {
const choose = this.bankState_list.filter((item) => item.dictKey === val)
if (choose.length > 0 && choose != null) {
this.formobj.bankStateValue = choose[0].dictValue
} else {
this.formobj.bankStateValue = ''
}
},
// 点击齐全后，放款资料附件不可上传、删除，只可查看图片
handleComplete() {
this.$confirm('请确认放款资料附件已齐全', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.formobj.zlState = '1'
this.getUrl()
}).catch(() => {
})
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = false
req.saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.handleReturn('true')
}
})
}
})
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
this.image_list1.forEach((e) => {
aa.push(e.url)
})
this.formobj.yhkImages = aa
} else {
this.formobj.yhkImages = []
}
if (this.image_list2.length > 0) {
const bb = []
this.image_list2.forEach((e) => {
bb.push(e.url)
})
this.formobj.gzsfpImages = bb
} else {
this.formobj.gzsfpImages = []
}
if (this.image_list3.length > 0) {
const cc = []
this.image_list3.forEach((e) => {
cc.push(e.url)
})
this.formobj.bxfpImages = cc
} else {
this.formobj.bxfpImages = []
}
if (this.image_list4.length > 0) {
const dd = []
this.image_list4.forEach((e) => {
dd.push(e.url)
})
this.formobj.bdImages = dd
} else {
this.formobj.bdImages = []
}
if (this.image_list5.length > 0) {
const ee = []
this.image_list5.forEach((e) => {
ee.push(e.url)
})
this.formobj.rzhtImages = ee
} else {
this.formobj.rzhtImages = []
}
if (this.image_list6.length > 0) {
const ee = []
this.image_list6.forEach((e) => {
ee.push(e.url)
})
this.formobj.zmfjImages = ee
} else {
this.formobj.zmfjImages = []
}
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
bankStateKey: '',
bankStateValue: '',
bdImages: [],
borrowerName: '',
bxfpImages: [],
fpImages: [],
gzsfpImages: [],
hgzImages: [],
loanContractNo: '',
num: '',
remarks: '',
rzhtImages: [],
sid: '',
staffName: '',
vinNo: '',
yhkImages: [],
zlState: '',
zmfjImages: []
}
this.image_list1 = []
this.image_list2 = []
this.image_list3 = []
this.image_list4 = []
this.image_list5 = []
this.image_list6 = []
this.submitdisabled = false
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

199
anrui-riskcenter-ui/src/views/loandatareview/loandatareviewInfo.vue
View File

@ -0,0 +1,199 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty">消贷合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.borrowerName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">台数</div>
<el-form-item><span class="addinputInfo">{{ formobj.num }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
交接资料
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">合格证原件</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.hgzImages" :key="index" :src="item" :preview-src-list="formobj.hgzImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">发票原件</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.fpImages" :key="index" :src="item" :preview-src-list="formobj.fpImages"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
<div>放款资料</div>
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">银行卡</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.yhkImages" :key="index" :src="item" :preview-src-list="formobj.yhkImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">购置税发票</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.gzsfpImages" :key="index" :src="item" :preview-src-list="formobj.gzsfpImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">保险发票</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.bxfpImages" :key="index" :src="item" :preview-src-list="formobj.bxfpImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">保单</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.bdImages" :key="index" :src="item" :preview-src-list="formobj.bdImages"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
资方合同类
</div>
<el-row>
<el-col :span="24">
<div class="span-sty">融资合同</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.rzhtImages" :key="index" :src="item" :preview-src-list="formobj.rzhtImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">资方状态</div>
<el-form-item><span class="addinputInfo">{{ formobj.bankStateValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">证明附件</div>
<el-form-item>
<el-image style="width:150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.zmfjImages" :key="index" :src="item" :preview-src-list="formobj.zmfjImages"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/loandatareview/loandatareview'
export default {
data() {
return {
viewTitle: '',
formobj: {
bankStateKey: '',
bankStateValue: '',
bdImages: [],
borrowerName: '',
bxfpImages: [],
fpImages: [],
gzsfpImages: [],
hgzImages: [],
loanContractNo: '',
num: '',
remarks: '',
rzhtImages: [],
sid: '',
staffName: '',
vinNo: '',
yhkImages: [],
zlState: '',
zmfjImages: []
}
}
},
methods: {
showInfo(row) {
this.viewTitle = '放款资料详情'
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {
bankStateKey: '',
bankStateValue: '',
bdImages: [],
borrowerName: '',
bxfpImages: [],
fpImages: [],
gzsfpImages: [],
hgzImages: [],
loanContractNo: '',
num: '',
remarks: '',
rzhtImages: [],
sid: '',
staffName: '',
vinNo: '',
yhkImages: [],
zlState: '',
zmfjImages: []
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
</style>
Write Preview
Loading…
Cancel
Save