4 changed files with 1256 additions and 0 deletions
@ -0,0 +1,69 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export default { |
||||
|
// 查询分页列表
|
||||
|
listPage: function(params) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/listPage', |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
// 查询车型和常用配置列表
|
||||
|
configurationlistPage: function(parmas) { |
||||
|
return request({ |
||||
|
url: '/base/basevehmodelconfig/selVehModelByUseOrgSidAndModelSidAndConfigSid', |
||||
|
method: 'post', |
||||
|
data: parmas, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
// 查询分页列表(金融内勤信用审核)
|
||||
|
pageList: function(params) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/finStaffProcess', |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
saveOrUpdate: function(data) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/save', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
fetchBySid: function(data) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/fetchDetailsBySid/' + data, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
}, |
||||
|
deleteBySids: function(data) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/delBySids', |
||||
|
method: 'DELETE', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
submitSave: function(data) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/submitSave', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
finStaffConfirm: function(data) { |
||||
|
return request({ |
||||
|
url: '/riskcenter/v1/loanpreloancreditapply/finStaffConfirm', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,366 @@ |
|||||
|
<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.applyDeptName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="申请人"> |
||||
|
<el-input v-model="listQuery.params.createByName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="车型"> |
||||
|
<el-input v-model="listQuery.params.modelName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户类型"> |
||||
|
<el-input v-model="listQuery.params.custTypeValue" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="姓名"> |
||||
|
<el-input v-model="listQuery.params.khqyName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="身份证号号码"> |
||||
|
<el-input v-model="listQuery.params.idCard" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="手机号码"> |
||||
|
<el-input v-model="listQuery.params.phone" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="公司风控结果"> |
||||
|
<el-input v-model="listQuery.params.gsfkjg" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="资方风控结果"> |
||||
|
<el-input v-model="listQuery.params.zffkjg" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="申请日期"> |
||||
|
<el-date-picker v-model="listQuery.params.createStartTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker> |
||||
|
<span style="padding: 0 8px">至</span> |
||||
|
<el-date-picker v-model="listQuery.params.createEndTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker> |
||||
|
</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 type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<el-table-column label="操作" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="small" :disabled="scope.row.state !== '1'" @click="toEdit(scope.row)">办理</el-button> |
||||
|
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="useOrgName" label="分公司" align="center" width="120"/> |
||||
|
<el-table-column prop="applyDeptName" label="申请部门" align="center" width="120"/> |
||||
|
<el-table-column prop="createByName" label="申请人" align="center" width="100"/> |
||||
|
<el-table-column prop="createTime" label="申请日期" align="center" width="100"/> |
||||
|
<el-table-column prop="modelName" label="车型" align="center" min-width="200"/> |
||||
|
<el-table-column prop="custTypeValue" label="客户类型" align="center" width="100"/> |
||||
|
<el-table-column prop="khqyName" label="姓名" align="center" width="100"/> |
||||
|
<el-table-column prop="idCard" label="身份证号码" align="center" width="170"/> |
||||
|
<el-table-column prop="phone" label="手机号码" align="center" width="110"/> |
||||
|
<el-table-column prop="gsfkjg" label="公司风控结果" align="center" width="120"/> |
||||
|
<el-table-column prop="zffkjg" label="资方风控结果" align="center" width="120"/> |
||||
|
<el-table-column prop="ssjg" label="申诉结果" align="center" width="100"/> |
||||
|
</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> |
||||
|
<!--新增及修改 --> |
||||
|
<creditauditmanagementAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
||||
|
<!--详情 --> |
||||
|
<creditauditmanagementInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/> |
||||
|
<!--客户类型 --> |
||||
|
<el-dialog title="请选择客户类型" :visible.sync="dialogVisible" width="30%"> |
||||
|
<el-form class="formadd"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="24"> |
||||
|
<el-select v-model="custTypeKey" placeholder="请选择" clearable filterable> |
||||
|
<el-option v-for="item in customer_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" size="small" @click="handleConfirm()">确定</el-button> |
||||
|
<el-button size="small" @click="dialogVisible = false">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import req from '@/api/creditauditmanagement/creditauditmanagement' |
||||
|
import { typeValues } from '@/api/Common/dictcommons' |
||||
|
import creditauditmanagementAdd from './creditauditmanagementAdd' |
||||
|
import creditauditmanagementInfo from './creditauditmanagementInfo' |
||||
|
|
||||
|
export default { |
||||
|
name: 'CreditAuditManagement', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
creditauditmanagementAdd, |
||||
|
creditauditmanagementInfo |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogVisible: false, |
||||
|
custTypeKey: '', |
||||
|
customer_list: [], |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'plus', |
||||
|
btnKey: 'toAdd', |
||||
|
btnLabel: '新增' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: 'del', |
||||
|
btnKey: 'doDel', |
||||
|
btnLabel: '删除' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看 |
||||
|
tableKey: 0, |
||||
|
list: [], |
||||
|
sids: [], // 用于导出的时候保存已选择的SIDs |
||||
|
FormLoading: false, |
||||
|
listLoading: false, |
||||
|
// 翻页 |
||||
|
listQuery: { |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
applyDeptName: '', |
||||
|
createByName: '', |
||||
|
createEndTime: '', |
||||
|
createStartTime: '', |
||||
|
custTypeValue: '', |
||||
|
gsfkjg: '', |
||||
|
idCard: '', |
||||
|
khqyName: '', |
||||
|
menuUrl: '', |
||||
|
modelName: '', |
||||
|
name: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
useOrgName: '', |
||||
|
userSid: '', |
||||
|
zffkjg: '' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
this.init() |
||||
|
this.getList() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'customertype' }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.customer_list = resp.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'toAdd': |
||||
|
this.toAdd() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
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.orgSidPath = window.sessionStorage.getItem('defaultOrgPath') |
||||
|
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
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: { |
||||
|
applyDeptName: '', |
||||
|
createByName: '', |
||||
|
createEndTime: '', |
||||
|
createStartTime: '', |
||||
|
custTypeValue: '', |
||||
|
gsfkjg: '', |
||||
|
idCard: '', |
||||
|
khqyName: '', |
||||
|
menuUrl: '', |
||||
|
modelName: '', |
||||
|
name: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
useOrgName: '', |
||||
|
userSid: '', |
||||
|
zffkjg: '' |
||||
|
} |
||||
|
} |
||||
|
this.init() |
||||
|
}, |
||||
|
toAdd() { |
||||
|
this.custTypeKey = '' |
||||
|
this.dialogVisible = true |
||||
|
}, |
||||
|
handleConfirm() { |
||||
|
if (this.custTypeKey !== '') { |
||||
|
this.dialogVisible = false |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divAdd'].showAdd(this.custTypeKey) |
||||
|
} else { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请选择客户类型' }) |
||||
|
} |
||||
|
}, |
||||
|
toEdit(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divAdd'].showEdit(row) |
||||
|
}, |
||||
|
toInfo(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divInfo'].showInfo(row) |
||||
|
}, |
||||
|
doDel() { |
||||
|
if (this.sids.length === 0) { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' }) |
||||
|
return |
||||
|
} |
||||
|
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
||||
|
this.$confirm(tip, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
req.deleteBySids(this.sids).then(resp => { |
||||
|
if (resp.success) { |
||||
|
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
||||
|
} |
||||
|
this.getList() |
||||
|
loading.close() |
||||
|
}).catch(e => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 修改、编辑、详情返回列表页面 |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,564 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.applyDeptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="formobj.modelName" style="width: 35%" placeholder="请选择" @change="modelChange" clearable filterable> |
||||
|
<el-option v-for="item in model_list" :key="item.modelSid" :label="item.vehicleAlias" :value="item.vehicleAlias"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">客户类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.custTypeValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-if="formobj.custTypeKey != '1'"> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">企业</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="formobj.qyName" style="width: 20%" placeholder="请选择" @change="qyChange" clearable filterable> |
||||
|
<el-option v-for="item in customer_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<span v-if="formobj.custTypeKey != '1'">法人信息</span> |
||||
|
<span v-else>贷款人信息</span> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">身份证号码</div> |
||||
|
<el-form-item><el-input v-model="formobj.idCard" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">姓名</div> |
||||
|
<el-form-item> |
||||
|
<el-input v-if="formobj.custTypeKey != '1'" v-model="formobj.custName" class="addinputInfo addinputw" clearable placeholder=""/> |
||||
|
<el-select v-else class="addinputInfo" v-model="formobj.custName" style="width: 35%" placeholder="请选择" @change="custChange" clearable filterable> |
||||
|
<el-option v-for="item in customer_list" :key="item.sid" :label="item.name" :value="item.name"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">手机号码</div> |
||||
|
<el-form-item><el-input v-model="formobj.phone" clearable placeholder="" class="addinputInfo addinputw" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div> |
||||
|
<el-form-item> |
||||
|
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title titleOne"> |
||||
|
<div>风控要求的其他人员</div> |
||||
|
<el-button type="primary" size="mini" class="" icon="el-icon-plus" @click="handleAdd">添加</el-button> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="formobj.loanPreloanCreditPeos" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column fixed width="80" label="操作" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="danger" size="mini" @click="handleDelete(scope.$index)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="人员身份" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-select v-model="scope.row.peoTypeValue" placeholder="请选择" @change="peoChange($event, scope.row)" clearable filterable> |
||||
|
<el-option v-for="item in perIden_list" :key="item.dictKey" :disabled="(item.dictValue == '股东' && formobj.custTypeKey == '1') || (item.dictValue == '担保人' && formobj.custTypeKey == '2')" :label="item.dictValue" :value="item.dictValue"></el-option> |
||||
|
</el-select> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="身份证号码" align="center" width="220"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.idCard" clearable placeholder=""/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="姓名" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.peoName" clearable placeholder=""/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="手机号码" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.phone" clearable placeholder=""/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="身份证正反面照片" align="center" width="140"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="handleUpload(scope.row, scope.$index)">上传</el-button> |
||||
|
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center" min-width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.remarks" clearable placeholder=""/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="title"> |
||||
|
公司风控 |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">公司要求材料</div> |
||||
|
<el-form-item> |
||||
|
<el-button style="margin-left: 130px !important;" type="primary" size="small">模板下载</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>附件</span></div> |
||||
|
<el-form-item> |
||||
|
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list2" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
||||
|
</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-select class="addinputInfo" v-model="formobj.capitalName" style="width: 20%" placeholder="请选择" @change="capitalChange" clearable filterable> |
||||
|
<el-option v-for="item in bankShort_list" :key="item.sid" :label="item.bankName" :value="item.bankName"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 身份证 --> |
||||
|
<el-dialog center :visible.sync="uploadVisible" :show-close="false"> |
||||
|
<el-form class="formadd" :model="accessory"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item> |
||||
|
<uploadImg ref="uploadImg" v-model="accessory.policyImages" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button> |
||||
|
<el-button size="small" @click="handleColse">取消</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
<!-- 身份证 --> |
||||
|
<el-dialog :visible.sync="dialogVisible"> |
||||
|
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/creditauditmanagement/creditauditmanagement' |
||||
|
import uploadImg from '@/components/uploadFile/uploadImg' |
||||
|
import { getOrgSidByPath, fetchBySid, selModelByUseOrgSid, selectCustomerList, typeValues, selectListByOrgPath } from '@/api/Common/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'CreditAuditManagementAdd', |
||||
|
components: { |
||||
|
uploadImg |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
uploadVisible: false, |
||||
|
dialogVisible: false, |
||||
|
list: [], |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
customer_list: [], |
||||
|
model_list: [], |
||||
|
perIden_list: [], |
||||
|
bankShort_list: [], |
||||
|
image_list1: [], |
||||
|
image_list2: [], |
||||
|
formobj: { |
||||
|
applyDeptName: '', |
||||
|
applyDeptSid: '', |
||||
|
capitalBalance: '', |
||||
|
capitalName: '', |
||||
|
capitalSid: '', |
||||
|
comFkFiles: [], |
||||
|
createByName: '', |
||||
|
createBySid: '', |
||||
|
custName: '', |
||||
|
custSid: '', |
||||
|
custTypeKey: '', |
||||
|
custTypeValue: '', |
||||
|
gsQueryResults: [], |
||||
|
gsfkjg: '', |
||||
|
gsfkjgKey: '', |
||||
|
gsshDate: '', |
||||
|
gsshRemarks: '', |
||||
|
idCard: '', |
||||
|
idCardImages: [], |
||||
|
loanPreloanCreditPeos: [], |
||||
|
modelName: '', |
||||
|
modelSid: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
qyName: '', |
||||
|
qySid: '', |
||||
|
sid: '', |
||||
|
ssjg: '', |
||||
|
type: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zfQueryResults: [], |
||||
|
zffkjg: '', |
||||
|
zffkjgKey: '', |
||||
|
zfshDate: '', |
||||
|
zfshRemarks: '' |
||||
|
}, |
||||
|
accessory: { |
||||
|
index: '', |
||||
|
policyImages: [] |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'perIden' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.perIden_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj.useOrgSid = res.data |
||||
|
selModelByUseOrgSid({ useOrgSid: res.data }).then((respsone) => { |
||||
|
if (respsone.success) { |
||||
|
this.model_list = respsone.data |
||||
|
} |
||||
|
}) |
||||
|
fetchBySid(res.data).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.formobj.useOrgName = resp.data.name |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
selectListByOrgPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.bankShort_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
showAdd(custTypeKey) { |
||||
|
this.viewTitle = '【新增】贷前信用审核申请' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.init() |
||||
|
var newDate = new Date() |
||||
|
var date = { |
||||
|
year: newDate.getFullYear(), |
||||
|
month: newDate.getMonth() + 1, |
||||
|
day: newDate.getDate() |
||||
|
} |
||||
|
this.formobj.createTime = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day) |
||||
|
const parameter = { |
||||
|
userSid: window.sessionStorage.getItem('userSid'), |
||||
|
staffSid: window.sessionStorage.getItem('staffSid'), |
||||
|
orgPath: window.sessionStorage.getItem('defaultOrgPath'), |
||||
|
certificateTypeKey: '' |
||||
|
} |
||||
|
if (custTypeKey == '1') { |
||||
|
this.formobj.custTypeValue = '个人' |
||||
|
parameter.certificateTypeKey = '01' |
||||
|
} else { |
||||
|
this.formobj.custTypeValue = '企业' |
||||
|
parameter.certificateTypeKey = '02' |
||||
|
} |
||||
|
selectCustomerList(parameter).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.customer_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
this.formobj.custTypeKey = custTypeKey |
||||
|
this.formobj.orgSidPath = window.sessionStorage.getItem('defaultOrgPath') |
||||
|
this.formobj.createByName = window.sessionStorage.getItem('name') |
||||
|
this.formobj.createBySid = window.sessionStorage.getItem('userSid') |
||||
|
this.formobj.applyDeptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1) |
||||
|
this.formobj.applyDeptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1) |
||||
|
}, |
||||
|
showEdit(row) { |
||||
|
this.viewTitle = '【新增】贷前信用审核申请' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.init() |
||||
|
req.fetchBySid(row.sid).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
if (this.formobj.idCardImages.length > 0) { |
||||
|
this.formobj.idCardImages.forEach((e) => { |
||||
|
this.image_list1.push({ |
||||
|
name: '', |
||||
|
url: e |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
if (this.formobj.comFkFiles.length > 0) { |
||||
|
this.formobj.comFkFiles.forEach((e) => { |
||||
|
this.image_list2.push({ |
||||
|
name: '', |
||||
|
url: e |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
const parameter = { |
||||
|
userSid: window.sessionStorage.getItem('userSid'), |
||||
|
staffSid: window.sessionStorage.getItem('staffSid'), |
||||
|
orgPath: window.sessionStorage.getItem('defaultOrgPath'), |
||||
|
certificateTypeKey: this.formobj.custTypeKey |
||||
|
} |
||||
|
selectCustomerList(parameter).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.customer_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
modelChange(value) { |
||||
|
const choose = this.model_list.filter((item) => item.vehicleAlias === value) |
||||
|
if (choose.length > 0) { |
||||
|
this.formobj.modelSid = choose[0].modelSid |
||||
|
} else { |
||||
|
this.formobj.modelSid = '' |
||||
|
} |
||||
|
}, |
||||
|
qyChange(value) { |
||||
|
const choose = this.customer_list.filter((item) => item.name === value) |
||||
|
if (choose.length > 0) { |
||||
|
this.formobj.qySid = choose[0].sid |
||||
|
} else { |
||||
|
this.formobj.qySid = '' |
||||
|
} |
||||
|
}, |
||||
|
custChange(value) { |
||||
|
const choose = this.customer_list.filter((item) => item.name === value) |
||||
|
if (choose.length > 0) { |
||||
|
this.formobj.custSid = choose[0].sid |
||||
|
} else { |
||||
|
this.formobj.custSid = '' |
||||
|
} |
||||
|
}, |
||||
|
capitalChange(value) { |
||||
|
const choose = this.bankShort_list.filter((item) => item.bankName === value) |
||||
|
if (choose.length > 0) { |
||||
|
this.formobj.capitalSid = choose[0].sid |
||||
|
} else { |
||||
|
this.formobj.capitalSid = '' |
||||
|
} |
||||
|
}, |
||||
|
handleAdd() { |
||||
|
this.formobj.loanPreloanCreditPeos.push({ |
||||
|
idCard: '', |
||||
|
idCardImages: [], |
||||
|
peoName: '', |
||||
|
peoTypeKey: '', |
||||
|
peoTypeValue: '', |
||||
|
phone: '', |
||||
|
sid: '' |
||||
|
}) |
||||
|
}, |
||||
|
// 上传 |
||||
|
handleUpload(row, index) { |
||||
|
this.uploadVisible = true |
||||
|
this.accessory.index = index |
||||
|
if (row.idCardImages.length > 0) { |
||||
|
for (var i = 0; i < row.idCardImages.length; i++) { |
||||
|
this.accessory.policyImages.push({ |
||||
|
name: '', |
||||
|
url: row.idCardImages[i] |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
handleLook(row) { |
||||
|
this.dialogVisible = true |
||||
|
this.list = row |
||||
|
}, |
||||
|
// 确定 |
||||
|
handleConfirm() { |
||||
|
if (this.accessory.policyImages.length > 0) { |
||||
|
const aa = [] |
||||
|
for (var l = 0; l < this.accessory.policyImages.length; l++) { |
||||
|
aa.push(this.accessory.policyImages[l].url) |
||||
|
} |
||||
|
this.formobj.loanPreloanCreditPeos[this.accessory.index].idCardImages = aa |
||||
|
} |
||||
|
this.handleColse() |
||||
|
}, |
||||
|
// 取消 |
||||
|
handleColse() { |
||||
|
this.uploadVisible = false |
||||
|
this.accessory = { |
||||
|
index: '', |
||||
|
policyImages: [] |
||||
|
} |
||||
|
}, |
||||
|
handleDelete(index) { |
||||
|
this.formobj.loanPreloanCreditPeos.splice(index, 1) |
||||
|
}, |
||||
|
peoChange(value, row) { |
||||
|
const choose = this.perIden_list.filter((item) => item.dictValue === value) |
||||
|
if (choose.length > 0) { |
||||
|
row.peoTypeKey = choose[0].dictKey |
||||
|
} else { |
||||
|
row.peoTypeKey = '' |
||||
|
} |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
this.getUrl() |
||||
|
req.saveOrUpdate(this.formobj).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
this.handleReturn('true') |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
submit() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
this.getUrl() |
||||
|
req.submitSave(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 = [] |
||||
|
for (var i = 0; i < this.image_list1.length; i++) { |
||||
|
aa.push(this.image_list1[i].url) |
||||
|
} |
||||
|
this.formobj.idCardImages = aa |
||||
|
} else { |
||||
|
this.formobj.idCardImages = [] |
||||
|
} |
||||
|
if (this.image_list2.length > 0) { |
||||
|
const bb = [] |
||||
|
for (var k = 0; k < this.image_list2.length; k++) { |
||||
|
bb.push(this.image_list2[k].url) |
||||
|
} |
||||
|
this.formobj.comFkFiles = bb |
||||
|
} else { |
||||
|
this.formobj.comFkFiles = [] |
||||
|
} |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.formobj = { |
||||
|
applyDeptName: '', |
||||
|
applyDeptSid: '', |
||||
|
capitalBalance: '', |
||||
|
capitalName: '', |
||||
|
capitalSid: '', |
||||
|
comFkFiles: [], |
||||
|
createByName: '', |
||||
|
createBySid: '', |
||||
|
custName: '', |
||||
|
custSid: '', |
||||
|
custTypeKey: '', |
||||
|
custTypeValue: '', |
||||
|
gsQueryResults: [], |
||||
|
gsfkjg: '', |
||||
|
gsfkjgKey: '', |
||||
|
gsshDate: '', |
||||
|
gsshRemarks: '', |
||||
|
idCard: '', |
||||
|
idCardImages: [], |
||||
|
loanPreloanCreditPeos: [], |
||||
|
modelName: '', |
||||
|
modelSid: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
qyName: '', |
||||
|
qySid: '', |
||||
|
sid: '', |
||||
|
ssjg: '', |
||||
|
type: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zfQueryResults: [], |
||||
|
zffkjg: '', |
||||
|
zffkjgKey: '', |
||||
|
zfshDate: '', |
||||
|
zfshRemarks: '' |
||||
|
} |
||||
|
this.list = [] |
||||
|
this.image_list1 = [] |
||||
|
this.image_list2 = [] |
||||
|
this.submitdisabled = false |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 130px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 120px !important; |
||||
|
} |
||||
|
.titleOne { |
||||
|
padding: 7px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,257 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<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" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.applyDeptName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请人</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">申请日期</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</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.modelName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">客户类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.custTypeValue }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row v-if="formobj.custTypeKey != '1'"> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">企业</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.qyName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<span v-if="formobj.custTypeKey != '1'">法人信息</span> |
||||
|
<span v-else>贷款人信息</span> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">身份证号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.idCard }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">姓名</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.custName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">手机号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.phone }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>身份证正反面</span></div> |
||||
|
<el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-image style="width: 150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.idCardImages" :key="index" :src="item" :preview-src-list="formobj.idCardImages"/> |
||||
|
</el-form-item> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<div>风控要求的其他人员</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="formobj.loanPreloanCreditPeos" :index="index" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/> |
||||
|
<el-table-column label="人员身份" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.peoTypeValue }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="身份证号码" align="center" width="220"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.idCard }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="姓名" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.peoName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="手机号码" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.phone }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="身份证正反面照片" align="center" width="140"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.idCardImages.length > 0" @click="handleLook(scope.row.idCardImages)">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center" min-width="200"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.remarks }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="title"> |
||||
|
公司风控 |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center"><span>附件</span></div> |
||||
|
<el-form-item> |
||||
|
<el-image style="width: 150px;height: 150px" class="addinputInfo" v-for="(item, index) in formobj.comFkFiles" :key="index" :src="item" :preview-src-list="formobj.comFkFiles"/> |
||||
|
</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-form-item><span class="addinputInfo">{{ formobj.capitalName }}</span></el-form-item> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 身份证 --> |
||||
|
<el-dialog :visible.sync="dialogVisible"> |
||||
|
<el-image style="width: 150px;height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/creditauditmanagement/creditauditmanagement' |
||||
|
export default { |
||||
|
name: 'CreditAuditManagementAdd', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
viewState: 1, |
||||
|
dialogVisible: false, |
||||
|
list: [], |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
applyDeptName: '', |
||||
|
applyDeptSid: '', |
||||
|
capitalBalance: '', |
||||
|
capitalName: '', |
||||
|
capitalSid: '', |
||||
|
comFkFiles: [], |
||||
|
createByName: '', |
||||
|
createBySid: '', |
||||
|
custName: '', |
||||
|
custSid: '', |
||||
|
custTypeKey: '', |
||||
|
custTypeValue: '', |
||||
|
gsQueryResults: [], |
||||
|
gsfkjg: '', |
||||
|
gsfkjgKey: '', |
||||
|
gsshDate: '', |
||||
|
gsshRemarks: '', |
||||
|
idCard: '', |
||||
|
idCardImages: [], |
||||
|
loanPreloanCreditPeos: [], |
||||
|
modelName: '', |
||||
|
modelSid: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
qyName: '', |
||||
|
qySid: '', |
||||
|
sid: '', |
||||
|
ssjg: '', |
||||
|
type: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zfQueryResults: [], |
||||
|
zffkjg: '', |
||||
|
zffkjgKey: '', |
||||
|
zfshDate: '', |
||||
|
zfshRemarks: '' |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.viewTitle = '贷前信用审核申请详情' |
||||
|
req.fetchBySid(row.sid).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.formobj = res.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleLook(row) { |
||||
|
this.dialogVisible = true |
||||
|
this.list = row |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.formobj = { |
||||
|
applyDeptName: '', |
||||
|
applyDeptSid: '', |
||||
|
capitalBalance: '', |
||||
|
capitalName: '', |
||||
|
capitalSid: '', |
||||
|
comFkFiles: [], |
||||
|
createByName: '', |
||||
|
createBySid: '', |
||||
|
custName: '', |
||||
|
custSid: '', |
||||
|
custTypeKey: '', |
||||
|
custTypeValue: '', |
||||
|
gsQueryResults: [], |
||||
|
gsfkjg: '', |
||||
|
gsshDate: '', |
||||
|
gsshRemarks: '', |
||||
|
gsshjg: '', |
||||
|
idCard: '', |
||||
|
idCardImages: [], |
||||
|
loanPreloanCreditPeos: [], |
||||
|
modelName: '', |
||||
|
modelSid: '', |
||||
|
orgSidPath: '', |
||||
|
phone: '', |
||||
|
qyName: '', |
||||
|
qySid: '', |
||||
|
sid: '', |
||||
|
ssjg: '', |
||||
|
type: '', |
||||
|
useOrgName: '', |
||||
|
useOrgSid: '', |
||||
|
zfQueryResults: [], |
||||
|
zffkjg: '', |
||||
|
zfshDate: '', |
||||
|
zfshRemarks: '' |
||||
|
} |
||||
|
this.list = [] |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 130px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 120px !important; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue