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

完善家访资料审核

master
yunuo970428 2 years ago
parent
b1537737ef
commit
606d22d9ad
7 changed files with 2514 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. 29
      anrui-riskcenter-ui/src/api/homevisitdatareview/homevisitdatareview.js
  2. 16
      anrui-riskcenter-ui/src/router/index.js
  3. 330
      anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareview.vue
  4. 685
      anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewAdd.vue
  5. 327
      anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewInfo.vue
  6. 783
      anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewReplenish.vue
  7. 344
      anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatatobereviewed.vue

29
anrui-riskcenter-ui/src/api/homevisitdatareview/homevisitdatareview.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/riskcenter/v1/loanhomevisitfileexamine/homeInforListPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 回显
fetchDetailsBySid: function(data) {
return request({
url: '/riskcenter/v1/loanhomevisitfileexamine/fetchDetailsBySid/' + data,
method: 'get'
})
},
// 保存
save: function(params) {
return request({
url: '/riskcenter/v1/loanhomevisitfileexamine/save',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
}
}

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

@ -219,6 +219,22 @@ export const constantRoutes = [
}
]
},
{
path: '/homevisitdatareview',
component: Layout,
redirect: '/homevisitdatareview',
meta: {
title: '家访资料审核'
},
children: [
{
path: '/homevisitdatareview/homevisitdatatobereviewed',
component: () => import('@/views/homevisitdatareview/homevisitdatatobereviewed.vue'),
name: 'HomeVisitDataReview',
meta: { title: '家访资料审核', noCache: true }
}
]
},
{
path: '/managementcreditaudit',
component: Layout,

330
anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareview.vue
View File

@ -0,0 +1,330 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<div v-show="viewState == 1">
<button-bar view-title="家访资料审核管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="switch_btn">
<el-button class="" @click="handleClick">待审核</el-button>
<el-button :class="{btn_style:viewState === 1}">已审核</el-button>
</div>
<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" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="销售部门">
<el-input v-model="listQuery.params.saleDeptName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="销售专员">
<el-input v-model="listQuery.params.staffName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="订单日期">
<el-date-picker v-model="listQuery.params.orderStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.orderEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
<el-form-item label="预约家访日期">
<el-date-picker v-model="listQuery.params.resHomeVisStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.resHomeVisEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
<el-form-item label="买卖合同编号">
<el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.loanPeoName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="资方">
<el-input v-model="listQuery.params.bankName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="金融产品">
<el-input v-model="listQuery.params.policyName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="家访专员">
<el-input v-model="listQuery.params.homeVisStaffName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<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>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column fixed width="50" type="selection" align="center"/>
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="lookSale(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="家访日期" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.resHomeVisDate }}</span>
</template>
</el-table-column>
<el-table-column label="家访地址" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.homeVisAddress }}</span>
</template>
</el-table-column>
<el-table-column label="分公司" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.useOrgName }}</span>
</template>
</el-table-column>
<el-table-column label="销售部门" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.orgName }}</span>
</template>
</el-table-column>
<el-table-column label="销售专员" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.staffName }}</span>
</template>
</el-table-column>
<el-table-column label="买卖合同编号" align="center" min-width="120">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}</span>
</template>
</el-table-column>
<el-table-column label="贷款人" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.borrowerName }}</span>
</template>
</el-table-column>
<el-table-column label="手机号码" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="资方" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.bankName }}</span>
</template>
</el-table-column>
<el-table-column label="金融产品" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="家访专员" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.homeVisStaffName }}</span>
</template>
</el-table-column>
<el-table-column label="考察结果" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.investigateValue }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!-- End 列表页面 -->
<!-- 家访资料审核补充 -->
<homevisitdatareviewReplenish ref="divRep" v-show="viewState == 2" @doback="resetState" @reloadlist="getList"/>
<!-- 家访资料详情 -->
<homevisitdatareviewInfo ref="divInfo" v-show="viewState == 3" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/homevisitdatareview/homevisitdatareview'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import homevisitdatareviewReplenish from './homevisitdatareviewReplenish'
import homevisitdatareviewInfo from './homevisitdatareviewInfo'
export default {
name: 'HomeVisitDataReview',
components: {
Pagination,
pageye,
ButtonBar,
homevisitdatareviewReplenish,
homevisitdatareviewInfo
},
data() {
return {
viewState: 1,
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: '',
btnKey: 'toReplenish',
btnLabel: '补充'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
// 查询条件 -----------
tableKey: 0,
list: [],
sids: [],
listLoading: false,
listQuery: {
params: {
contractNo: '',
homeVisStaffName: '',
loanPeoName: '',
menuUrl: '',
bankName: '',
orderEndDate: '',
orderStartDate: '',
orgSidPath: '',
policyName: '',
resHomeVisEndDate: '',
resHomeVisStartDate: '',
saleDeptName: '',
staffName: '',
type: '2',
useOrgName: '',
userSid: ''
},
current: 1,
size: 10,
total: 0
},
rules: {}
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'toReplenish':
this.toReplenish()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
req.listPage(this.listQuery).then((response) => {
console.log('列表查询结果：', 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
}
})
},
handleClick() {
this.$parent.resetState()
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handleReset() {
this.listQuery = {
params: {
contractNo: '',
homeVisStaffName: '',
loanPeoName: '',
menuUrl: '',
bankName: '',
orderEndDate: '',
orderStartDate: '',
orgSidPath: '',
policyName: '',
resHomeVisEndDate: '',
resHomeVisStartDate: '',
saleDeptName: '',
staffName: '',
type: '2',
useOrgName: '',
userSid: ''
},
current: 1,
size: 10,
total: 0
}
this.getList()
},
toReplenish() {
this.viewState = 2
this.$refs['divRep'].showEdit(this.sids[0])
},
lookSale(row) {
this.viewState = 3
this.$refs['divInfo'].showInfo(row.sid)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.btn_style {
background-color: #018ad2;
color: white;
font-weight: 600;
}
</style>

685
anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewAdd.vue
View File

@ -0,0 +1,685 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<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" class="formaddcopy02">
<el-collapse v-model="activeNames" accordion>
<el-collapse-item title="家访见证类" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">定位信息</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>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">房屋照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list2" :limit="50" bucket="map" :upload-data="{ type: '0002' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">门口照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list3" :limit="50" bucket="map" :upload-data="{ type: '0003' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">客厅卧室照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list4" :limit="50" bucket="map" :upload-data="{ type: '0004' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">合影照等</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list5" :limit="50" bucket="map" :upload-data="{ type: '0005' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="资产类" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">银行卡</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 colSty">房产</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list7" :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 colSty">车辆</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list8" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="公司合同类" name="3">
<el-table :key="tableKey" :data="formobj.loanXdCons" :index="index" border style="width: 100%">
<el-table-column width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="贷款人(合同号)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.loanCotractNoShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
<upload ref="upload" v-show="scope.row.loanCotractNo !== ''" v-model="file_list1" @change="changeFile($event, scope.row)" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-button style="margin-left: 10px" v-if="scope.row.loanCotractImages.length > 0" type="primary" size="mini" @click="lookFile(scope.row.loanCotractImages)">查看</el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="证明文件" name="4">
<div class="collapse">
<el-collapse v-model="activeName" accordion>
<el-collapse-item title="贷款人" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list9" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list10" :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 colSty">婚姻证明</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list11" :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 colSty">驾驶本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list12" :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 colSty">银行流水</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list13" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="配偶" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list14" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list15" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="担保人" name="3">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list16" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list17" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</div>
</el-collapse-item>
<el-collapse-item title="对存在的问题反馈:" name="5">
<el-row>
<el-col :span="24">
<el-form-item>
<el-input v-model="formobj.remarks" clearable placeholder=""/>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</div>
<!-- 查看公司合同类 附件 -->
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image v-for="(item, index) in dialog_list" :key="index" :src="item" :preview-src-list="dialog_list"/>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/homevisitdatareview/homevisitdatareview'
import upload from '@/components/uploadFile/upload'
import uploadImg from '@/components/uploadFile/uploadImg'
export default {
name: 'HomeVisitDataReviewAdd',
components: {
upload,
uploadImg
},
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
submitdisabled: false,
dialogVisible: false,
dialog_list: [],
activeNames: '1',
activeName: '1',
file_list1: [],
image_list1: [],
image_list2: [],
image_list3: [],
image_list4: [],
image_list5: [],
image_list6: [],
image_list7: [],
image_list8: [],
image_list9: [],
image_list10: [],
image_list11: [],
image_list12: [],
image_list13: [],
image_list14: [],
image_list15: [],
image_list16: [],
image_list17: [],
formobj: {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
}
},
methods: {
showEdit(sid) {
this.viewTitle = '家访资料审核'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
// 定位信息
if (this.formobj.location.length > 0) {
this.formobj.location.forEach((e) => {
this.image_list1.push({
name: '',
url: e
})
})
}
// 房屋照片
if (this.formobj.house.length > 0) {
this.formobj.house.forEach((e) => {
this.image_list2.push({
name: '',
url: e
})
})
}
// 门口照片
if (this.formobj.doorway.length > 0) {
this.formobj.doorway.forEach((e) => {
this.image_list3.push({
name: '',
url: e
})
})
}
// 客厅卧室照片
if (this.formobj.indoor.length > 0) {
this.formobj.indoor.forEach((e) => {
this.image_list4.push({
name: '',
url: e
})
})
}
// 合影照等
if (this.formobj.groupPhoto.length > 0) {
this.formobj.groupPhoto.forEach((e) => {
this.image_list5.push({
name: '',
url: e
})
})
}
// 银行卡
if (this.formobj.yhkImages.length > 0) {
this.formobj.yhkImages.forEach((e) => {
this.image_list6.push({
name: '',
url: e
})
})
}
// 房产
if (this.formobj.houseProperty.length > 0) {
this.formobj.houseProperty.forEach((e) => {
this.image_list7.push({
name: '',
url: e
})
})
}
// 车辆
if (this.formobj.carProperty.length > 0) {
this.formobj.carProperty.forEach((e) => {
this.image_list8.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 身份证
if (this.formobj.lenderIdCard.length > 0) {
this.formobj.lenderIdCard.forEach((e) => {
this.image_list9.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 户口本
if (this.formobj.lenderAccount.length > 0) {
this.formobj.lenderAccount.forEach((e) => {
this.image_list10.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 婚姻证明
if (this.formobj.lenderMarriageCertificate.length > 0) {
this.formobj.lenderMarriageCertificate.forEach((e) => {
this.image_list11.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 驾驶本
if (this.formobj.lenderDriverBook.length > 0) {
this.formobj.lenderDriverBook.forEach((e) => {
this.image_list12.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 银行流水
if (this.formobj.lenderBankStatement.length > 0) {
this.formobj.lenderBankStatement.forEach((e) => {
this.image_list13.push({
name: '',
url: e
})
})
}
// 证明文件 -- 配偶 -- 身份证
if (this.formobj.spouseIdCard.length > 0) {
this.formobj.spouseIdCard.forEach((e) => {
this.image_list14.push({
name: '',
url: e
})
})
}
// 证明文件 -- 配偶 -- 户口本
if (this.formobj.spouseAccount.length > 0) {
this.formobj.spouseAccount.forEach((e) => {
this.image_list15.push({
name: '',
url: e
})
})
}
// 证明文件 -- 担保人 -- 身份证
if (this.formobj.guarantorIdCard.length > 0) {
this.formobj.guarantorIdCard.forEach((e) => {
this.image_list16.push({
name: '',
url: e
})
})
}
// 证明文件 -- 担保人 -- 户口本
if (this.formobj.guarantorAccount.length > 0) {
this.formobj.guarantorAccount.forEach((e) => {
this.image_list17.push({
name: '',
url: e
})
})
}
}
})
},
// 公司合同类 -- 上传附件
changeFile(val, row) {
if (val.length > 0) {
const aa = []
val.forEach((e) => {
aa.push(e.url)
})
row.loanCotractImages = aa
} else {
row.loanCotractImages = []
}
},
// 公司合同类 -- 查看附件
lookFile(row) {
this.dialogVisible = true
this.dialog_list = row
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
req.save(this.formobj).then((resp) => {
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
for (var a = 0; a < this.image_list1.length; a++) {
aa.push(this.image_list1[a].url)
}
this.formobj.location = aa
} else {
this.formobj.location = []
}
if (this.image_list2.length > 0) {
const bb = []
for (var b = 0; b < this.image_list2.length; b++) {
bb.push(this.image_list2[b].url)
}
this.formobj.house = bb
} else {
this.formobj.house = []
}
if (this.image_list3.length > 0) {
const cc = []
for (var c = 0; c < this.image_list3.length; c++) {
cc.push(this.image_list3[c].url)
}
this.formobj.doorway = cc
} else {
this.formobj.doorway = []
}
if (this.image_list4.length > 0) {
const dd = []
for (var d = 0; d < this.image_list4.length; d++) {
dd.push(this.image_list4[d].url)
}
this.formobj.indoor = dd
} else {
this.formobj.indoor = []
}
if (this.image_list5.length > 0) {
const ee = []
for (var e = 0; e < this.image_list5.length; e++) {
ee.push(this.image_list5[e].url)
}
this.formobj.groupPhoto = ee
} else {
this.formobj.groupPhoto = []
}
if (this.image_list6.length > 0) {
const ff = []
for (var f = 0; f < this.image_list6.length; f++) {
ff.push(this.image_list6[f].url)
}
this.formobj.yhkImages = ff
} else {
this.formobj.yhkImages = []
}
if (this.image_list7.length > 0) {
const gg = []
for (var g = 0; g < this.image_list7.length; g++) {
gg.push(this.image_list7[g].url)
}
this.formobj.houseProperty = gg
} else {
this.formobj.houseProperty = []
}
if (this.image_list8.length > 0) {
const hh = []
for (var h = 0; h < this.image_list8.length; h++) {
hh.push(this.image_list8[h].url)
}
this.formobj.carProperty = hh
} else {
this.formobj.carProperty = []
}
if (this.image_list9.length > 0) {
const ii = []
for (var i = 0; i < this.image_list9.length; i++) {
ii.push(this.image_list9[i].url)
}
this.formobj.lenderIdCard = ii
} else {
this.formobj.lenderIdCard = []
}
if (this.image_list10.length > 0) {
const jj = []
for (var j = 0; j < this.image_list10.length; j++) {
jj.push(this.image_list10[j].url)
}
this.formobj.lenderAccount = jj
} else {
this.formobj.lenderAccount = []
}
if (this.image_list11.length > 0) {
const kk = []
for (var k = 0; k < this.image_list11.length; k++) {
kk.push(this.image_list11[k].url)
}
this.formobj.lenderMarriageCertificate = kk
} else {
this.formobj.lenderMarriageCertificate = []
}
if (this.image_list12.length > 0) {
const ll = []
for (var l = 0; l < this.image_list12.length; l++) {
ll.push(this.image_list12[l].url)
}
this.formobj.lenderDriverBook = ll
} else {
this.formobj.lenderDriverBook = []
}
if (this.image_list13.length > 0) {
const mm = []
for (var m = 0; m < this.image_list13.length; m++) {
mm.push(this.image_list13[m].url)
}
this.formobj.lenderBankStatement = mm
} else {
this.formobj.lenderBankStatement = []
}
if (this.image_list14.length > 0) {
const nn = []
for (var n = 0; n < this.image_list14.length; n++) {
nn.push(this.image_list14[n].url)
}
this.formobj.spouseIdCard = nn
} else {
this.formobj.spouseIdCard = []
}
if (this.image_list15.length > 0) {
const pp = []
for (var p = 0; p < this.image_list15.length; p++) {
pp.push(this.image_list15[p].url)
}
this.formobj.spouseAccount = pp
} else {
this.formobj.spouseAccount = []
}
if (this.image_list16.length > 0) {
const qq = []
for (var q = 0; q < this.image_list16.length; q++) {
qq.push(this.image_list16[q].url)
}
this.formobj.guarantorIdCard = qq
} else {
this.formobj.guarantorIdCard = []
}
if (this.image_list17.length > 0) {
const rr = []
for (var r = 0; r < this.image_list17.length; r++) {
rr.push(this.image_list17[r].url)
}
this.formobj.guarantorAccount = rr
} else {
this.formobj.guarantorAccount = []
}
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
this.image_list1 = []
this.image_list2 = []
this.image_list3 = []
this.image_list4 = []
this.image_list5 = []
this.image_list6 = []
this.image_list7 = []
this.image_list8 = []
this.image_list9 = []
this.image_list10 = []
this.image_list11 = []
this.image_list12 = []
this.image_list13 = []
this.image_list14 = []
this.image_list15 = []
this.image_list16 = []
this.image_list17 = []
this.submitdisabled = false
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 100px !important;
}
.addinputInfo {
margin-left: 90px !important;
}
.colSty {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
/deep/ .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #0294d7;
}
/deep/ .el-collapse-item__content {
padding-bottom: 0;
}
.collapse {
padding: 0 10px;
}
/deep/ .collapse .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #87CEFA;
}
</style>

327
anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewInfo.vue
View File

@ -0,0 +1,327 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<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-collapse v-model="activeNames" accordion>
<el-collapse-item title="家访见证类" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">定位信息</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.location" :key="index" :src="item" :preview-src-list="formobj.location"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">房屋照片</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.house" :key="index" :src="item" :preview-src-list="formobj.house"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">门口照片</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.doorway" :key="index" :src="item" :preview-src-list="formobj.doorway"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">客厅卧室照片</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.indoor" :key="index" :src="item" :preview-src-list="formobj.indoor"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">合影照等</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.groupPhoto" :key="index" :src="item" :preview-src-list="formobj.groupPhoto"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="资产类" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">银行卡</div>
<el-form-item><el-image 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 colSty">房产</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.houseProperty" :key="index" :src="item" :preview-src-list="formobj.houseProperty"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">车辆</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.carProperty" :key="index" :src="item" :preview-src-list="formobj.carProperty"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="公司合同类" name="3">
<el-table :key="tableKey" :data="formobj.loanXdCons" :index="index" border style="width: 100%">
<el-table-column width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="贷款人(合同号)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.loanCotractNoShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
<el-button style="margin-left: 10px" v-if="scope.row.loanCotractImages.length > 0" type="primary" size="mini" @click="lookGSFile(scope.row.loanCotractImages)">查看</el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="资方合同类" name="4">
<el-table :key="tableZfKey" :data="formobj.loanZfCons" :index="index" border style="width: 100%">
<el-table-column width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="贷款人(合同号)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.bankContractNoShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
<el-button style="margin-left: 10px" v-if="scope.row.bankContractImages.length > 0" type="primary" size="mini" @click="lookZFFile(scope.row.bankContractImages)">查看</el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="证明文件" name="5">
<div class="collapse">
<el-collapse v-model="activeName" accordion>
<el-collapse-item title="贷款人" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.lenderIdCard" :key="index" :src="item" :preview-src-list="formobj.lenderIdCard"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">户口本</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.lenderAccount" :key="index" :src="item" :preview-src-list="formobj.lenderAccount"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">婚姻证明</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.lenderMarriageCertificate" :key="index" :src="item" :preview-src-list="formobj.lenderMarriageCertificate"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">驾驶本</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.lenderDriverBook" :key="index" :src="item" :preview-src-list="formobj.lenderDriverBook"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">银行流水</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.lenderBankStatement" :key="index" :src="item" :preview-src-list="formobj.lenderBankStatement"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="配偶" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.spouseIdCard" :key="index" :src="item" :preview-src-list="formobj.spouseIdCard"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">户口本</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.spouseAccount" :key="index" :src="item" :preview-src-list="formobj.spouseAccount"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="担保人" name="3">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.guarantorIdCard" :key="index" :src="item" :preview-src-list="formobj.guarantorIdCard"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">户口本</div>
<el-form-item><el-image class="addinputInfo" v-for="(item, index) in formobj.guarantorAccount" :key="index" :src="item" :preview-src-list="formobj.guarantorAccount"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</div>
</el-collapse-item>
<el-collapse-item title="对存在的问题反馈:" name="6">
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</div>
<!-- 查看公司合同类 附件 -->
<el-dialog :visible.sync="dialogGSVisible" :append-to-body="true">
<el-image v-for="(item,index) in dialogGS_list" :key="index" :src="item" style="width: 100px;height: 100px" :preview-src-list="dialogGS_list">
</el-image>
</el-dialog>
<!-- 查看资方合同类 附件 -->
<el-dialog :visible.sync="dialogZFVisible" :append-to-body="true">
<el-image v-for="(item,index) in dialogZF_list" :key="index" :src="item" style="width: 100px;height: 100px" :preview-src-list="dialogZF_list">
</el-image>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/homevisitdatareview/homevisitdatareview'
export default {
name: 'HomeVisitDataReviewInfo',
data() {
return {
viewTitle: '',
tableKey: 0,
tableZfKey: 1,
index: 0,
dialogGSVisible: false,
dialogGS_list: [],
dialogZFVisible: false,
dialogZF_list: [],
activeNames: '1',
activeName: '1',
formobj: {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
}
},
methods: {
showInfo(sid) {
this.viewTitle = '家访资料审核详情'
req.fetchDetailsBySid(sid).then((resp) => {
if (resp.success) {
this.formobj = resp.data
}
})
},
// 公司合同类 -- 查看附件
lookGSFile(row) {
this.dialogGSVisible = true
this.dialogGS_list = row
},
// 资方合同类 -- 查看附件
lookZFFile(row) {
this.dialogZFVisible = true
this.dialogZF_list = row
},
handleReturn() {
this.formobj = {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 100px !important;
}
.addinputInfo {
margin-left: 90px !important;
}
.colSty {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
/deep/ .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #0294d7;
}
/deep/ .el-collapse-item__content {
padding-bottom: 0;
}
.collapse {
padding: 0 10px;
}
/deep/ .collapse .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #87CEFA;
}
</style>

783
anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatareviewReplenish.vue
View File

@ -0,0 +1,783 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<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" class="formaddcopy02">
<el-collapse v-model="activeNames" accordion>
<el-collapse-item title="家访见证类" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">定位信息</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>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">房屋照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list2" :limit="50" bucket="map" :upload-data="{ type: '0002' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">门口照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list3" :limit="50" bucket="map" :upload-data="{ type: '0003' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">客厅卧室照片</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list4" :limit="50" bucket="map" :upload-data="{ type: '0004' }"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty colSty">合影照等</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list5" :limit="50" bucket="map" :upload-data="{ type: '0005' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="资产类" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">银行卡</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 colSty">房产</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list7" :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 colSty">车辆</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list8" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="公司合同类" name="3">
<el-table :key="tableKey" :data="formobj.loanXdCons" :index="index" border style="width: 100%">
<el-table-column width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="贷款人(合同号)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.loanCotractNoShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
<upload ref="upload" v-show="scope.row.loanCotractNo !== ''" v-model="file_list1" @change="changeFile($event, scope.row)" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-button style="margin-left: 10px" v-if="scope.row.loanCotractImages.length > 0" type="primary" size="mini" @click="lookGSFile(scope.row.loanCotractImages)">查看</el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="资方合同类" name="4">
<el-table :key="tableZfKey" :data="formobj.loanZfCons" :index="index" border style="width: 100%">
<el-table-column width="80" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="贷款人(合同号)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.bankContractNoShow }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<div style="display: flex;flex-direction: row;justify-content: center;align-items: center">
<upload ref="upload" v-show="scope.row.bankContractNo !== ''" v-model="file_list1" @change="changeZFFile($event, scope.row)" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
<el-button style="margin-left: 10px" v-if="scope.row.bankContractImages.length > 0" type="primary" size="mini" @click="lookZFFile(scope.row.bankContractImages)">查看</el-button>
</div>
</template>
</el-table-column>
</el-table>
</el-collapse-item>
<el-collapse-item title="证明文件" name="5">
<div class="collapse">
<el-collapse v-model="activeName" accordion>
<el-collapse-item title="贷款人" name="1">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list9" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list10" :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 colSty">婚姻证明</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list11" :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 colSty">驾驶本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list12" :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 colSty">银行流水</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list13" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="配偶" name="2">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list14" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list15" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="担保人" name="3">
<el-row>
<el-col :span="24">
<div class="span-sty colSty">身份证</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list16" :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 colSty">户口本</div>
<el-form-item><upload-img ref="uploadImg" class="addinputInfo" v-model="image_list17" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</div>
</el-collapse-item>
<el-collapse-item title="对存在的问题反馈:" name="6">
<el-row>
<el-col :span="24">
<el-form-item>
<el-input v-model="formobj.remarks" clearable placeholder=""/>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
</div>
<!-- 查看公司合同类 附件 -->
<el-dialog :visible.sync="dialogGSVisible" :append-to-body="true">
<div v-for="(item,index) in dialogGS_list" :key="index" style="display:inline-block;">
<div class="dialogImg">
<el-image
:src="item"
style="width: 100px; height: 100px"
:preview-src-list="dialogGS_list">
</el-image>
<el-button type="danger" size="mini" @click="handleGSDel(item)">删除</el-button>
</div>
</div>
</el-dialog>
<!-- 查看资方合同类 附件 -->
<el-dialog :visible.sync="dialogZFVisible" :append-to-body="true">
<div v-for="(item,index) in dialogZF_list" :key="index" style="display:inline-block;">
<div class="dialogImg">
<el-image
:src="item"
style="width: 100px; height: 100px"
:preview-src-list="dialogZF_list">
</el-image>
<el-button type="danger" size="mini" @click="handleZFDel(item)">删除</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/homevisitdatareview/homevisitdatareview'
import upload from '@/components/uploadFile/upload'
import uploadImg from '@/components/uploadFile/uploadImg'
export default {
name: 'HomeVisitDataReviewReplenish',
components: {
upload,
uploadImg
},
data() {
return {
viewTitle: '',
tableKey: 0,
tableZfKey: 1,
index: 0,
submitdisabled: false,
dialogGSVisible: false,
dialogGS_list: [],
dialogZFVisible: false,
dialogZF_list: [],
activeNames: '1',
activeName: '1',
file_list1: [],
image_list1: [],
image_list2: [],
image_list3: [],
image_list4: [],
image_list5: [],
image_list6: [],
image_list7: [],
image_list8: [],
image_list9: [],
image_list10: [],
image_list11: [],
image_list12: [],
image_list13: [],
image_list14: [],
image_list15: [],
image_list16: [],
image_list17: [],
formobj: {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
}
},
methods: {
showEdit(sid) {
this.viewTitle = '家访资料审核'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
// 定位信息
if (this.formobj.location.length > 0) {
this.formobj.location.forEach((e) => {
this.image_list1.push({
name: '',
url: e
})
})
}
// 房屋照片
if (this.formobj.house.length > 0) {
this.formobj.house.forEach((e) => {
this.image_list2.push({
name: '',
url: e
})
})
}
// 门口照片
if (this.formobj.doorway.length > 0) {
this.formobj.doorway.forEach((e) => {
this.image_list3.push({
name: '',
url: e
})
})
}
// 客厅卧室照片
if (this.formobj.indoor.length > 0) {
this.formobj.indoor.forEach((e) => {
this.image_list4.push({
name: '',
url: e
})
})
}
// 合影照等
if (this.formobj.groupPhoto.length > 0) {
this.formobj.groupPhoto.forEach((e) => {
this.image_list5.push({
name: '',
url: e
})
})
}
// 银行卡
if (this.formobj.yhkImages.length > 0) {
this.formobj.yhkImages.forEach((e) => {
this.image_list6.push({
name: '',
url: e
})
})
}
// 房产
if (this.formobj.houseProperty.length > 0) {
this.formobj.houseProperty.forEach((e) => {
this.image_list7.push({
name: '',
url: e
})
})
}
// 车辆
if (this.formobj.carProperty.length > 0) {
this.formobj.carProperty.forEach((e) => {
this.image_list8.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 身份证
if (this.formobj.lenderIdCard.length > 0) {
this.formobj.lenderIdCard.forEach((e) => {
this.image_list9.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 户口本
if (this.formobj.lenderAccount.length > 0) {
this.formobj.lenderAccount.forEach((e) => {
this.image_list10.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 婚姻证明
if (this.formobj.lenderMarriageCertificate.length > 0) {
this.formobj.lenderMarriageCertificate.forEach((e) => {
this.image_list11.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 驾驶本
if (this.formobj.lenderDriverBook.length > 0) {
this.formobj.lenderDriverBook.forEach((e) => {
this.image_list12.push({
name: '',
url: e
})
})
}
// 证明文件 -- 贷款人 -- 银行流水
if (this.formobj.lenderBankStatement.length > 0) {
this.formobj.lenderBankStatement.forEach((e) => {
this.image_list13.push({
name: '',
url: e
})
})
}
// 证明文件 -- 配偶 -- 身份证
if (this.formobj.spouseIdCard.length > 0) {
this.formobj.spouseIdCard.forEach((e) => {
this.image_list14.push({
name: '',
url: e
})
})
}
// 证明文件 -- 配偶 -- 户口本
if (this.formobj.spouseAccount.length > 0) {
this.formobj.spouseAccount.forEach((e) => {
this.image_list15.push({
name: '',
url: e
})
})
}
// 证明文件 -- 担保人 -- 身份证
if (this.formobj.guarantorIdCard.length > 0) {
this.formobj.guarantorIdCard.forEach((e) => {
this.image_list16.push({
name: '',
url: e
})
})
}
// 证明文件 -- 担保人 -- 户口本
if (this.formobj.guarantorAccount.length > 0) {
this.formobj.guarantorAccount.forEach((e) => {
this.image_list17.push({
name: '',
url: e
})
})
}
}
})
},
// 公司合同类 -- 上传附件
changeFile(val, row) {
if (val.length > 0) {
const aa = []
val.forEach((e) => {
aa.push(e.url)
})
aa.forEach((e) => {
row.loanCotractImages.push(e)
})
} else {
row.loanCotractImages = []
}
},
changeZFFile(val, row) {
if (val.length > 0) {
const aa = []
val.forEach((e) => {
aa.push(e.url)
})
aa.forEach((e) => {
row.bankContractImages.push(e)
})
} else {
row.bankContractImages = []
}
},
// 公司合同类 -- 查看附件
lookGSFile(row) {
this.dialogGSVisible = true
this.dialogGS_list = row
},
handleGSDel(val) {
this.dialogGS_list.forEach((e, index) => {
if (e === val) {
this.dialogGS_list.splice((index, 1))
}
})
this.formobj.loanXdCons.forEach((e) => {
e.loanCotractImages.forEach((h, index) => {
if (h === val) {
e.loanCotractImages.splice(index, 1)
}
})
})
},
// 资方合同类 -- 查看附件
lookZFFile(row) {
this.dialogZFVisible = true
this.dialogZF_list = row
},
handleZFDel(val) {
this.dialogZF_list.forEach((e, index) => {
if (e === val) {
this.dialogZF_list.splice((index, 1))
}
})
this.formobj.loanZfCons.forEach((e) => {
e.bankContractImages.forEach((h, index) => {
if (h === val) {
e.bankContractImages.splice(index, 1)
}
})
})
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
req.save(this.formobj).then((resp) => {
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
for (var a = 0; a < this.image_list1.length; a++) {
aa.push(this.image_list1[a].url)
}
this.formobj.location = aa
} else {
this.formobj.location = []
}
if (this.image_list2.length > 0) {
const bb = []
for (var b = 0; b < this.image_list2.length; b++) {
bb.push(this.image_list2[b].url)
}
this.formobj.house = bb
} else {
this.formobj.house = []
}
if (this.image_list3.length > 0) {
const cc = []
for (var c = 0; c < this.image_list3.length; c++) {
cc.push(this.image_list3[c].url)
}
this.formobj.doorway = cc
} else {
this.formobj.doorway = []
}
if (this.image_list4.length > 0) {
const dd = []
for (var d = 0; d < this.image_list4.length; d++) {
dd.push(this.image_list4[d].url)
}
this.formobj.indoor = dd
} else {
this.formobj.indoor = []
}
if (this.image_list5.length > 0) {
const ee = []
for (var e = 0; e < this.image_list5.length; e++) {
ee.push(this.image_list5[e].url)
}
this.formobj.groupPhoto = ee
} else {
this.formobj.groupPhoto = []
}
if (this.image_list6.length > 0) {
const ff = []
for (var f = 0; f < this.image_list6.length; f++) {
ff.push(this.image_list6[f].url)
}
this.formobj.yhkImages = ff
} else {
this.formobj.yhkImages = []
}
if (this.image_list7.length > 0) {
const gg = []
for (var g = 0; g < this.image_list7.length; g++) {
gg.push(this.image_list7[g].url)
}
this.formobj.houseProperty = gg
} else {
this.formobj.houseProperty = []
}
if (this.image_list8.length > 0) {
const hh = []
for (var h = 0; h < this.image_list8.length; h++) {
hh.push(this.image_list8[h].url)
}
this.formobj.carProperty = hh
} else {
this.formobj.carProperty = []
}
if (this.image_list9.length > 0) {
const ii = []
for (var i = 0; i < this.image_list9.length; i++) {
ii.push(this.image_list9[i].url)
}
this.formobj.lenderIdCard = ii
} else {
this.formobj.lenderIdCard = []
}
if (this.image_list10.length > 0) {
const jj = []
for (var j = 0; j < this.image_list10.length; j++) {
jj.push(this.image_list10[j].url)
}
this.formobj.lenderAccount = jj
} else {
this.formobj.lenderAccount = []
}
if (this.image_list11.length > 0) {
const kk = []
for (var k = 0; k < this.image_list11.length; k++) {
kk.push(this.image_list11[k].url)
}
this.formobj.lenderMarriageCertificate = kk
} else {
this.formobj.lenderMarriageCertificate = []
}
if (this.image_list12.length > 0) {
const ll = []
for (var l = 0; l < this.image_list12.length; l++) {
ll.push(this.image_list12[l].url)
}
this.formobj.lenderDriverBook = ll
} else {
this.formobj.lenderDriverBook = []
}
if (this.image_list13.length > 0) {
const mm = []
for (var m = 0; m < this.image_list13.length; m++) {
mm.push(this.image_list13[m].url)
}
this.formobj.lenderBankStatement = mm
} else {
this.formobj.lenderBankStatement = []
}
if (this.image_list14.length > 0) {
const nn = []
for (var n = 0; n < this.image_list14.length; n++) {
nn.push(this.image_list14[n].url)
}
this.formobj.spouseIdCard = nn
} else {
this.formobj.spouseIdCard = []
}
if (this.image_list15.length > 0) {
const pp = []
for (var p = 0; p < this.image_list15.length; p++) {
pp.push(this.image_list15[p].url)
}
this.formobj.spouseAccount = pp
} else {
this.formobj.spouseAccount = []
}
if (this.image_list16.length > 0) {
const qq = []
for (var q = 0; q < this.image_list16.length; q++) {
qq.push(this.image_list16[q].url)
}
this.formobj.guarantorIdCard = qq
} else {
this.formobj.guarantorIdCard = []
}
if (this.image_list17.length > 0) {
const rr = []
for (var r = 0; r < this.image_list17.length; r++) {
rr.push(this.image_list17[r].url)
}
this.formobj.guarantorAccount = rr
} else {
this.formobj.guarantorAccount = []
}
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
carProperty: [],
doorway: [],
groupPhoto: [],
guarantorAccount: [],
guarantorIdCard: [],
homeVisitSid: '',
house: [],
houseProperty: [],
indoor: [],
lenderAccount: [],
lenderBankStatement: [],
lenderDriverBook: [],
lenderIdCard: [],
lenderMarriageCertificate: [],
loanXdCons: [],
loanZfCons: [],
location: [],
remarks: '',
saleOrderSid: '',
sid: '',
spouseAccount: [],
spouseIdCard: [],
yhkImages: []
}
this.image_list1 = []
this.image_list2 = []
this.image_list3 = []
this.image_list4 = []
this.image_list5 = []
this.image_list6 = []
this.image_list7 = []
this.image_list8 = []
this.image_list9 = []
this.image_list10 = []
this.image_list11 = []
this.image_list12 = []
this.image_list13 = []
this.image_list14 = []
this.image_list15 = []
this.image_list16 = []
this.image_list17 = []
this.submitdisabled = false
this.dialogGS_list = []
this.dialogZF_list = []
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 100px !important;
}
.addinputInfo {
margin-left: 90px !important;
}
.colSty {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
/deep/ .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #0294d7;
}
/deep/ .el-collapse-item__content {
padding-bottom: 0;
}
.collapse {
padding: 0 10px;
}
/deep/ .collapse .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
font-size: 20px;
text-align: left;
color: #ffffff;
background-color: #87CEFA;
}
.dialogImg {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
</style>

344
anrui-riskcenter-ui/src/views/homevisitdatareview/homevisitdatatobereviewed.vue
View File

@ -0,0 +1,344 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<div v-show="viewState == 1">
<button-bar view-title="家访资料审核管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="switch_btn">
<el-button :class="{btn_style:viewState === 1}">待审核</el-button>
<el-button class="" @click="handleClick">已审核</el-button>
</div>
<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" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="销售部门">
<el-input v-model="listQuery.params.saleDeptName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="销售专员">
<el-input v-model="listQuery.params.staffName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="订单日期">
<el-date-picker v-model="listQuery.params.orderStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.orderEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
<el-form-item label="预约家访日期">
<el-date-picker v-model="listQuery.params.resHomeVisStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.resHomeVisEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
<el-form-item label="买卖合同编号">
<el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="贷款人">
<el-input v-model="listQuery.params.loanPeoName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="资方">
<el-input v-model="listQuery.params.bankName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="金融产品">
<el-input v-model="listQuery.params.policyName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="家访专员">
<el-input v-model="listQuery.params.homeVisStaffName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<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>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column fixed width="50" type="selection" align="center"/>
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleLook(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="家访日期" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.resHomeVisDate }}</span>
</template>
</el-table-column>
<el-table-column label="家访地址" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.homeVisAddress }}</span>
</template>
</el-table-column>
<el-table-column label="分公司" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.useOrgName }}</span>
</template>
</el-table-column>
<el-table-column label="销售部门" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.orgName }}</span>
</template>
</el-table-column>
<el-table-column label="销售专员" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.staffName }}</span>
</template>
</el-table-column>
<el-table-column label="买卖合同编号" align="center" min-width="120">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}</span>
</template>
</el-table-column>
<el-table-column label="贷款人" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.borrowerName }}</span>
</template>
</el-table-column>
<el-table-column label="手机号码" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="资方" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.bankName }}</span>
</template>
</el-table-column>
<el-table-column label="金融产品" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.policyName }}</span>
</template>
</el-table-column>
<el-table-column label="家访专员" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.homeVisStaffName }}</span>
</template>
</el-table-column>
<el-table-column label="考察结果" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.investigateValue }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!-- End 列表页面 -->
<!-- 已选择列表 -->
<homevisitdatareview v-show="viewState == 2" ref="divSelect" @doback="resetState"/>
<!-- 审核 -->
<homevisitdatareviewAdd v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!-- 详情 -->
<homevisitdatareviewInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/homevisitdatareview/homevisitdatareview'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import homevisitdatareview from './homevisitdatareview'
import homevisitdatareviewAdd from './homevisitdatareviewAdd'
import homevisitdatareviewInfo from './homevisitdatareviewInfo'
export default {
name: 'HomeVisitDataToBeReviewed',
components: {
Pagination,
pageye,
ButtonBar,
homevisitdatareview,
homevisitdatareviewAdd,
homevisitdatareviewInfo
},
data() {
return {
viewState: 1,
btndisabled: false,
dialogVisible: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: '',
btnKey: 'tobeSelect',
btnLabel: '办理'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
// 查询条件 -----------
tableKey: 0,
list: [],
sids: [],
listLoading: false,
listQuery: {
params: {
contractNo: '',
homeVisStaffName: '',
loanPeoName: '',
menuUrl: '',
bankName: '',
orderEndDate: '',
orderStartDate: '',
orgSidPath: '',
policyName: '',
resHomeVisEndDate: '',
resHomeVisStartDate: '',
saleDeptName: '',
staffName: '',
type: '1',
useOrgName: '',
userSid: ''
},
current: 1,
size: 10,
total: 0
},
contract: '',
rules: {}
}
},
created() {
// 初始化变量
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'tobeSelect':
this.tobeSelect()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
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
}
})
},
tobeSelect() {
if (this.sids.length === 1) {
this.viewState = 3
this.$refs['divAdd'].showEdit(this.sids[0])
} else {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' })
}
},
handleLook(row) {
this.viewState = 4
this.$refs['divInfo'].showInfo(row.sid)
},
handleClick() {
this.viewState = 2
this.$refs['divSelect'].getList()
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handleReset() {
this.listQuery = {
params: {
contractNo: '',
homeVisStaffName: '',
loanPeoName: '',
menuUrl: '',
bankName: '',
orderEndDate: '',
orderStartDate: '',
orgSidPath: '',
policyName: '',
resHomeVisEndDate: '',
resHomeVisStartDate: '',
saleDeptName: '',
staffName: '',
type: '1',
useOrgName: '',
userSid: ''
},
current: 1,
size: 10,
total: 0
}
this.getList()
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.btn_style {
background-color: #018ad2;
color: white;
font-weight: 600;
}
</style>
Write Preview
Loading…
Cancel
Save