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='' BASE_URL=''
VUE_APP_API_PATH=/api VUE_APP_API_PATH=/api
.env.production
View file @ c049930e
NODE_ENV=prod
BASE_URL='' BASE_URL=''
VUE_APP_API_PATH=https://aphrodite-admin.rockstect.net VUE_APP_API_PATH=https://aphrodite-admin.rockstect.net
src/assets/common.scss
View file @ c049930e
.page{ .page {
//position: relative; //position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
overflow-x:auto; overflow-x: auto;
} }
.labelCls{
.labelCls {
width: 140px !important; width: 140px !important;
} }
.btn-fixed{ .btn-fixed {
position: fixed; position: fixed;
top:130px; top: 130px;
right: 30px; right: 30px;
} }
// 组件样式 // 组件样式
.com{ .com {
padding-bottom: 20px; padding-bottom: 20px;
} }
.el-dialog__header{ .el-dialog__header {
border-bottom: 1px solid #ebeef5; 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; //text-align: center !important;
} }
// 同盾报告 // 同盾报告
.td-dialog{ .td-dialog {
width: 100%; width: 100%;
position: fixed; position: fixed;
z-index: 9999; z-index: 9999;
...@@ -38,18 +40,18 @@ ...@@ -38,18 +40,18 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: rgba(0,0,0,.7); background-color: rgba(0, 0, 0, .7);
display: none; display: none;
} }
.td-dialog .td-dialog-l1{ .td-dialog .td-dialog-l1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2{ .td-dialog .td-dialog-l1 .td-dialog-l2 {
zoom: 1; zoom: 1;
z-index: 99999; z-index: 99999;
height: 100%; height: 100%;
...@@ -57,7 +59,8 @@ ...@@ -57,7 +59,8 @@
margin: 0; margin: 0;
padding: 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; position: absolute;
background-color: #f9f9f9; background-color: #f9f9f9;
top: 0; top: 0;
...@@ -72,13 +75,13 @@ ...@@ -72,13 +75,13 @@
top: 0px; top: 0px;
} }
.risk-detail-sub-item{ .risk-detail-sub-item {
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
white-space: normal; 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; position: fixed;
background-color: #fff; background-color: #fff;
width: 64px; width: 64px;
...@@ -89,16 +92,19 @@ ...@@ -89,16 +92,19 @@
margin-left: 888px; margin-left: 888px;
top: 0; 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; text-decoration: none;
color:#ccc; color: #ccc;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .header { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .header {
font-size: 12px; font-size: 12px;
overflow: hidden; overflow: hidden;
padding: 13px 0px; 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 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .header-title {
margin: 0 10px 0 0; margin: 0 10px 0 0;
font-size: 20px; font-size: 20px;
...@@ -126,6 +132,7 @@ ...@@ -126,6 +132,7 @@
bottom: 30px; bottom: 30px;
left: 115px; left: 115px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .each-container { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .each-container {
position: relative; position: relative;
margin-top: 10px; margin-top: 10px;
...@@ -191,7 +198,7 @@ ...@@ -191,7 +198,7 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-content-info-title { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-content-info-title {
color: #000; 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 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label-scan-time, .no_risk_info {
...@@ -199,9 +206,10 @@ ...@@ -199,9 +206,10 @@
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 0px; 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; .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .time-line .label-scan-time-title, .time-line .label-scan-time-content {
font-size:12px; font-family: STSong, NSimSun, SimSun, serif;
font-size: 12px;
} }
/*个人基本信息*/ /*个人基本信息*/
...@@ -215,10 +223,12 @@ ...@@ -215,10 +223,12 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container h2 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container h2 {
color: #666; 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; margin: 0px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .monitor-report-preloan, .person-info .monitor-report-loan { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .monitor-report-preloan, .person-info .monitor-report-loan {
display: inline-block; display: inline-block;
width: 48%; width: 48%;
...@@ -226,14 +236,18 @@ ...@@ -226,14 +236,18 @@
color: #999; 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 .pl30 {
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-title{ padding-left: 30px;
}
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem .rpi-title {
font-size: 14px; font-size: 14px;
padding-left: 0; padding-left: 0;
margin-top: 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 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .person-info .rpi-subitem {
...@@ -252,12 +266,12 @@ ...@@ -252,12 +266,12 @@
display: inline-block; display: inline-block;
width: 49%; width: 49%;
height: 14px; height: 14px;
line-height:14px; line-height: 14px;
margin-top: 0; margin-top: 0;
overflow: hidden; 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%; width: 98%;
} }
...@@ -281,12 +295,13 @@ ...@@ -281,12 +295,13 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info {
background: #fff; background: #fff;
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
margin-top:10px; margin-top: 10px;
overflow: hidden; overflow: hidden;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem{
padding-left:20px; .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-device-info .rpi-subitem {
margin-bottom:13px; padding-left: 20px;
margin-bottom: 13px;
overflow: hidden; overflow: hidden;
} }
...@@ -294,9 +309,11 @@ ...@@ -294,9 +309,11 @@
width: 50%; width: 50%;
display: inline-block; 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 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .rp-basic-check {
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
...@@ -305,10 +322,12 @@ ...@@ -305,10 +322,12 @@
background-color: #fff; background-color: #fff;
margin-top: 10px; 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; 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; color: #C00;
} }
...@@ -345,21 +364,26 @@ ...@@ -345,21 +364,26 @@
height: 36px; height: 36px;
text-align: left; 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 { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .row2 {
width:13%; width: 13%;
text-align: center; text-align: center;
padding-left:0px; padding-left: 0px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .inline-center { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .check-table .inline-center {
text-align: center; text-align: center;
padding-left:0px; padding-left: 0px;
} }
/*查看详情*/ /*查看详情*/
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .a-detail { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .a-detail {
width: 480px; width: 480px;
...@@ -369,32 +393,37 @@ ...@@ -369,32 +393,37 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
background-color: #fff; 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; 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; text-decoration: none;
color: #999; 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; text-align: right;
margin: 10px 10px 0px 10px; 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; 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%; width: 96%;
margin: 10px 2%; margin: 10px 2%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #ccc; 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; border: 1px solid #ccc;
height: 36px; height: 36px;
font-size: 15px; font-size: 15px;
line-height: 36px; line-height: 36px;
color:#666; color: #666;
} }
/*模态*/ /*模态*/
...@@ -406,9 +435,10 @@ ...@@ -406,9 +435,10 @@
left: 0; left: 0;
opacity: 0; opacity: 0;
right: 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; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
...@@ -418,60 +448,72 @@ ...@@ -418,60 +448,72 @@
right: 0; right: 0;
display: none; 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; 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; .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .label {
font-size:14px; 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-size: 16px;
font-weight: 700; font-weight: 700;
padding: 0px 23px 0px 20px; padding: 0px 23px 0px 20px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .contact-person-title { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .contact-person-title {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
padding: 0px 23px 0px 20px; 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; 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; 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; 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; 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; 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; height: 178px;
position: relative; position: relative;
background-color: #fff; 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; width: 244px;
height: 122px; height: 122px;
position: absolute; position: absolute;
...@@ -479,21 +521,22 @@ ...@@ -479,21 +521,22 @@
left: 47px; left: 47px;
margin-top: -61px; 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; 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; display: block;
width: 244px; width: 244px;
height: 122px; 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; 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%; top: 60%;
left: 28px; left: 28px;
width: 64px; width: 64px;
...@@ -507,7 +550,7 @@ ...@@ -507,7 +550,7 @@
text-align: center; 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; font-size: 14px;
text-align: center; text-align: center;
height: 23px; height: 23px;
...@@ -516,7 +559,7 @@ ...@@ -516,7 +559,7 @@
border-bottom: 1px solid #eee; 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-top: 60px;
margin-left: 325px; margin-left: 325px;
float: left; float: left;
...@@ -526,6 +569,7 @@ ...@@ -526,6 +569,7 @@
font-size: 14px; font-size: 14px;
margin-top: 12px; margin-top: 12px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text p { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text p {
line-height: 1; line-height: 1;
} }
...@@ -540,17 +584,17 @@ ...@@ -540,17 +584,17 @@
text-decoration: none; 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-top: 50px;
margin-right: 88px; 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; float: left;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fr{ .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .fr {
float:right; float: right;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text .tip { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-text .tip {
...@@ -561,23 +605,27 @@ ...@@ -561,23 +605,27 @@
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.reject { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.reject {
color: #ff6c5c; color: #ff6c5c;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.accept { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.accept {
color: #8cdb65; color: #8cdb65;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.review { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .result-cat.review {
color: #f8d436; 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%; width: 45%;
padding-right: 10px; padding-right: 10px;
text-align: right; 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; padding-left: 10px;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-mask{ .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .report-mask {
position:absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
...@@ -586,7 +634,7 @@ ...@@ -586,7 +634,7 @@
opacity: 0.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; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
...@@ -595,39 +643,53 @@ ...@@ -595,39 +643,53 @@
overflow-y: auto; 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; 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 { .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; padding-top: 1px;
color: #666; color: #666;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-section { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .risk-detail-section {
width: 300px; 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; display: inline-block;
cursor: pointer; 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; display: none;
padding: 1px 0 0 20px; padding: 1px 0 0 20px;
list-style: none; list-style: none;
} }
.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 .risk-detail-list {
list-style-type: circle; list-style-type: circle;
} }
.td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-item { .td-dialog .td-dialog-l1 .td-dialog-l2 .td-dialog-container .dimension-item {
padding-bottom: 3px; padding-bottom: 3px;
} }
// 去掉上传图片的删除按钮 // 去掉上传图片的删除按钮
.auditUpload { .auditUpload {
.el-icon-close-tip{ .el-icon-close-tip {
display: none !important; display: none !important;
} }
.el-upload-list__item-actions{
.el-upload-list__item-actions {
display: none !important; 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' ...@@ -18,6 +18,7 @@ import CreditEnclosureImg from '@/components/detail/credit-enclosure-img'
import UserEnclosureImg from '@/components/detail/user-enclosure-img' import UserEnclosureImg from '@/components/detail/user-enclosure-img'
import FaceImg from '@/components/detail/face-img' import FaceImg from '@/components/detail/face-img'
import SupplEnclosureImg from '@/components/detail/supple-enclosure-img' import SupplEnclosureImg from '@/components/detail/supple-enclosure-img'
import NewAttachImg from '@/components/detail/new-attach-img'
import NoData from '@/components/NoData'; import NoData from '@/components/NoData';
import moment from 'moment' import moment from 'moment'
...@@ -44,6 +45,7 @@ export default { ...@@ -44,6 +45,7 @@ export default {
UserEnclosureImg, UserEnclosureImg,
FaceImg, FaceImg,
SupplEnclosureImg, SupplEnclosureImg,
NewAttachImg,
NoData, NoData,
'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer') 'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer')
}, },
......
src/vab/styles/vab.scss
View file @ c049930e
...@@ -46,9 +46,9 @@ html { ...@@ -46,9 +46,9 @@ html {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@include base-scrollbar; @include base-scrollbar;
.wrapClass{ //.wrapClass{
overflow-x: hidden !important; // overflow-x: hidden !important;
} //}
* { * {
......
src/views/loan/detail.vue
View file @ c049930e
...@@ -52,27 +52,6 @@ ...@@ -52,27 +52,6 @@
<!--补充附件信息--> <!--补充附件信息-->
<suppl-enclosure-img :info='detail' /> <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'> <template v-if='capitalName!==null'>
...@@ -119,6 +98,7 @@ ...@@ -119,6 +98,7 @@
</el-collapse> </el-collapse>
<!--操作日志--> <!--操作日志-->
<block-header title='操作日志' /> <block-header title='操作日志' />
<template v-if='detail.operationLogResponse!==null'> <template v-if='detail.operationLogResponse!==null'>
...@@ -126,6 +106,31 @@ ...@@ -126,6 +106,31 @@
</template> </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'> <template v-if='visible'>
<div style='margin-top: 15px'> <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