wkc/ibs-app-fullstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0327-青田重要信息一览

Browse Source
This commit is contained in:
杨乐言
2026-03-27 17:29:18 +08:00
parent b131290459
commit e053f80c55
5 changed files with 98 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
szzh-h5/src/views/customer/customePersonDetail.vue
View File

@@ -22,36 +22,6 @@
</div>
</div>
</div>
<div class="home_main" v-if="showcard">
<div class="wrappernew">
<div class="wrapper_view">
<div class="view_item">
<div class="view_item_left">年龄</div>
<div class="view_item_right">{{ baseInfo.custAge }}</div>
</div>
<div class="view_item">
<div class="view_item_left">婚姻状况</div>
<div class="view_item_right">{{ baseInfo.isMarried }}</div>
</div>
<div class="view_item">
<div class="view_item_left">年收入</div>
<div class="view_item_right">{{ baseInfo.custSalary }}</div>
</div>
<div class="view_item">
<div class="view_item_left">资产情况</div>
<div class="view_item_right">{{ baseInfo.asset }}</div>
</div>
<div class="view_item">
<div class="view_item_left">信用状况</div>
<div class="view_item_right">{{ baseInfo.credit }}</div>
</div>
<div class="view_item">
<div class="view_item_left">行业名称</div>
<div class="view_item_right">{{ initIndustryBusiStr(baseInfo.belongBusi) }}</div>
</div>
</div>
</div>
</div>
<div class="home_main">
<!-- <div class="home_main_item" v-for="(item, index) in dhList" @click="handleClickItem(item)">
<div class="main_left">
@@ -61,6 +31,9 @@
<van-icon name="arrow" class="next_icon"></van-icon>
</div> -->
<van-collapse v-model="activeNames" accordion>
<van-collapse-item key="重要信息一览" title="重要信息一览" name="重要信息一览" v-if="showImportantInfo">
<speticaltag :dataSource="importantInfoList" type="special" />
</van-collapse-item>
<van-collapse-item v-for="(item, index) in dhList" :key="index" :title="item.title"
:name="item.title">
<indexcharts v-if="activeNames == '个人基本信息' && item.title == '个人基本信息'"></indexcharts>
@@ -81,16 +54,8 @@
<van-collapse-item key="特色客户标签" title="特色客户标签" name="特色客户标签" v-if="showTag">
<speticaltag :custIdc="baseInfo.custIdc" />
</van-collapse-item>
<van-collapse-item
key="催收信息"
title="催收信息"
name="催收信息"
v-if="['932'].includes(orgNum)"
>
<speticaltag
:dataSource="taskDetail"
type="special"
/>
<van-collapse-item key="催收信息" title="催收信息" name="催收信息" v-if="showTaskDetail">
<speticaltag :dataSource="taskDetail" type="special" />
</van-collapse-item>
</van-collapse>
</div>
@@ -143,7 +108,8 @@ export default {
value: '',
showPicker: false,
columns: [1, 2, 23, 4, 5],
baseInfo:{},
baseInfo: {},
importantInfoList: [],
taskDetail: [],
industryOptions: []
}
@@ -182,11 +148,14 @@ export default {
},
orgNum() {
const { deptId = '' } = this.userInfo
const str = String(deptId).substring(0,3)
const str = String(deptId).substring(0, 3)
return str
},
showcard() {
return this.userInfo.userName.startsWith('932')
showImportantInfo() {
return this.orgNum === '932'
},
showTaskDetail() {
return this.orgNum === '932'
}
},
methods: {
@@ -197,29 +166,9 @@ export default {
let custId = sessionStorage.getItem('custId')
getPersonInfo(custId).then(res => {
if (res.code == 200) {
this.baseInfo = res.data.custInfoRetail
if (res.data.taskDetail.length > 0) {
const taskDetail = res.data.taskDetail[0] || {}
for (let i in taskDetail) {
if (i !== 'info') {
this.taskDetail.push({
value: i,
label: taskDetail[i],
isImage: i === '照片存放地址'
})
} else {
for (let j in taskDetail.info) {
this.taskDetail.push({
value: j,
label: taskDetail.info[j],
isImage: j === '照片存放地址'
})
}
}
}
} else {
this.taskDetail = []
}
this.baseInfo = res.data.custInfoRetail || {}
this.importantInfoList = this.buildImportantInfoList(this.baseInfo, res.data.importantInfoLoan932List || [])
this.taskDetail = this.formatTaskDetail(res.data.taskDetail || [])
}
})
},
@@ -237,6 +186,7 @@ export default {
}
}
}
return data || ''
},
initIndustryTree() {
getIndustryTree().then((res) => {
@@ -275,6 +225,58 @@ export default {
this.init();
});
},
buildImportantInfoList(baseInfo, loanInfoList) {
const result = [
{ value: '年龄', label: baseInfo.custAge || '' },
{ value: '婚姻状况', label: baseInfo.isMarried || '' },
{ value: '年收入', label: baseInfo.custSalary || '' },
{ value: '资产情况', label: baseInfo.asset || '' },
{ value: '信用状况', label: baseInfo.credit || '' },
{ value: '行业名称', label: this.initIndustryBusiStr(baseInfo.belongBusi) }
]
loanInfoList.forEach((loanInfo, index) => {
result.push({ value: `贷款信息${index + 1}`, label: '', isSection: true })
result.push(
{ value: '客户号', label: loanInfo.custId || '' },
{ value: '客户内码', label: loanInfo.custIsn || '' },
{ value: '合同号', label: loanInfo.contractNo || '' },
{ value: '合同起始日', label: loanInfo.conStartDt || '' },
{ value: '合同终止日', label: loanInfo.conEndDt || '' },
{ value: '贷款余额', label: loanInfo.loanBal || '' },
{ value: '贷款利率', label: loanInfo.loanRate || '' },
{ value: '担保方式', label: loanInfo.assureWay || '' },
{ value: '贷款用途', label: loanInfo.loanPurpose || '' },
{ value: '归属支行', label: loanInfo.orgCode || '' },
{ value: '数据日期', label: loanInfo.dataDate || '' }
)
})
return result
},
formatTaskDetail(taskSource) {
if (!taskSource.length) {
return []
}
const taskDetail = taskSource[0] || {}
const result = []
for (let i in taskDetail) {
if (i !== 'info') {
result.push({
value: i,
label: taskDetail[i],
isImage: i === '照片存放地址'
})
} else if (taskDetail.info) {
for (let j in taskDetail.info) {
result.push({
value: j,
label: taskDetail.info[j],
isImage: j === '照片存放地址'
})
}
}
}
return result
},
handleClickItem(item) {
if (item.title == "个人基本信息") {
sessionStorage.setItem('detailType', item.title);
@@ -316,31 +318,6 @@ export default {
padding-bottom: 60px;
}
.wrappernew {
// padding-top: 46px;
font-size: 14px;
background-color: #fff;
.view_item {
display: flex;
justify-content: space-between;
line-height: 40px;
font-size: 14px;
border-bottom: 1px solid rgba(245, 245, 245, 1);
padding: 0 20px;
}
.view_item_left {
width: 40%;
color: rgb(22, 13, 13);
}
.view_item_right {
width: 60%;
color: rgb(22, 13, 13);
}
}
.wrapper_top {
background-color: #fff;
padding: 15px 20px;

13
szzh-h5/src/views/details/speticalTag.vue
View File

@@ -2,10 +2,13 @@
<div class="detail_main">
<div class="wrapper">
<div class="wrapper_view">
<div class="view_item" v-for="item in baseInfo" :key="item.value">
<div v-for="(item, index) in baseInfo" :key="`${item.value}-${index}`">
<div class="section_item" v-if="item.isSection">{{ item.value }}</div>
<div class="view_item" v-else>
<div class="view_item_left">{{ item.value }}</div>
<van-image class="view_item_image" v-if="item.isImage" :src="item.label"></van-image>
<div class="view_item_right" v-else>{{ item.label }}</div>
</div>
</div>
</div>
</div>
@@ -81,6 +84,14 @@ export default {
padding: 0 20px;
}
.section_item {
padding: 12px 20px 8px;
font-size: 13px;
font-weight: 600;
color: #333;
background-color: #f7f8fa;
}
.view_item_left {
// width: 40%;
color: #7c7c7c;