<template>
|
<div class="product">
|
<div v-for="(item,index) in riskData" :key="index">
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
审批信息
|
</p>
|
<el-form :model="item" inline label-width="160px" size="small">
|
<el-form-item label="审批结果">
|
<el-input v-model="item.respcodeDesc.value" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="审批外部拒绝原因">
|
<el-input v-model="item.respcodeMsg.value" disabled></el-input>
|
</el-form-item>
|
<el-form-item label="审批内部拒绝原因">
|
<el-input v-model="item.InnerMsg.value" disabled></el-input>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
辅助决策信息
|
</p>
|
<el-table
|
stripe
|
:data="item.decisionInfos"
|
style="width: 100%"
|
:cell-class-name="cellClass"
|
highlight-current-row
|
:header-cell-class-name="headerCellClass">
|
<el-table-column prop="aidcode" label="辅助决策代码">
|
<template slot-scope="{row}">
|
<span>{{row.aidcode.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="aiddesc" label="辅助决策类型">
|
<template slot-scope="{row}">
|
<span>{{row.aiddesc.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="aidvalue" label="辅助决策">
|
<template slot-scope="{row}">
|
<span>{{row.aidvalue.value}}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
风险提示信息
|
</p>
|
<el-table
|
stripe
|
:data="item.tipsInfos"
|
style="width: 100%"
|
:cell-class-name="cellClass"
|
highlight-current-row
|
:header-cell-class-name="headerCellClass">
|
<el-table-column prop="rulecode" label="风险提示代码">
|
<template slot-scope="{row}">
|
<span>{{row.rulecode.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="rulelevel" label="风险级别">
|
<template slot-scope="{row}">
|
<span>{{row.rulelevel.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="ruletype" label="提示类型">
|
<template slot-scope="{row}">
|
<span>{{row.ruletype.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="ruledesc" label="风险提示">
|
<template slot-scope="{row}">
|
<span>{{row.ruledesc.value}}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="_block">
|
<p class="title">
|
<span></span>
|
相关人征信信息
|
</p>
|
<el-table
|
stripe
|
:data="item.reportInfos"
|
style="width: 100%"
|
:cell-class-name="cellClass"
|
highlight-current-row
|
:header-cell-class-name="headerCellClass">
|
<el-table-column prop="borrowTypeDesc" label="类型" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.borrowTypeDesc.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="relationshipDesc" label="与借款人关系" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.relationshipDesc.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="customerName" label="客户名称" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.customerName.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="idType" label="证件类型" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.idType.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="idCard" label="证件号码" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.idCard.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="statusDesc" label="状态" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.statusDesc.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="successTime" label="获取成功时间" min-width="200">
|
<template slot-scope="{row}">
|
<span>{{row.successTime.value}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" min-width="200">
|
<template slot-scope="scope">
|
<el-button @click="handleView(scope.row)" type="text" size="small" v-no-more-click>查看</el-button>
|
<el-button
|
:disabled="scope.row.statusDesc.value=='获取成功'||scope.row.statusDesc.value=='获取中'"
|
@click="handleObtain(scope.row)"
|
type="text"
|
size="small"
|
>获取</el-button>
|
<el-button
|
:disabled="scope.row.statusDesc.value=='未获取'||scope.row.statusDesc.value=='获取失败'||scope.row.statusDesc.value=='获取中'"
|
@click="handleRefresh(scope.row)"
|
type="text"
|
size="small"
|
>刷新</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
<div class="fixedBtn">
|
<el-button
|
size="medium"
|
plain
|
@click="prevStep"
|
>上一页</el-button>
|
<el-button
|
size="medium"
|
type="primary"
|
@click="nextPage"
|
>下一页</el-button>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {
|
qryRiskAutoExamineDetail,
|
getCreditReport
|
} from '@/api/product'
|
import {
|
downloadCreditReport
|
} from '@comprehensive/serve/public'
|
import common from "@/utils/common";
|
export default {
|
data () {
|
return {
|
applyInfo: this.$store.state.product.applyInfo,
|
applyMenu: this.$store.state.product.applyMenu,
|
riskData:[]
|
}
|
},
|
created () {
|
this.getRiskAutoExamineDetail()
|
},
|
methods: {
|
headerCellClass() {
|
return "headerCellClass";
|
},
|
cellClass() {
|
return "cellClass";
|
},
|
// 获取风控审批信息详情
|
getRiskAutoExamineDetail(){
|
const arr = []
|
this.$parent._data.loading = true
|
qryRiskAutoExamineDetail({applySerialNo:this.applyInfo.serialNo}).then(res=>{
|
this.$parent._data.loading = false
|
arr.push(res.result)
|
this.riskData = arr
|
})
|
},
|
// 查看
|
handleView(row){
|
// 查看功能暂不开放
|
this.$message.warning("暂不支持人行征信报告获取及查询");
|
return
|
const obj = {
|
applyserialno:this.applyInfo.serialNo,
|
certid:row.idCard.value,
|
customername:row.customerName.value,
|
relationtype:row.borrowType.value
|
}
|
downloadCreditReport(obj)
|
},
|
// 刷新
|
handleRefresh(row){
|
if(row.successTime.value){
|
const first = row.successTime.value //开始时间
|
const second = new Date(); //结束时间
|
const date = new Date(Date.parse(first.replace(/-/g, "/"))); //转换格式
|
const time = 30 * 24 * 60 * 60 * 1000; //间隔30天
|
if(( second - date ) > time){
|
common.comfirm('提示',`该操作会产生人行征信查询记录，请确认是否需要继续查询【${row.customerName.value}】的人行征信信息？`,()=>{
|
this.handleObtain(row)
|
})
|
}else{
|
this.handleObtain(row)
|
}
|
}else{
|
this.handleObtain(row)
|
}
|
},
|
// 获取
|
handleObtain(row){
|
const obj = {
|
applyserialno:this.applyInfo.serialNo,
|
certid:row.idCard.value,
|
customername:row.customerName.value,
|
}
|
this.$parent._data.loading = true
|
getCreditReport(obj).then(res=>{
|
this.$parent._data.loading = false
|
if(res.code=='00'){
|
this.getRiskAutoExamineDetail()
|
}
|
})
|
},
|
// 上一步
|
prevStep() {
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "风控审批信息") {
|
common.tabInfo(
|
this.applyMenu[index - 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
// 下一页
|
nextPage() {
|
// 调用父组件的查询左侧tab的方法
|
this.$parent.updateApplyTabTree();
|
this.applyMenu.forEach((val, index) => {
|
if (val.tabname == "风控审批信息") {
|
common.tabInfo(
|
this.applyMenu[index + 1].tabname,
|
this.applyInfo.flowno,
|
this
|
);
|
}
|
});
|
},
|
}
|
}
|
</script>
|
