Skip to content

F
founder_vue
Commit 6cd69e36 by 米嘉伟
Options

查重（系统，人工）比中弹窗人像暂无图像修改

parent 74544fdc
Showing with 977 additions and 186 deletions
src/views/cxyrd/TT.css 0 → 100644
@charset "UTF-8";
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.rdwcDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
filter: blur(2px);
}
.rdwccontent {
padding: 20px;
box-sizing: border-box;
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%);
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;
}
.rdwccontent .title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.rdwccontent .rdwcbtns {
display: flex;
align-items: center;
margin-top: 30px;
}
.rdwccontent .rdwcbtns .rdwcconfirm,
.rdwccontent .rdwcbtns .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: HarmonyOS_Sans_SC;
color: #2e3846;
}
.rdwccontent .rdwcbtns .rdwcconfirm:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
.rdwccontent .rdwcbtns .rdwcconfirm:active {
border: 1px solid #044cb9;
color: #044cb9;
}
.rdwccontent .rdwcbtns .rdwccancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
}
.rdwccontent .rdwcbtns .rdwccancel:hover {
background: #377fec;
color: #ffffff;
}
.rdwccontent .rdwcbtns .rdwccancel:active {
background: #044cb9;
color: #ffffff;
}
.bzDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
filter: blur(2px);
}
.bzcontent {
box-sizing: border-box;
position: absolute;
top: calc(50% - 337px);
left: calc(50% - 371.5px);
z-index: 1000;
width: 743px;
height: 704px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
}
.bzcontent .head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
}
.bzcontent .head-title .left {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.bzcontent .head-title .close {
cursor: pointer;
width: 13px;
height: 13px;
}
.bzcontent .head-title .close img {
object-fit: contain;
}
.bzcontent .bzdesc {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.bzcontent .bzdesc .bz-source {
width: 743px;
height: 235px;
background: rgba(255, 207, 54, 0.06);
padding: 24px 32px;
}
.bzcontent .bzdesc .bz-source .bzitem {
width: 338px;
margin-bottom: 20px;
}
.bzcontent .bzdesc .bz-source .bzitem .bzname {
width: 114px;
}
.bzcontent .bzdesc .bz-source .bzvalue.cc {
font-size: 14px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #ffa219;
}
.bzcontent .bzdesc .bz-source .bzvalue .dot {
margin-bottom: 2px;
margin-right: 5px;
width: 6px;
height: 6px;
background: #ffa219;
border-radius: 50%;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio {
color: #666;
margin-right: 24px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked + .el-radio__label {
color: #333333;
padding-left: 8px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked .el-radio__inner {
border: 1px solid #055fe7;
background: #055fe7;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__inner {
width: 16px;
height: 16px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__inner::after {
width: 8px;
height: 8px;
}
.bzcontent .bzdesc .bz-source .bz-src-item {
width: 333px;
height: 150px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img {
border: 1px #cccccc solid;
width: 105px;
height: 150px;
position: relative;
top: -65px;
margin-right: 5px;
vertical-align: middle;
text-align: center;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img span {
font-size: 12px;
color: #ccc;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img img {
margin-top: 30%;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img .title {
text-align: center;
position: relative;
bottom: -32px;
left: 0;
width: 104px;
height: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
color: #ffffff;
font-size: 12px;
line-height: 20px;
z-index: 100;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item {
height: 150px;
width: 220px;
font-size: 14px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item .title {
color: #999999;
height: 22px;
width: 180px;
height: 22px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item .value {
color: #333333;
height: 22px;
width: 180px;
height: 22px;
}
.bzcontent .bzdesc .bz-target {
width: 743px;
height: 160px;
padding: 24px 32px;
}
.bzcontent .bzdesc .bz-target .bzitem {
width: 338px;
margin-bottom: 20px;
position: relative;
}
.bzcontent .bzdesc .bz-target .bzitem .bzphone /deep/.el-input__inner {
color: var(--phone, #606266);
}
.bzcontent .bzdesc .bz-target .bzitem .error-desc {
position: absolute;
height: 20px;
bottom: -24px;
right: 36px;
font-size: 12px;
font-family: HarmonyOS_Sans_SC;
color: #ff3745;
}
.bzcontent .bzdesc .bz-target .bzitem .input-error {
position: absolute;
width: 16px;
height: 16px;
right: 51px;
top: 6px;
}
.bzcontent .bzdesc .bz-target .bzitem .input-error .icon {
width: 16px;
height: 16px;
}
.bzcontent .bzdesc .bz-target .bzitem .bzname {
width: 114px;
}
.bzcontent .bzdesc .bz-target /deep/.el-input {
width: 180px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
}
.bzcontent .bzdesc .bz-target /deep/.el-input__inner {
height: 32px;
line-height: 32px;
}
.bzcontent .bzdesc .line {
width: 679px;
height: 1px;
background: #eeeeee;
margin-left: 32px;
}
.bzcontent .bzdesc .bzfooter {
padding: 0 32px;
width: 100%;
}
.bzcontent .bzdesc .bzfooter .footer-title {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.bzcontent .bzdesc .bzfooter .footer-title /deep/.el-textarea {
width: 100%;
}
.bzcontent .bzdesc .bzfooter /deep/.el-textarea__inner {
background: #f6f8fa;
box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #eeeeee;
}
.bzcontent .bzdesc .bzbtns {
display: flex;
align-items: center;
margin-left: 287px;
margin-top: 30px;
}
.bzcontent .bzdesc .bzbtns .bzconfirm,
.bzcontent .bzdesc .bzbtns .bzcancel {
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: HarmonyOS_Sans_SC;
color: #2e3846;
}
.bzcontent .bzdesc .bzbtns .bzcancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
}
.detail {
z-index: 1000;
position: absolute;
display: flex;
flex-direction: column;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100vh;
}
.detail .head-title {
width: calc(50vh - 35px);
height: 30px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #333333;
line-height: 30px;
}
.detail .finger {
box-sizing: border-box;
border-radius: 8px;
border: 1px solid #cccccc;
background: #ffffff;
box-shadow: 0px 14px 30px 2px rgba(0, 21, 51, 0.16);
width: calc(50vh - 35px);
height: calc(50vh - 35px);
margin-bottom: 20px;
position: relative;
}
.detail .finger .wtx {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.detail .finger img {
border-radius: 8px;
width: 100% !important;
}
.detail .finger span {
font-size: 17px;
}
.bzActive {
filter: blur(2px);
}
.delText {
position: absolute;
bottom: -30px;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%);
}
.delText > p {
display: flex;
align-items: center;
width: 100%;
text-align: center;
justify-content: center;
}
.delText > p > img {
margin-right: 10px;
}
.delText > p span {
margin-right: 10px;
color: #e60012;
-webkit-background-clip: text;
font-family: HarmonyOS_Sans_SC;
font-size: 16px;
}
.hands {
color: #055fe7 !important;
}
.del {
text-decoration: none;
/*没有文本装饰*/
text-decoration: underline red;
/*红色下划线*/
text-decoration: underline wavy red;
/*红色波浪形下划线*/
text-decoration: line-through red;
/*红色删除线*/
}
src/views/cxyrd/TT.min.css 0 → 100644
*{box-sizing:border-box;margin:0;padding:0}.rdwcDialog{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,0.65);filter:blur(2px)}.rdwccontent{padding:20px;box-sizing:border-box;position:absolute;top:30%;left:50%;transform:translateX(-50%);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}.rdwccontent .title{font-size:16px;font-family:HarmonyOS_Sans_SC;color:#282f3c}.rdwccontent .rdwcbtns{display:flex;align-items:center;margin-top:30px}.rdwccontent .rdwcbtns .rdwcconfirm,.rdwccontent .rdwcbtns .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:HarmonyOS_Sans_SC;color:#2e3846}.rdwccontent .rdwcbtns .rdwcconfirm:hover{border:1px solid #055fe7;color:#055fe7}.rdwccontent .rdwcbtns .rdwcconfirm:active{border:1px solid #044cb9;color:#044cb9}.rdwccontent .rdwcbtns .rdwccancel{margin-left:24px;background:#055fe7;color:#ffffff}.rdwccontent .rdwcbtns .rdwccancel:hover{background:#377fec;color:#ffffff}.rdwccontent .rdwcbtns .rdwccancel:active{background:#044cb9;color:#ffffff}.bzDialog{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,0.65);filter:blur(2px)}.bzcontent{box-sizing:border-box;position:absolute;top:calc(50% - 337px);left:calc(50% - 371.5px);z-index:1000;width:743px;height:704px;background:#ffffff;box-shadow:0px 14px 30px 0px rgba(0,21,51,0.25);border-radius:6px}.bzcontent .head-title{box-sizing:border-box;width:100%;height:50px;display:flex;justify-content:space-between;padding:14px 32px}.bzcontent .head-title .left{font-size:16px;font-family:HarmonyOS_Sans_SC;color:#282f3c}.bzcontent .head-title .close{cursor:pointer;width:13px;height:13px}.bzcontent .head-title .close img{object-fit:contain}.bzcontent .bzdesc{font-size:14px;font-family:HarmonyOS_Sans_SC;color:#333333}.bzcontent .bzdesc .bz-source{width:743px;height:235px;background:rgba(255,207,54,0.06);padding:24px 32px}.bzcontent .bzdesc .bz-source .bzitem{width:338px;margin-bottom:20px}.bzcontent .bzdesc .bz-source .bzitem .bzname{width:114px}.bzcontent .bzdesc .bz-source .bzvalue.cc{font-size:14px;font-family:HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;font-weight:bold;color:#ffa219}.bzcontent .bzdesc .bz-source .bzvalue .dot{margin-bottom:2px;margin-right:5px;width:6px;height:6px;background:#ffa219;border-radius:50%}.bzcontent .bzdesc .bz-source /deep/.el-radio{color:#666;margin-right:24px}.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked+.el-radio__label{color:#333333;padding-left:8px}.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked .el-radio__inner{border:1px solid #055fe7;background:#055fe7}.bzcontent .bzdesc .bz-source /deep/.el-radio__inner{width:16px;height:16px}.bzcontent .bzdesc .bz-source /deep/.el-radio__inner::after{width:8px;height:8px}.bzcontent .bzdesc .bz-source .bz-src-item{width:333px;height:150px}.bzcontent .bzdesc .bz-source .bz-src-item .img{border:1px #cccccc solid;width:105px;height:150px;position:relative;top:-65px;margin-right:5px;vertical-align:middle;text-align:center}.bzcontent .bzdesc .bz-source .bz-src-item .img span{font-size:12px;color:#ccc}.bzcontent .bzdesc .bz-source .bz-src-item .img img{margin-top:30%}.bzcontent .bzdesc .bz-source .bz-src-item .img .title{text-align:center;position:relative;bottom:-32px;left:0;width:104px;height:20px;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #000 100%);color:#ffffff;font-size:12px;line-height:20px;z-index:100}.bzcontent .bzdesc .bz-source .bz-src-item .item{height:150px;width:220px;font-size:14px}.bzcontent .bzdesc .bz-source .bz-src-item .item .title{color:#999999;height:22px;width:180px;height:22px}.bzcontent .bzdesc .bz-source .bz-src-item .item .value{color:#333333;height:22px;width:180px;height:22px}.bzcontent .bzdesc .bz-target{width:743px;height:160px;padding:24px 32px}.bzcontent .bzdesc .bz-target .bzitem{width:338px;margin-bottom:20px;position:relative}.bzcontent .bzdesc .bz-target .bzitem .bzphone /deep/.el-input__inner{color:var(--phone, #606266)}.bzcontent .bzdesc .bz-target .bzitem .error-desc{position:absolute;height:20px;bottom:-24px;right:36px;font-size:12px;font-family:HarmonyOS_Sans_SC;color:#ff3745}.bzcontent .bzdesc .bz-target .bzitem .input-error{position:absolute;width:16px;height:16px;right:51px;top:6px}.bzcontent .bzdesc .bz-target .bzitem .input-error .icon{width:16px;height:16px}.bzcontent .bzdesc .bz-target .bzitem .bzname{width:114px}.bzcontent .bzdesc .bz-target /deep/.el-input{width:180px;height:32px;background:#ffffff;border-radius:4px;border:1px solid #e6e6e8}.bzcontent .bzdesc .bz-target /deep/.el-input__inner{height:32px;line-height:32px}.bzcontent .bzdesc .line{width:679px;height:1px;background:#eeeeee;margin-left:32px}.bzcontent .bzdesc .bzfooter{padding:0 32px;width:100%}.bzcontent .bzdesc .bzfooter .footer-title{font-size:14px;font-family:HarmonyOS_Sans_SC;color:#666666}.bzcontent .bzdesc .bzfooter .footer-title /deep/.el-textarea{width:100%}.bzcontent .bzdesc .bzfooter /deep/.el-textarea__inner{background:#f6f8fa;box-shadow:0px 1px 2px 0px rgba(5,95,231,0.18);border-radius:4px;border:1px solid #eeeeee}.bzcontent .bzdesc .bzbtns{display:flex;align-items:center;margin-left:287px;margin-top:30px}.bzcontent .bzdesc .bzbtns .bzconfirm,.bzcontent .bzdesc .bzbtns .bzcancel{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:HarmonyOS_Sans_SC;color:#2e3846}.bzcontent .bzdesc .bzbtns .bzcancel{margin-left:24px;background:#055fe7;color:#ffffff}.detail{z-index:1000;position:absolute;display:flex;flex-direction:column;text-align:center;left:50%;top:50%;transform:translate(-50%, -50%);height:100vh}.detail .head-title{width:calc(50vh - 35px);height:30px;font-size:16px;font-family:HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;font-weight:bold;color:#333333;line-height:30px}.detail .finger{box-sizing:border-box;border-radius:8px;border:1px solid #cccccc;background:#ffffff;box-shadow:0px 14px 30px 2px rgba(0,21,51,0.16);width:calc(50vh - 35px);height:calc(50vh - 35px);margin-bottom:20px;position:relative}.detail .finger .wtx{position:absolute;width:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.detail .finger img{border-radius:8px;width:100% !important}.detail .finger span{font-size:17px}.bzActive{filter:blur(2px)}.delText{position:absolute;bottom:-30px;left:50%;width:100%;text-align:center;transform:translateX(-50%)}.delText>p{display:flex;align-items:center;width:100%;text-align:center;justify-content:center}.delText>p>img{margin-right:10px}.delText>p span{margin-right:10px;color:#e60012;-webkit-background-clip:text;font-family:HarmonyOS_Sans_SC;font-size:16px}.hands{color:#055fe7 !important}.del{text-decoration:none;text-decoration:underline red;text-decoration:underline wavy red;text-decoration:line-through red}
src/views/cxyrd/TT.scss
......@@ -186,12 +186,21 @@ $phone: var(--phone, #606266); //#ff4242;
width: 105px;
height: 150px;
position: relative;
top: -105px;
top: -65px;
margin-right: 5px;
vertical-align: middle;
text-align: center;
span{
font-size: 12px;
color: #ccc
}
img{
margin-top: 30%;
}
.title {
text-align: center;
position: relative;
bottom: -100px;
bottom: -32px;
left: 0;
width: 104px;
height: 20px;
......
src/views/cxyrd/TT.vue
......@@ -3,12 +3,21 @@
<div :class="{ bzActive: isShowbzDialogBg || loading_sd, tt: true }">
<div class="header">
<div class="label">
<img src="@/assets/img/rgrd/chachong.png" alt="" />
<img
src="@/assets/img/rgrd/chachong.png"
alt=""
/>
<span>查重</span>
</div>
<div class="btns">
<div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div>
<div
class="bz-btn"
@click="Bz"
>比中</div>
<div
class="rd-btn"
@click="Rdwc"
>认定完成</div>
</div>
</div>
<div class="main">
......@@ -46,9 +55,15 @@
</div>
</div>
<!-- 数据加载中 -->
<div class="delText" v-if="souceDel">
<div
class="delText"
v-if="souceDel"
>
<p>
<img src="@/assets/img/TT/delTime.png" alt="" />
<img
src="@/assets/img/TT/delTime.png"
alt=""
/>
<span>删除时间</span>
<span>{{ souceDelText }}</span>
</p>
......@@ -84,7 +99,10 @@
</div>
<br />
<!--滚动 平面 切换-->
<div v-show="isFinger" class="menu middle">
<div
v-show="isFinger"
class="menu middle"
>
<div
class="menu-item"
:class="{ active: activeIndex == 1 }"
......@@ -112,7 +130,11 @@
@current-change="handleCurrentChange"
:row-class-name="tableRowClassName"
>
<el-table-column label="排名" type="index" :width="width1">
<el-table-column
label="排名"
type="index"
:width="width1"
>
<div
class="del"
slot-scope="scope"
......@@ -120,7 +142,10 @@
>
{{ scope.$index + 1 }}
</div>
<div slot-scope="scope" v-else>
<div
slot-scope="scope"
v-else
>
{{ scope.$index + 1 }}
</div>
</el-table-column>
......@@ -136,7 +161,10 @@
>
{{ scope.row.score }}
</div>
<div slot-scope="scope" v-else>
<div
slot-scope="scope"
v-else
>
{{ scope.row.score }}
</div>
</el-table-column>
......@@ -153,14 +181,23 @@
>
{{ scope.row.destbarcode }}
</div>
<div slot-scope="scope" v-else>
<div
slot-scope="scope"
v-else
>
{{ scope.row.destbarcode }}
</div>
</el-table-column>
</el-table>
<div class="delText" v-if="targetDel">
<div
class="delText"
v-if="targetDel"
>
<p>
<img src="@/assets/img/TT/delTime.png" alt="" />
<img
src="@/assets/img/TT/delTime.png"
alt=""
/>
<span>删除时间</span>
<span>{{ targetDelText }}</span>
</p>
......@@ -169,7 +206,10 @@
</div>
<div class="imgs middle">
<div v-show="isFinger == true" class="fingers">
<div
v-show="isFinger == true"
class="fingers"
>
<div class="data-label">
<div class="source-label">源<br />数<br />据</div>
<div class="dest-label">目<br />标<br />数<br />据</div>
......@@ -180,7 +220,10 @@
<div v-if="activeIndex == 1">
<!-- Swiper -->
<div class="swiper-main">
<swiper :options="swiperOption" ref="swiper1">
<swiper
:options="swiperOption"
ref="swiper1"
>
<swiper-slide>
<div class="hands">右手</div>
<div class="outside">
......@@ -199,9 +242,15 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div
class="relative"
v-else
>
<!-- 有指纹图片 -->
<div v-if="souceDel == true" class="wtx">
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -251,8 +300,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -307,8 +362,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -360,8 +421,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -404,7 +471,10 @@
<div v-if="activeIndex == 2">
<!-- Swiper -->
<div class="swiper-main">
<swiper :options="swiperOption1" ref="swiper1">
<swiper
:options="swiperOption1"
ref="swiper1"
>
<swiper-slide>
<div class="hands">右手</div>
<div class="outside">
......@@ -423,8 +493,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -475,8 +551,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -531,8 +613,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -584,8 +672,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -676,28 +770,52 @@
</div>
<!-- 加载动画 -->
<div class="loading" v-show="loading_sd">
<div
class="loading"
v-show="loading_sd"
>
<div class="loading-finger">
<img src="@/assets/img/loadingfinger.gif" alt="" />
<img
src="@/assets/img/loadingfinger.gif"
alt=""
/>
</div>
<div class="loading-name">
<img src="@/assets/img/loadingtxt.gif" alt="" />
<img
src="@/assets/img/loadingtxt.gif"
alt=""
/>
</div>
</div>
<!-- 认定判断弹框 -->
<div class="rdwccontent" v-show="isShowrdwcDialog">
<div
class="rdwccontent"
v-show="isShowrdwcDialog"
>
<div class="title">当前候选未全部查看，是否确认认定完成？</div>
<div class="rdwcbtns">
<button class="rdwcconfirm" @click="confirmrdwc">确认</button>
<button class="rdwccancel" @click="cancelrdwc">取消</button>
<button
class="rdwcconfirm"
@click="confirmrdwc"
>确认</button>
<button
class="rdwccancel"
@click="cancelrdwc"
>取消</button>
</div>
</div>
<!-- 指纹详情 -->
<div class="detail" v-show="isShowDetail">
<div
class="detail"
v-show="isShowDetail"
>
<div class="head-title">{{ zwName }}</div>
<div class="finger">
<div v-if="souceDel == true" class="wtx">
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span class="cccccc">图像已删除</span>
</div>
......@@ -706,13 +824,19 @@
:src="'data:image/jpeg;base64,' + sourceImgdetail"
style="width: 100%; height: 100%"
/>
<div v-else-if="!sourceImgdetail && souceDel == false" class="wtx">
<div
v-else-if="!sourceImgdetail && souceDel == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span class="cccccc">暂无图像</span>
</div>
</div>
<div class="finger">
<div v-if="targetDel == true" class="wtx">
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span class="cccccc">图像已删除</span>
</div>
......@@ -721,7 +845,10 @@
:src="'data:image/jpeg;base64,' + destImgdetail"
style="width: 100%; height: 100%"
/>
<div v-else-if="!destImgdetail && targetDel == false" class="wtx">
<div
v-else-if="!destImgdetail && targetDel == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span class="cccccc">暂无图像</span>
</div>
......@@ -729,12 +856,25 @@
</div>
<!-- 比中弹窗 -->
<div class="bzDialog" v-show="isShowbzDialogBg" @click="cancelbz"></div>
<div class="bzcontent" v-show="isShowbzDialog">
<div
class="bzDialog"
v-show="isShowbzDialogBg"
@click="cancelbz"
></div>
<div
class="bzcontent"
v-show="isShowbzDialog"
>
<div class="head-title">
<div class="left">比中</div>
<div class="close" @click="cancelbz">
<img src="@/assets/img/TT/close.png" alt="" />
<div
class="close"
@click="cancelbz"
>
<img
src="@/assets/img/TT/close.png"
alt=""
/>
</div>
</div>
<div class="bzdesc">
......@@ -749,7 +889,9 @@
<br />
<div class="bz-src-item">
<div class="img">
照片
<!-- 照片 -->
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
<div class="title">源数据</div>
</div>
<div class="item">
......@@ -763,7 +905,9 @@
</div>
<div class="bz-src-item">
<div class="img">
照片
<!-- 照片 -->
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
<div class="title">目标数据</div>
</div>
<div class="item">
......@@ -805,11 +949,20 @@
disabled
placeholder="请输入内容"
></el-input>
<div class="input-error" v-show="isPhoneError">
<div
class="input-error"
v-show="isPhoneError"
>
<!-- <img src="@/assets/img/inputerror.png" alt=""> -->
<svg-icon icon-class="error" class="icon" />
<svg-icon
icon-class="error"
class="icon"
/>
</div>
<div class="error-desc" v-show="isPhoneError">
<div
class="error-desc"
v-show="isPhoneError"
>
联系电话不应低于7位数！
</div>
</div>
......@@ -826,8 +979,14 @@
</el-input>
</div>
<div class="bzbtns">
<button class="bzconfirm" @click="confirmbz">确认</button>
<button class="bzcancel" @click="cancelbz">取消</button>
<button
class="bzconfirm"
@click="confirmbz"
>确认</button>
<button
class="bzcancel"
@click="cancelbz"
>取消</button>
</div>
</div>
</div>
......@@ -857,11 +1016,11 @@ export default {
...mapState({
loading_sd: (state) => state.loading.loading_sd,
}),
roleArr() {
roleArr () {
return this.$store.state.layout.Menu;
},
},
data() {
data () {
return {
width1: 50,
height: 150,
......@@ -1063,7 +1222,7 @@ export default {
currentRow: null,
};
},
created() {
created () {
let w1 = 1920;
let w2 = window.innerWidth;
......@@ -1081,7 +1240,7 @@ export default {
},
watch: {
souceDel: {
handler(val) {
handler (val) {
if (!val && !this.targetDel) {
this.zhihui = false;
} else {
......@@ -1092,7 +1251,7 @@ export default {
immediate: true,
},
targetDel: {
handler(val) {
handler (val) {
if (!val && !this.souceDel) {
this.zhihui = false;
} else {
......@@ -1102,7 +1261,7 @@ export default {
},
immediate: true,
},
phone(newValue, oldValue) {
phone (newValue, oldValue) {
if (newValue.length < 7) {
this.isPhoneError = true;
document
......@@ -1115,16 +1274,16 @@ export default {
.style.setProperty("--phone", "#606266");
}
},
sourcebarcode(val) {
sourcebarcode (val) {
this.finger();
this.scouceCode = val;
},
destbarcode(val) {
destbarcode (val) {
this.finger();
this.targetCode = val;
},
screenLoading(val) {},
loadingIndex(val, oldval) {
screenLoading (val) { },
loadingIndex (val, oldval) {
if (oldval == 0) {
this.screenLoading = true;
// this.sLoading = this.$loading({
......@@ -1148,7 +1307,7 @@ export default {
},
methods: {
// 滚动平面选择切换
handleSelect(index) {
handleSelect (index) {
this.activeIndex = index;
//console.info(this.activeIndex);
if (index == 1) {
......@@ -1159,7 +1318,7 @@ export default {
}
},
//上下滚动指纹时，指针跟着动
jiantoudianji() {
jiantoudianji () {
if (this.btnPlace == "top") {
this.btnPlace = "bottom";
this.$refs.swiper1.swiper.slideNext(1500);
......@@ -1172,7 +1331,7 @@ export default {
},
// 获取上一条
last(index) {
last (index) {
let i = index;
if (index > 0) {
this.currentQqid = this.sourcedatas[i - 1].qqid;
......@@ -1202,7 +1361,7 @@ export default {
}
},
// 获取下一条
next(index) {
next (index) {
let i = index;
// 当源数据卡片数量大于一的时候才点击
if (this.sourcedatas.length - 1 > index) {
......@@ -1234,7 +1393,7 @@ export default {
}
},
// 获取源数据
getSourceList() {
getSourceList () {
let me = this;
this.screenLoading = true;
this.loadingIndex++;
......@@ -1333,7 +1492,7 @@ export default {
//console.log("源barcode===>", this.sourcebarcode);
},
// 获取候选列表
getMatchcandList() {
getMatchcandList () {
let me = this;
this.loadingIndex++;
if (me.currentQqid !== null) {
......@@ -1353,7 +1512,7 @@ export default {
}
},
// 获取源平面指纹图
getSourcePlainFingerPrintDetail(barcode, type) {
getSourcePlainFingerPrintDetail (barcode, type) {
let self = this;
this.loadingIndex++;
// 平面
......@@ -1391,7 +1550,7 @@ export default {
});
},
// 获取源滚动指纹图
getSourceRollFingerPrintDetail(barcode, type) {
getSourceRollFingerPrintDetail (barcode, type) {
this.loadingIndex++;
let self = this;
// 滚动 源数据
......@@ -1426,7 +1585,7 @@ export default {
});
},
// 获取目标的滚动指纹图
getDestRollFingerPrintDetail(barcode) {
getDestRollFingerPrintDetail (barcode) {
let self = this;
this.loadingIndex++;
// 平面 目标
......@@ -1464,7 +1623,7 @@ export default {
});
},
// 获取目标的平面指纹图
getDestPlainFingerPrintDetail(barcode) {
getDestPlainFingerPrintDetail (barcode) {
let self = this;
this.loadingIndex++;
// 滚动 目标数据
......@@ -1497,7 +1656,7 @@ export default {
});
},
// 目标数据table的选中事件
handleCurrentChange(val) {
handleCurrentChange (val) {
console.log(val);
this.currentRow = val;
if (val) {
......@@ -1517,7 +1676,7 @@ export default {
}
},
// 比中与认定完成添加样式
tableRowClassName({ row, column, rowIndex, columnIndex }) {
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
//console.log("row", row.clickLog);
// 比中的行
if (row.affirmstatus == "2" || row.affirmstatus == "3") {
......@@ -1532,7 +1691,7 @@ export default {
}
},
//比中
Bz() {
Bz () {
if (
(this.targetObj.affirmstatus == 2 ||
this.targetObj.affirmstatus == 3) &&
......@@ -1550,7 +1709,7 @@ export default {
//获取比重信息弹框展示的字段
this.getUser();
},
getUser() {
getUser () {
let self = this;
this.loadingIndex += 2;
this.$axios({
......@@ -1589,13 +1748,13 @@ export default {
* @param {*}
* @return {*}
*/
cancelrdwc() {
cancelrdwc () {
this.isShowbzDialogBg = false;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
},
// 认定完成
Rdwc() {
Rdwc () {
if (this.sourcedatas.length <= 1) {
this.confirmrdwc();
return;
......@@ -1619,7 +1778,7 @@ export default {
});
},
// 确认认定完成
confirmrdwc() {
confirmrdwc () {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowbzDialogBg = false;
......@@ -1669,32 +1828,32 @@ export default {
//console.log(response);
this.$message.success("认定完成！");
// TODO 认定完成操作日志记录
if (self.datatype == "son") {
// window.close();
}
});
},
// 指纹可见
finger() {
finger () {
this.isFinger = true;
this.isPlam = false;
this.isFace = false;
},
// 掌纹可见
plam() {
plam () {
this.isPlam = true;
this.isFinger = false;
this.isFace = false;
},
// 人像可见
face() {
face () {
this.isFace = true;
this.isFinger = false;
this.isPlam = false;
},
// 取消比中
cancelbz() {
cancelbz () {
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
this.cancelDetail();
......@@ -1703,7 +1862,7 @@ export default {
this.plamDetail++;
},
// 确认比中
confirmbz() {
confirmbz () {
let self = this;
//console.log("比中");
this.loadingIndex++;
......@@ -1766,7 +1925,7 @@ export default {
});
},
// 展示详情
showDetail(fingerData, index, name) {
showDetail (fingerData, index, name) {
//console.info("指纹详情==》", fingerData);
//console.info("指纹详情", index);
//console.info(name);
......@@ -1807,12 +1966,12 @@ export default {
this.destImgdetail = destimg;
},
// 取消详情
cancelDetail() {
cancelDetail () {
this.isShowDetail = false;
this.isShowbzDialogBg = false;
},
// 清空源指纹图
clearsource() {
clearsource () {
(this.sourceFingersLeftR = [
{ name: "拇", code: 6, img: null },
{ name: "食", code: 7, img: null },
......@@ -1843,7 +2002,7 @@ export default {
]);
},
// 清空目标指纹图
cleardest() {
cleardest () {
(this.destFingersLeftR = [
{ name: "拇", code: 6, img: null },
{ name: "食", code: 7, img: null },
......@@ -1873,7 +2032,7 @@ export default {
{ name: "小", code: 15, img: null },
]);
},
scrollFunc(e) {
scrollFunc (e) {
e = e || window.event;
if (this.flag) {
return 0;
......@@ -1904,7 +2063,7 @@ export default {
}
},
//按上下键切换右边表格的数据
onClickDownUp(code) {
onClickDownUp (code) {
if (!this.$store.state.loading.loading_sd && this.currentRow) {
let index = this.tableData.findIndex(
(i) => JSON.stringify(i) == JSON.stringify(this.currentRow)
......@@ -1921,7 +2080,7 @@ export default {
}
},
},
mounted() {
mounted () {
//监听按下键切换目标表格的数据
this.$keyBoard(this, "onClickDownUp");
this.finger();
......
src/views/rgrd/rgTT.vue
......@@ -3,12 +3,21 @@
<div :class="{ bzActive: isShowbzDialogBg || loading_sd, tt: true }">
<div class="header">
<div class="label">
<img src="@/assets/img/rgrd/chachong-rg.png" alt="" />
<img
src="@/assets/img/rgrd/chachong-rg.png"
alt=""
/>
<span>人工认定-查重</span>
</div>
<div class="btns">
<div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div>
<div
class="bz-btn"
@click="Bz"
>比中</div>
<div
class="rd-btn"
@click="Rdwc"
>认定完成</div>
</div>
</div>
<div class="main">
......@@ -33,9 +42,15 @@
</div>
</div>
<!-- 数据加载中 -->
<div class="delText" v-if="souceDel">
<div
class="delText"
v-if="souceDel"
>
<p>
<img src="@/assets/img/TT/delTime.png" alt="" />
<img
src="@/assets/img/TT/delTime.png"
alt=""
/>
<span>删除时间</span>
<span>{{ souceDelText }}</span>
</p>
......@@ -71,7 +86,10 @@
</div>
<br />
<!--滚动 平面 切换-->
<div v-show="isFinger" class="menu middle">
<div
v-show="isFinger"
class="menu middle"
>
<div
class="menu-item"
:class="{ active: activeIndex == 1 }"
......@@ -112,14 +130,23 @@
>
{{ scope.row.destbarcode }}
</div>
<div slot-scope="scope" v-else>
<div
slot-scope="scope"
v-else
>
{{ scope.row.destbarcode }}
</div>
</el-table-column>
</el-table>
<div class="delText" v-if="targetDel">
<div
class="delText"
v-if="targetDel"
>
<p>
<img src="@/assets/img/TT/delTime.png" alt="" />
<img
src="@/assets/img/TT/delTime.png"
alt=""
/>
<span>删除时间</span>
<span>{{ targetDelText }}</span>
</p>
......@@ -128,7 +155,10 @@
</div>
<div class="imgs middle">
<div v-show="isFinger == true" class="fingers">
<div
v-show="isFinger == true"
class="fingers"
>
<div class="data-label">
<div class="source-label">源<br />数<br />据</div>
<div class="dest-label">目<br />标<br />数<br />据</div>
......@@ -139,7 +169,10 @@
<div v-if="activeIndex == 1">
<!-- Swiper -->
<div class="swiper-main">
<swiper :options="swiperOption" ref="swiper1">
<swiper
:options="swiperOption"
ref="swiper1"
>
<swiper-slide>
<div class="hands">右手</div>
<div class="outside">
......@@ -158,9 +191,15 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div
class="relative"
v-else
>
<!-- 有指纹图片 -->
<div v-if="souceDel == true" class="wtx">
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -210,8 +249,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -266,8 +311,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -319,8 +370,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -363,7 +420,10 @@
<div v-if="activeIndex == 2">
<!-- Swiper -->
<div class="swiper-main">
<swiper :options="swiperOption1" ref="swiper1">
<swiper
:options="swiperOption1"
ref="swiper1"
>
<swiper-slide>
<div class="hands">右手</div>
<div class="outside">
......@@ -382,8 +442,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -434,8 +500,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -490,8 +562,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="souceDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -543,8 +621,14 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div class="relative" v-else>
<div v-if="targetDel == true" class="wtx">
<div
class="relative"
v-else
>
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span>图像已删除</span>
</div>
......@@ -635,28 +719,52 @@
</div>
<!-- 加载动画 -->
<div class="loading" v-show="loading_sd">
<div
class="loading"
v-show="loading_sd"
>
<div class="loading-finger">
<img src="@/assets/img/loadingfinger.gif" alt="" />
<img
src="@/assets/img/loadingfinger.gif"
alt=""
/>
</div>
<div class="loading-name">
<img src="@/assets/img/loadingtxt.gif" alt="" />
<img
src="@/assets/img/loadingtxt.gif"
alt=""
/>
</div>
</div>
<!-- 认定判断弹框 -->
<div class="rdwccontent" v-show="isShowrdwcDialog">
<div
class="rdwccontent"
v-show="isShowrdwcDialog"
>
<div class="title">当前候选未全部查看，是否确认认定完成？</div>
<div class="rdwcbtns">
<button class="rdwcconfirm" @click="confirmrdwc">确认</button>
<button class="rdwccancel" @click="cancelrdwc">取消</button>
<button
class="rdwcconfirm"
@click="confirmrdwc"
>确认</button>
<button
class="rdwccancel"
@click="cancelrdwc"
>取消</button>
</div>
</div>
<!-- 指纹详情 -->
<div class="detail" v-show="isShowDetail">
<div
class="detail"
v-show="isShowDetail"
>
<div class="head-title">{{ zwName }}</div>
<div class="finger">
<div v-if="souceDel == true" class="wtx">
<div
v-if="souceDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span class="cccccc">图像已删除</span>
</div>
......@@ -665,13 +773,19 @@
:src="'data:image/jpeg;base64,' + $fFormatUtil.imgSrcFormat(sourceImgdetail)"
style="width: 100%; height: 100%"
/>
<div v-else-if="!sourceImgdetail && souceDel == false" class="wtx">
<div
v-else-if="!sourceImgdetail && souceDel == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span class="cccccc">暂无图像</span>
</div>
</div>
<div class="finger">
<div v-if="targetDel == true" class="wtx">
<div
v-if="targetDel == true"
class="wtx"
>
<img src="@/assets/img/TT/tuxiangdel.png" />
<span class="cccccc">图像已删除</span>
</div>
......@@ -680,7 +794,10 @@
:src="'data:image/jpeg;base64,' + $fFormatUtil.imgSrcFormat(destImgdetail)"
style="width: 100%; height: 100%"
/>
<div v-else-if="!destImgdetail && targetDel == false" class="wtx">
<div
v-else-if="!destImgdetail && targetDel == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span class="cccccc">暂无图像</span>
</div>
......@@ -688,12 +805,25 @@
</div>
<!-- 比中弹窗 -->
<div class="bzDialog" v-show="isShowbzDialogBg" @click="cancelbz"></div>
<div class="bzcontent" v-show="isShowbzDialog">
<div
class="bzDialog"
v-show="isShowbzDialogBg"
@click="cancelbz"
></div>
<div
class="bzcontent"
v-show="isShowbzDialog"
>
<div class="head-title">
<div class="left">比中</div>
<div class="close" @click="cancelbz">
<img src="@/assets/img/TT/close.png" alt="" />
<div
class="close"
@click="cancelbz"
>
<img
src="@/assets/img/TT/close.png"
alt=""
/>
</div>
</div>
<div class="bzdesc">
......@@ -708,7 +838,9 @@
<br />
<div class="bz-src-item">
<div class="img">
照片
<!-- 照片 -->
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
<div class="title">源数据</div>
</div>
<div class="item">
......@@ -722,7 +854,9 @@
</div>
<div class="bz-src-item">
<div class="img">
照片
<!-- 照片 -->
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
<div class="title">目标数据</div>
</div>
<div class="item">
......@@ -764,11 +898,20 @@
disabled
placeholder="请输入内容"
></el-input>
<div class="input-error" v-show="isPhoneError">
<div
class="input-error"
v-show="isPhoneError"
>
<!-- <img src="@/assets/img/inputerror.png" alt=""> -->
<svg-icon icon-class="error" class="icon" />
<svg-icon
icon-class="error"
class="icon"
/>
</div>
<div class="error-desc" v-show="isPhoneError">
<div
class="error-desc"
v-show="isPhoneError"
>
联系电话不应低于7位数！
</div>
</div>
......@@ -785,8 +928,14 @@
</el-input>
</div>
<div class="bzbtns">
<button class="bzconfirm" @click="confirmbz">确认</button>
<button class="bzcancel" @click="cancelbz">取消</button>
<button
class="bzconfirm"
@click="confirmbz"
>确认</button>
<button
class="bzcancel"
@click="cancelbz"
>取消</button>
</div>
</div>
</div>
......@@ -816,11 +965,11 @@ export default {
...mapState({
loading_sd: (state) => state.loading.loading_sd,
}),
roleArr() {
roleArr () {
return this.$store.state.layout.Menu;
},
},
data() {
data () {
return {
width1: 50,
height: 150,
......@@ -998,7 +1147,7 @@ export default {
},
};
},
created() {
created () {
let w1 = 1920;
let w2 = window.innerWidth;
......@@ -1015,7 +1164,7 @@ export default {
},
watch: {
souceDel: {
handler(val) {
handler (val) {
if (!val && !this.targetDel) {
this.zhihui = false;
} else {
......@@ -1026,7 +1175,7 @@ export default {
immediate: true,
},
targetDel: {
handler(val) {
handler (val) {
if (!val && !this.souceDel) {
this.zhihui = false;
} else {
......@@ -1036,7 +1185,7 @@ export default {
},
immediate: true,
},
phone(newValue, oldValue) {
phone (newValue, oldValue) {
if (newValue.length < 7) {
this.isPhoneError = true;
document
......@@ -1049,16 +1198,16 @@ export default {
.style.setProperty("--phone", "#606266");
}
},
sourcebarcode(val) {
sourcebarcode (val) {
this.finger();
this.scouceCode = val;
},
destbarcode(val) {
destbarcode (val) {
this.finger();
this.targetCode = val;
},
screenLoading(val) {},
loadingIndex(val, oldval) {
screenLoading (val) { },
loadingIndex (val, oldval) {
if (oldval == 0) {
this.screenLoading = true;
// this.sLoading = this.$loading({
......@@ -1082,7 +1231,7 @@ export default {
},
methods: {
// 滚动平面选择切换
handleSelect(index) {
handleSelect (index) {
this.activeIndex = index;
//console.info(this.activeIndex);
if (index == 1) {
......@@ -1092,7 +1241,7 @@ export default {
//console.info("平面指纹");
}
},
jiantoudianji() {
jiantoudianji () {
if (this.btnPlace == "top") {
this.btnPlace = "bottom";
this.$refs.swiper1.swiper.slideNext(1500);
......@@ -1105,7 +1254,7 @@ export default {
},
// 获取上一条
last(index) {
last (index) {
let i = index;
if (index > 0) {
this.currentQqid = this.sourcedatas[i - 1].qqid;
......@@ -1135,7 +1284,7 @@ export default {
}
},
// 获取下一条
next(index) {
next (index) {
let i = index;
// 当源数据卡片数量大于一的时候才点击
if (this.sourcedatas.length - 1 > index) {
......@@ -1167,7 +1316,7 @@ export default {
}
},
// 获取源数据
getSourceList() {
getSourceList () {
let me = this;
this.screenLoading = true;
this.loadingIndex++;
......@@ -1262,7 +1411,7 @@ export default {
//console.log("源barcode===>", this.sourcebarcode);
},
// 获取候选列表
getMatchcandList() {
getMatchcandList () {
let me = this;
this.loadingIndex++;
if (me.currentQqid !== null) {
......@@ -1282,7 +1431,7 @@ export default {
}
},
// 获取源平面指纹图
getSourcePlainFingerPrintDetail(barcode, type) {
getSourcePlainFingerPrintDetail (barcode, type) {
let self = this;
this.loadingIndex++;
// 平面
......@@ -1320,7 +1469,7 @@ export default {
});
},
// 获取源滚动指纹图
getSourceRollFingerPrintDetail(barcode, type) {
getSourceRollFingerPrintDetail (barcode, type) {
this.loadingIndex++;
let self = this;
// 滚动 源数据
......@@ -1355,7 +1504,7 @@ export default {
});
},
// 获取目标的滚动指纹图
getDestRollFingerPrintDetail(barcode) {
getDestRollFingerPrintDetail (barcode) {
let self = this;
this.loadingIndex++;
// 平面 目标
......@@ -1393,7 +1542,7 @@ export default {
});
},
// 获取目标的平面指纹图
getDestPlainFingerPrintDetail(barcode) {
getDestPlainFingerPrintDetail (barcode) {
let self = this;
this.loadingIndex++;
// 滚动 目标数据
......@@ -1426,7 +1575,7 @@ export default {
});
},
// 目标数据table的选中事件
handleCurrentChange(val) {
handleCurrentChange (val) {
console.log(val);
if (val) {
this.targetObj = val;
......@@ -1445,7 +1594,7 @@ export default {
}
},
// 比中与认定完成添加样式
tableRowClassName({ row, column, rowIndex, columnIndex }) {
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
//console.log("row", row.clickLog);
// 比中的行
if (row.affirmstatus == "2" || row.affirmstatus == "3") {
......@@ -1460,7 +1609,7 @@ export default {
}
},
//比中
Bz() {
Bz () {
if (
(this.targetObj.affirmstatus == 2 ||
this.targetObj.affirmstatus == 3) &&
......@@ -1477,7 +1626,7 @@ export default {
}
this.getUser();
},
getUser() {
getUser () {
let self = this;
this.loadingIndex += 2;
this.$axios({
......@@ -1516,17 +1665,17 @@ export default {
* @param {*}
* @return {*}
*/
cancelrdwc() {
cancelrdwc () {
this.isShowbzDialogBg = false;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
},
// 认定完成
Rdwc() {
Rdwc () {
this.$message.success('认定完成')
},
// 确认认定完成
confirmrdwc() {
confirmrdwc () {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowbzDialogBg = false;
......@@ -1582,25 +1731,25 @@ export default {
});
},
// 指纹可见
finger() {
finger () {
this.isFinger = true;
this.isPlam = false;
this.isFace = false;
},
// 掌纹可见
plam() {
plam () {
this.isPlam = true;
this.isFinger = false;
this.isFace = false;
},
// 人像可见
face() {
face () {
this.isFace = true;
this.isFinger = false;
this.isPlam = false;
},
// 取消比中
cancelbz() {
cancelbz () {
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
this.cancelDetail();
......@@ -1609,7 +1758,7 @@ export default {
this.plamDetail++;
},
// 确认比中
confirmbz() {
confirmbz () {
let self = this;
//console.log("比中");
this.loadingIndex++;
......@@ -1664,7 +1813,7 @@ export default {
this.$message.success("比中成功！");
//console.log(response);
// TODO 比中操作日志记录
}
})
.catch((err) => {
......@@ -1672,7 +1821,7 @@ export default {
});
},
// 展示详情
showDetail(fingerData, index, name) {
showDetail (fingerData, index, name) {
//console.info("指纹详情==》", fingerData);
//console.info("指纹详情", index);
//console.info(name);
......@@ -1713,12 +1862,12 @@ export default {
this.destImgdetail = destimg;
},
// 取消详情
cancelDetail() {
cancelDetail () {
this.isShowDetail = false;
this.isShowbzDialogBg = false;
},
// 清空源指纹图
clearsource() {
clearsource () {
(this.sourceFingersLeftR = [
{ name: "拇", code: 6, img: null },
{ name: "食", code: 7, img: null },
......@@ -1749,7 +1898,7 @@ export default {
]);
},
// 清空目标指纹图
cleardest() {
cleardest () {
(this.destFingersLeftR = [
{ name: "拇", code: 6, img: null },
{ name: "食", code: 7, img: null },
......@@ -1779,7 +1928,7 @@ export default {
{ name: "小", code: 15, img: null },
]);
},
scrollFunc(e) {
scrollFunc (e) {
e = e || window.event;
if (this.flag) {
return 0;
......@@ -1810,7 +1959,7 @@ export default {
}
},
},
mounted() {
mounted () {
this.finger();
this.$bus.on("ccbarcode", (code) => {
this.cleardest();
......@@ -1853,7 +2002,7 @@ div {
.header {
box-shadow: 0px 1px 10px 0px rgba(5, 95, 231, 0.3);
border-bottom: 2px solid #eeeeee;
padding-bottom: 10px!important;
padding-bottom: 10px !important;
padding: 0 24px;
display: flex;
flex-direction: row;
......@@ -2152,7 +2301,7 @@ div {
.finger-data {
margin-top: -10px;
height: 700px;
width: 1500px!important;
width: 1500px !important;
//overflow: scroll;
overflow: hidden;
.hands {
......
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