Skip to content

F
founder_vue
Commit b24f5ba4 by maxiaohan
Options

查重 比中接口 认定接口调整

parent 416e65ba
Showing with 149 additions and 20 deletions
src/views/cxyrd/TT.scss
// 电话验证颜色
$phone: var(--phone, #606266); //#ff4242;
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.rdwcDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.rdwccontent {
padding: 20px;
box-sizing: border-box;
position: absolute;
top: calc(50% - 300px);
left: calc(50% - 300px);
z-index: 1000;
width: 600px;
height: 152px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
.title {
font-size: 16px;
font-family: Microsoft YaHei;
color: #282f3c;
}
.rdwcbtns {
display: flex;
align-items: center;
margin-top: 30px;
.rdwcconfirm,
.rdwccancel {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #2e3846;
}
.rdwcconfirm {
&:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
&:active {
border: 1px solid #044CB9;
color: #044CB9;
}
}
.rdwccancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
&:hover {
background: #377FEC;
color: #FFFFFF;
}
&:active {
background: #044CB9;
color: #FFFFFF;
}
}
}
}
.bzDialog {
position: absolute;
top: 0;
......@@ -105,6 +183,35 @@
.bzitem {
width: 338px;
margin-bottom: 20px;
position: relative;
.bzphone {
/deep/.el-input__inner {
color: $phone;
}
}
.error-desc {
position: absolute;
height: 20px;
bottom: -24px;
right: 36px;
font-size: 12px;
font-family: Microsoft YaHei;
color: #FF3745;
}
.input-error {
position: absolute;
width: 16px;
height: 16px;
right: 51px;
top: 6px;
// img {
// object-fit: contain;
// }
.icon {
width: 16px;
height: 16px;
}
}
.bzname {
width: 114px;
}
......
src/views/cxyrd/modules/TTFace.vue
<template>
<div class="tt_face">
<!-- <div class="middle"></div>-->
<div class="tt_face_src">
<div class="tt_face_src_label">
<div class="tt_face_src_label_font">源数据</div>
</div>
<div class="faces">
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/正面.gif" />
</div>
<div class="face_label">正面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/左侧面.gif" />
</div>
<div class="face_label">左侧面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/右侧面.gif" />
</div>
<div class="face_label">右侧面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img-idcard" src="@/assets/img/身份证.gif" />
</div>
<div class="face_label">身份证照</div>
</div>
</div>
......@@ -30,19 +37,27 @@
</div>
<div class="faces">
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/正面.gif" />
</div>
<div class="face_label">正面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/左侧面.gif" />
</div>
<div class="face_label">左侧面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img" src="@/assets/img/右侧面.gif" />
</div>
<div class="face_label">右侧面</div>
</div>
<div class="face_div">
<div class="face"></div>
<div class="face">
<img class="img-idcard" src="@/assets/img/身份证.gif" />
</div>
<div class="face_label">身份证照</div>
</div>
</div>
......@@ -64,21 +79,23 @@ div {
border: none;
}
.tt_face {
height: 800px;
height: 770px;
width: 1180px;
margin-left: 330px;
}
/*源数据外层*/
.tt_face .tt_face_src {
height: 390px;
/*border: 1px solid darkred;*/
/*border: 1px solid darkred;*/
height: 360px;
width: 100%;
display: flex;
flex-direction: row;
}
/*目标数据外层*/
.tt_face .tt_face_dest {
height: 390px;
height: 360px;
width: 100%;
display: flex;
flex-direction: row;
......@@ -86,7 +103,7 @@ div {
/*源标题*/
.tt_face_src_label {
width: 40px;
height: 340px;
height: 320px;
background: #f6f8fa;
border-radius: 8px 0px 0px 8px;
display: flex;
......@@ -105,10 +122,15 @@ div {
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
}
.img {
margin-top: 30%;
}
.img-idcard {
margin-top: 40%;
}
.tt_face_dest_label {
width: 40px;
height: 340px;
height: 320px;
background: #f6f8fa;
border-radius: 8px 0px 0px 8px;
display: flex;
......@@ -132,7 +154,7 @@ div {
.face_div {
border: #333333 1px solid;
width: 255px;
height: 340px;
height: 320px;
background: #ffffff;
border-radius: 8px;
border: 1px solid #cccccc;
......@@ -140,7 +162,7 @@ div {
}
.face {
width: 255px;
height: 340px;
height: 320px;
}
.face_label {
width: 100%;
......
src/views/cxyrd/modules/TTPlam.vue
......@@ -4,7 +4,7 @@
<div class="slabel">源数据</div>
<br />
<div class="palm">
<img src="@/assets/img/左手.gif" />
<img class="img" src="@/assets/img/左手.gif" />
</div>
<br />
<div class="left">左掌</div>
......@@ -13,7 +13,7 @@
<div class="dlabel">目标数据</div>
<br />
<div class="palm">
<img src="@/assets/img/右手.gif" />
<img class="img" src="@/assets/img/右手.gif" />
</div>
<br />
<div class="palm_label">右掌</div>
......@@ -34,7 +34,7 @@ div {
display: inline-block;
border: none;
}
img {
.img {
margin-top: 20%;
}
.tt_plam {
......
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