Skip to content

丽
丽人贷管理后台
Commit c049930e authored by caimeng's avatar caimeng
Browse files
Options

图片上传

parent 08008146
Hide whitespace changes
Inline Side-by-side
Showing with 394 additions and 122 deletions
.env.development
View file @ c049930e
NODE_ENV=dev
BASE_URL=''
VUE_APP_API_PATH=/api
.env.production
View file @ c049930e
NODE_ENV=prod
BASE_URL=''
VUE_APP_API_PATH=https://aphrodite-admin.rockstect.net
src/assets/common.scss
View file @ c049930e
.page{
.page {
//position: relative;
box-sizing: border-box;
padding: 20px;
overflow-x:auto;
overflow-x: auto;
}
.labelCls{
.labelCls {
width: 140px !important;
}
.btn-fixed{
.btn-fixed {
position: fixed;
top:130px;
top: 130px;
right: 30px;
}
// 组件样式
.com{
.com {
padding-bottom: 20px;
}
.el-dialog__header{
.el-dialog__header {
border-bottom: 1px solid #ebeef5;
}
.el-descriptions__table .el-descriptions-row .el-descriptions-item__cell{
.el-descriptions__table .el-descriptions-row .el-descriptions-item__cell {
//text-align: center !important;
}
// 同盾报告
.td-dialog{
.td-dialog {
width: 100%;
position: fixed;
z-index: 9999;
......@@ -38,18 +40,18 @@
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.7);
background-color: rgba(0, 0, 0, .7);
display: none;
}
.td-dialog .td-dialog-l1{
.td-dialog .td-dialog-l1 {
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.td-dialog .td-dialog-l1 .td-dialog-l2{
.td-dialog .td-dialog-l1 .td-dialog-l2 {
zoom: 1;
z-index: 99999;
height: 100%;
......@@ -57,7 +59,8 @@
margin: 0;
padding: 0;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container {
position: absolute;
background-color: #f9f9f9;
top: 0;
......@@ -72,13 +75,13 @@
top: 0px;
}
.risk-detail-sub-item{
.risk-detail-sub-item {
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-a-close{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-a-close {
position: fixed;
background-color: #fff;
width: 64px;
......@@ -89,16 +92,19 @@
margin-left: 888px;
top: 0;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-a-close a{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-a-close a {
text-decoration: none;
color:#ccc;
color: #ccc;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .header {
font-size: 12px;
overflow: hidden;
padding: 13px 0px;
font-family: STSong,NSimSun,SimSun,serif;
font-family: STSong, NSimSun, SimSun, serif;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .header-title {
margin: 0 10px 0 0;
font-size: 20px;
......@@ -126,6 +132,7 @@
bottom: 30px;
left: 115px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .each-container {
position: relative;
margin-top: 10px;
......@@ -191,7 +198,7 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-content-info-title {
color: #000;
font-size:15px;
font-size: 15px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-scan-time, .no_risk_info {
......@@ -199,9 +206,10 @@
margin-bottom: 15px;
margin-top: 0px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .time-line .label-scan-time-title,.time-line .label-scan-time-content{
font-family: STSong,NSimSun,SimSun,serif;
font-size:12px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .time-line .label-scan-time-title, .time-line .label-scan-time-content {
font-family: STSong, NSimSun, SimSun, serif;
font-size: 12px;
}
/*个人基本信息*/
......@@ -215,10 +223,12 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container h2 {
color: #666;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rpi-subitem .fl{
margin-top: 10px!important;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rpi-subitem .fl {
margin-top: 10px !important;
margin: 0px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .monitor-report-preloan, .person-info .monitor-report-loan {
display: inline-block;
width: 48%;
......@@ -226,14 +236,18 @@
color: #999;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .pl30{padding-left: 30px;}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-title{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .pl30 {
padding-left: 30px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-title {
font-size: 14px;
padding-left: 0;
margin-top: 0;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-subitem{
padding:0 0 0 16px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-subitem {
padding: 0 0 0 16px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem {
......@@ -252,12 +266,12 @@
display: inline-block;
width: 49%;
height: 14px;
line-height:14px;
line-height: 14px;
margin-top: 0;
overflow: hidden;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .per98w{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .per98w {
width: 98%;
}
......@@ -281,12 +295,13 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info {
background: #fff;
padding: 10px 10px 10px 0px;
margin-top:10px;
margin-top: 10px;
overflow: hidden;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem{
padding-left:20px;
margin-bottom:13px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem {
padding-left: 20px;
margin-bottom: 13px;
overflow: hidden;
}
......@@ -294,9 +309,11 @@
width: 50%;
display: inline-block;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem .fr{
margin-bottom:0px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem .fr {
margin-bottom: 0px;
}
/*检测项目*/
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-basic-check {
padding: 10px 10px 10px 0px;
......@@ -305,10 +322,12 @@
background-color: #fff;
margin-top: 10px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-wrap{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-wrap {
padding: 0 20px 10px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-mark{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-mark {
color: #C00;
}
......@@ -345,21 +364,26 @@
height: 36px;
text-align: left;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table th, .check-table td ul li .table-href{
margin: 0!important;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table th, .check-table td ul li .table-href {
margin: 0 !important;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .row1,.check-table .row3 {
width:30%;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .row1, .check-table .row3 {
width: 30%;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .row2 {
width:13%;
width: 13%;
text-align: center;
padding-left:0px;
padding-left: 0px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .inline-center {
text-align: center;
padding-left:0px;
padding-left: 0px;
}
/*查看详情*/
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .a-detail {
width: 480px;
......@@ -369,32 +393,37 @@
top: 0;
bottom: 0;
background-color: #fff;
box-shadow: 0 2px 16px rgba(0,0,0,.2);
box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
overflow-y: scroll;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-a-close a{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-a-close a {
text-decoration: none;
color: #999;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-a-close{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-a-close {
text-align: right;
margin: 10px 10px 0px 10px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table {
overflow-y: scroll;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table table{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table table {
width: 96%;
margin: 10px 2%;
border-collapse: collapse;
border: 1px solid #ccc;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table table td{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .detail-table table td {
border: 1px solid #ccc;
height: 36px;
font-size: 15px;
line-height: 36px;
color:#666;
color: #666;
}
/*模态*/
......@@ -406,9 +435,10 @@
left: 0;
opacity: 0;
right: 0;
zoom:1;
zoom: 1;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .msk-detail{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .msk-detail {
position: fixed;
top: 0;
bottom: 0;
......@@ -418,60 +448,72 @@
right: 0;
display: none;
}
/*报告内自体的颜色*/
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .container .risk-content-count-now,.container .table-mark {
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .container .risk-content-count-now, .container .table-mark {
color: #C00;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-number{
font-size:12px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-number {
font-size: 12px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-span{
color:#666;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-span {
color: #666;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label{
color:#999;
font-size:14px;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label {
color: #999;
font-size: 14px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .project-name,.inline-center{
color:#666;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .project-name, .inline-center {
color: #666;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rpi-title{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rpi-title {
font-size: 16px;
font-weight: 700;
padding: 0px 23px 0px 20px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .contact-person-title {
font-size: 16px;
font-weight: 700;
padding: 0px 23px 0px 20px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .jz,.table-href{
color:#2ea5ff;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .jz, .table-href {
color: #2ea5ff;
cursor: pointer;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .j-rpi-toggle-target{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .j-rpi-toggle-target {
display: none;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-href{
text-decoration:none;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-href {
text-decoration: none;
margin-left: 40px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-href:hover{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .table-href:hover {
opacity: .7;
text-decoration:underline;
text-decoration: underline;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .scan-time{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .scan-time {
margin-right: 20px;
}
/*报告头部信息*/
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-score{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-score {
height: 178px;
position: relative;
background-color: #fff;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-wrap{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-wrap {
width: 244px;
height: 122px;
position: absolute;
......@@ -479,21 +521,22 @@
left: 47px;
margin-top: -61px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-canvas-main{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-canvas-main {
position: absolute;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container #canvas-main{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container #canvas-main {
display: block;
width: 244px;
height: 122px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-canvas-bg{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-canvas-bg {
position: absolute;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-text{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-score-text {
top: 60%;
left: 28px;
width: 64px;
......@@ -507,7 +550,7 @@
text-align: center;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat {
font-size: 14px;
text-align: center;
height: 23px;
......@@ -516,7 +559,7 @@
border-bottom: 1px solid #eee;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text {
margin-top: 60px;
margin-left: 325px;
float: left;
......@@ -526,6 +569,7 @@
font-size: 14px;
margin-top: 12px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text p {
line-height: 1;
}
......@@ -540,17 +584,17 @@
text-decoration: none;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .tongdun-certification{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .tongdun-certification {
margin-top: 50px;
margin-right: 88px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fl{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fl {
float: left;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fr{
float:right;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fr {
float: right;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text .tip {
......@@ -561,23 +605,27 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.reject {
color: #ff6c5c;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.accept {
color: #8cdb65;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.review {
color: #f8d436;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .col1{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .col1 {
width: 45%;
padding-right: 10px;
text-align: right;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .col2{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .col2 {
padding-left: 10px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-mask{
position:absolute;
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
......@@ -586,7 +634,7 @@
opacity: 0.7;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-container{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-container {
position: absolute;
top: 0;
left: 0;
......@@ -595,39 +643,53 @@
overflow-y: auto;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .contact{
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .contact {
font-size: 14px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-section, .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-section {
padding-top: 1px;
color: #666;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-section {
width: 300px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-title,.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-title {
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-title, .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-title {
display: inline-block;
cursor: pointer;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-list,.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-list {
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-list, .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-list {
display: none;
padding: 1px 0 0 20px;
list-style: none;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-list {
list-style-type: circle;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-item {
padding-bottom: 3px;
}
// 去掉上传图片的删除按钮
.auditUpload {
.el-icon-close-tip{
.auditUpload {
.el-icon-close-tip {
display: none !important;
}
.el-upload-list__item-actions{
.el-upload-list__item-actions {
display: none !important;
}
}
.el-scrollbar__wrap {
// overflow: scroll;
height: 100%;
overflow-x: hidden !important;
}
src/components/detail/new-attach-img.vue 0 → 100644
View file @ c049930e
<!-- 图片信息 -->
<template>
<div>
<block-header title='稽核上传信息' />
<template v-if='addAttachInfo!==null && addAttachInfo.length'>
<el-row :gutter='20'>
<el-col v-for='(o, index) in addAttachInfo' :key='index' :span='4'>
<el-card :body-style="{ padding: '10px' }">
<el-image class='el-card-image' :src='o'
@click.native='showImgViewer(o,"annex")'>
<div slot='error' class='image-slot'>
<span>未上传</span>
</div>
</el-image>
</el-card>
</el-col>
</el-row>
</template>
<no-data v-else />
<!-- 图片预览-->
<el-image-viewer v-if='imgViewerVisible' :on-close='closeImgViewer' :url-list='imgList' />
</div>
</template>
<script>
export default {
name: 'UserOtherInfo',
props: {
info: {
type: Object,
require: true
},
isLoan: {
type: Boolean,
require: false
}
},
data() {
return {
data: '',
approvalResultResponse: null,
faceInfoResponse: [],
creditAttachInfo: [],
clientIdCardInfoResponse: [],
reportResponse: null,
thirdPartyReport: null,
supplAttachInfo: [],
imgViewerVisible: false,
imgList: [],
xcxSupplAttachInfo: null,
addAttachInfo: null
}
},
created() {
const {
approvalResultResponse,
clientIdCardInfoResponse,
creditAttachInfo,
faceInfoResponse,
reportResponse,
thirdPartyReport,
supplAttachInfo,
xcxSupplAttachInfo,
addAttachInfo
} = this.info
this.data = this.info
this.approvalResultResponse = approvalResultResponse
this.clientIdCardInfoResponse = Object.entries(clientIdCardInfoResponse)
this.faceInfoResponse = Object.entries(faceInfoResponse)
this.creditAttachInfo = creditAttachInfo // 授信图片信息
this.reportResponse = reportResponse
this.thirdPartyReport = JSON.parse(thirdPartyReport)
this.supplAttachInfo = supplAttachInfo // 附件信息
//this.supplAttachInfo = [] // 附件信息
this.addAttachInfo = addAttachInfo
if (xcxSupplAttachInfo && xcxSupplAttachInfo.length > 0) {
this.xcxSupplAttachInfo = xcxSupplAttachInfo
}
//console.log(this.thirdPartyReport, '第三方报告')
},
methods: {
showImgViewer(item, type) {
const {
clientIdCardInfoResponse,
creditAttachInfo,
faceInfoResponse,
supplAttachInfo,
xcxSupplAttachInfo
} = this.info
let imgArray = []
const { values } = Object
// 客户身份证
if (clientIdCardInfoResponse) {
for (let val of values(clientIdCardInfoResponse)) {
if (val) imgArray.push(val)
}
}
// 活体
if (faceInfoResponse) {
for (let val of values(faceInfoResponse)) {
if (val) imgArray.push(val)
}
}
// 授信图片
if (creditAttachInfo && creditAttachInfo.length) {
creditAttachInfo.forEach(item => {
imgArray = imgArray.concat(item.screenList)
})
}
// 附件图片
if (supplAttachInfo && supplAttachInfo.length) {
supplAttachInfo.forEach(item => {
imgArray = imgArray.concat(item.screenList)
})
}
// 补充图片
if (xcxSupplAttachInfo && xcxSupplAttachInfo.length) {
xcxSupplAttachInfo.forEach(item => {
imgArray = imgArray.concat(item.screenList)
})
}
this.imgList = imgArray
this.imgViewerVisible = true
const m = (e) => {
e.preventDefault()
}
document.body.style.overflow = 'hidden'
document.addEventListener('touchmove', m, false) // 禁止页面滑动
},
closeImgViewer() {
this.imgViewerVisible = false
const m = (e) => {
e.preventDefault()
}
document.body.style.overflow = 'auto'
document.removeEventListener('touchmove', m, true)
}
}
}
</script>
<style lang='scss' scoped>
.page-fence {
::v-deep {
i {
cursor: pointer;
}
}
box-sizing: border-box;
padding: 20px;
}
</style>
<style lang='scss'>
.custom-table-checkbox {
.el-checkbox {
display: block !important;
margin: 0 0 $base-padding/4 0;
}
}
.action-bar {
margin-bottom: 15px;
}
.el-card-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100px;
max-height: 100px;
background: #f5f7fa;
}
.el-card-intro {
box-sizing: border-box;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 5px;
overflow: hidden;
}
</style>
src/minix/index.js
View file @ c049930e
......@@ -18,6 +18,7 @@ import CreditEnclosureImg from '@/components/detail/credit-enclosure-img'
import UserEnclosureImg from '@/components/detail/user-enclosure-img'
import FaceImg from '@/components/detail/face-img'
import SupplEnclosureImg from '@/components/detail/supple-enclosure-img'
import NewAttachImg from '@/components/detail/new-attach-img'
import NoData from '@/components/NoData';
import moment from 'moment'
......@@ -44,6 +45,7 @@ export default {
UserEnclosureImg,
FaceImg,
SupplEnclosureImg,
NewAttachImg,
NoData,
'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer')
},
......
src/vab/styles/vab.scss
View file @ c049930e
......@@ -46,9 +46,9 @@ html {
-moz-osx-font-smoothing: grayscale;
@include base-scrollbar;
.wrapClass{
overflow-x: hidden !important;
}
//.wrapClass{
// overflow-x: hidden !important;
//}
* {
......
src/views/loan/detail.vue
View file @ c049930e
......@@ -52,27 +52,6 @@
<!--补充附件信息-->
<suppl-enclosure-img :info='detail' />
<!--额外附件-->
<block-header title='稽核附件信息' />
<el-form label-suffix=':' label-width='100px'>
<el-form-item label='附件图片'>
<el-upload
class='auditUpload'
list-type='picture-card'
:action='UploadUrl'
:data='uploadParams'
:multiple='true'
:headers='headers'
:show-file-list='true'
:with-credentials='true'
:disabled='false'
:http-request='handleUpload'>
<i slot='trigger' class='el-icon-plus'></i>
</el-upload>
</el-form-item>
</el-form>
<!--资金方-->
<template v-if='capitalName!==null'>
......@@ -119,6 +98,7 @@
</el-collapse>
<!--操作日志-->
<block-header title='操作日志' />
<template v-if='detail.operationLogResponse!==null'>
......@@ -126,6 +106,31 @@
</template>
<!--额外附件-->
<new-attach-img :info='detail' />
<el-form label-suffix=':' label-width='80px' label-position='left'>
<el-form-item label='附件图片'>
<el-upload
class='auditUpload'
list-type='picture-card'
:action='UploadUrl'
:data='uploadParams'
:multiple='true'
:headers='headers'
:show-file-list='true'
:with-credentials='true'
:disabled='false'
:http-request='handleUpload'>
<i slot='trigger' class='el-icon-plus'></i>
</el-upload>
</el-form-item>
</el-form>
<!--稽核弹框-->
<template v-if='visible'>
<div style='margin-top: 15px'>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment