Commit 8c53df63 by liyuhang19990520

bug

parent 612fe5c2
<template>
<div class="tt">
<div class="tt" v-loading="screenLoading" element-loading-text="拼命加载中">
<div class="header">
<div class="label">查重</div>
<div class="btns">
......@@ -189,13 +189,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -215,13 +225,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -243,14 +263,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<!-- 无指纹图片 -->
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -269,14 +298,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<!-- 无指纹图片 -->
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -307,13 +345,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -333,14 +381,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<!-- 无指纹图片 -->
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -362,14 +419,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<!-- 无指纹图片 -->
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -388,14 +454,23 @@
class="img"
src="@/assets/img/fingerprint.gif"
/>
<div v-else>
<div class="relative" v-else>
<!-- 有指纹图片 -->
<img
v-if="item.img"
v-if="item.img && screenLoading == false"
:src="'data:image/jpeg;base64,' + item.img"
/>
<!-- 无指纹图片 -->
<div v-else>未查到相关记录</div>
<img
v-if="screenLoading == true"
src="@/assets/img/zzjz/zwjz.gif"
/>
<div
v-else-if="!item.img && screenLoading == false"
class="wtx"
>
<img src="@/assets/img/TT/zwtp.png" />
<span>暂无图像</span>
</div>
</div>
</div>
<div class="label">{{ item.name }}</div>
......@@ -423,7 +498,7 @@
<img
v-if="sourceImgdetail"
:src="'data:image/jpeg;base64,' + sourceImgdetail"
style="width: 28rem; height: 28rem"
style="width: 100%; height: 100%"
/>
<div v-else>没有指纹详情</div>
</div>
......@@ -431,7 +506,7 @@
<img
v-if="destImgdetail"
:src="'data:image/jpeg;base64,' + destImgdetail"
style="width: 28rem; height: 28rem"
style="width: 100%; height: 100%"
/>
<div v-else>没有指纹详情</div>
</div>
......@@ -698,6 +773,9 @@ export default {
index: 0,
flag: false,
colors: 1,
screenLoading: false,
loadingIndex: 0,
timer: null,
};
},
created() {
......@@ -729,6 +807,18 @@ export default {
.style.setProperty("--phone", "#606266");
}
},
loadingIndex(val,oldval) {
console.log(val,oldval,'watch')
if(val == 1 && oldval == 0){
this.screenLoading = true;
}
if (this.timer) clearTimeout(this.timer);
if (val == 0) {
this.timer = setTimeout(() => {
this.screenLoading = false;
}, 200);
}
},
},
methods: {
// 滚动平面选择切换
......@@ -792,20 +882,33 @@ export default {
// 获取源数据
getSourceList() {
let me = this;
this.screenLoading = true;
this.loadingIndex++;
if (me.dataType == "father") {
me.$axios
.post("/api/queryque/standardAll", {
.post(
"/api/queryque/standardAll",
{
contrastCustomSearchReq: { qid: me.qid },
})
},
{ loading: false }
)
.then((res) => {
me.loadingIndex--;
if (res.data.code === 0) {
me.sourcedatas = res.data.ret;
me.sourcedatasLength = res.data.ret.length;
me.sourcebarcode = res.data.ret[0].barcode;
me.currentQqid = res.data.ret[0].qqid;
me.getMatchcandList(me.currentQqid);
this.getSourceRollFingerPrintDetail(res.data.ret[0].barcode);
this.getSourcePlainFingerPrintDetail(res.data.ret[0].barcode);
this.getSourceRollFingerPrintDetail(
res.data.ret[0].barcode,
"yes"
);
this.getSourcePlainFingerPrintDetail(
res.data.ret[0].barcode,
"yes"
);
// 认定条数
let count = 0;
me.sourcedatas.forEach((item, index) => {
......@@ -815,20 +918,30 @@ export default {
});
this.rdcount = count;
}
console.info("源数据", this.sourcedatas);
});
} else {
me.$axios
.post("/api/queryque/standardAll", {
.post(
"/api/queryque/standardAll",
{
contrastCustomSearchReq: { qqid: me.currentQqid },
})
},
{ loading: false }
)
.then((res) => {
me.loadingIndex--;
if (res.data.code === 0) {
me.sourcedatas = res.data.ret;
me.sourcedatasLength = res.data.ret.length;
me.sourcebarcode = res.data.ret[0].barcode;
this.getSourceRollFingerPrintDetail(res.data.ret[0].barcode);
this.getSourcePlainFingerPrintDetail(res.data.ret[0].barcode);
this.getSourceRollFingerPrintDetail(
res.data.ret[0].barcode,
"yes"
);
this.getSourcePlainFingerPrintDetail(
res.data.ret[0].barcode,
"yes"
);
me.getMatchcandList(me.currentQqid);
if (me.sourcedatas[0].affirmStatus === "1") {
this.rdcount = 1;
......@@ -845,12 +958,15 @@ export default {
// 获取候选列表
getMatchcandList() {
let me = this;
this.loadingIndex++;
if (me.currentQqid !== null) {
me.$axios
.get(
"/api/query/matchcand/" + me.currentQqid + "/" + me.sourcebarcode
"/api/query/matchcand/" + me.currentQqid + "/" + me.sourcebarcode,
{ loading: false }
)
.then((res) => {
me.loadingIndex--;
if (res.data.code === 0) {
me.tableData = res.data.ret;
me.$nextTick(() => {
......@@ -863,14 +979,20 @@ export default {
},
// 获取源平面指纹图
getSourcePlainFingerPrintDetail(barcode) {
getSourcePlainFingerPrintDetail(barcode, type) {
let self = this;
this.loadingIndex++;
// 平面
this.$axios
.post("/api/org/plainByBarcode/barcode", {
.post(
"/api/org/plainByBarcode/barcode",
{
barcode: this.sourcebarcode,
})
},
{ loading: false }
)
.then(function (response) {
self.loadingIndex--;
if (response.data.code === 0) {
console.info("源plan", response.data.ret);
response.data.ret.forEach((element, index) => {
......@@ -886,12 +1008,7 @@ export default {
item.img = element.image;
}
});
// 去掉加载状态
self.fingerLoading = false;
});
} else if (response.data.code === 4) {
// 去掉加载状态
self.fingerLoading = false;
}
})
.catch(function (error) {
......@@ -899,12 +1016,18 @@ export default {
});
},
// 获取源滚动指纹图
getSourceRollFingerPrintDetail(barcode) {
getSourceRollFingerPrintDetail(barcode, type) {
this.loadingIndex++;
let self = this;
// 滚动 源数据
this.$axios
.post("/api/org/rollByBarcode/barcode", { barcode: barcode })
.post(
"/api/org/rollByBarcode/barcode",
{ barcode: barcode },
{ loading: false }
)
.then(function (response) {
self.loadingIndex--;
if (response.data.code === 0) {
console.info("源roll", response.data.ret);
response.data.ret.forEach((element, index) => {
......@@ -921,11 +1044,6 @@ export default {
}
});
});
// 去掉加载状态
self.fingerLoading = false;
} else if (response.data.code === 4) {
// 去掉加载状态
self.fingerLoading = false;
}
})
.catch(function (error) {
......@@ -935,12 +1053,18 @@ export default {
// 获取目标的滚动指纹图
getDestRollFingerPrintDetail(barcode) {
let self = this;
this.loadingIndex++;
// 平面 目标
this.$axios
.post("/api/org/plainByBarcode/barcode", {
.post(
"/api/org/plainByBarcode/barcode",
{
barcode: this.destbarcode,
})
},
{ loading: false }
)
.then(function (response) {
self.loadingIndex--;
if (response.data.code === 0) {
console.info("目标plan", response.data.ret);
response.data.ret.forEach((element, index) => {
......@@ -971,10 +1095,16 @@ export default {
// 获取目标的平面指纹图
getDestPlainFingerPrintDetail(barcode) {
let self = this;
this.loadingIndex++;
// 滚动 目标数据
this.$axios
.post("/api/org/rollByBarcode/barcode", { barcode: this.destbarcode })
.post(
"/api/org/rollByBarcode/barcode",
{ barcode: this.destbarcode },
{ loading: false }
)
.then(function (response) {
self.loadingIndex--;
if (response.data.code === 0) {
response.data.ret.forEach((element, index) => {
console.info("目标roll", response.data.ret);
......@@ -991,10 +1121,7 @@ export default {
}
});
}); // 去掉加载状态
self.fingerLoading = false;
} else if (response.data.code === 4) {
// 去掉加载状态
self.fingerLoading = false;
}
console.log(response);
})
......@@ -1037,19 +1164,23 @@ export default {
// 获取用户信息
getUserInfo(id = 1) {
let self = this;
this.loadingIndex++;
this.$axios({
method: "post",
url: "/api/user/searchByUserid",
loading: false,
data: {
id: id,
},
}).then(async (res) => {
self.loadingIndex--;
if (res.data.code == 0) {
let data = res.data.ret[0];
console.log("userInfo===>", data);
let dw = await self.$axios({
method: "get",
url: "/api/code/unit/one/" + data.userunit,
loading: false,
});
let time = new Date(data.updatetime);
self.bzsj = Utils.timeStampTurnTime2(time);
......@@ -1073,11 +1204,16 @@ export default {
// 认定完成
Rdwc() {
console.info("认定完成");
this.loadingIndex++;
// 认定之前的操作
this.$axios
.post("/api/matchcand/affirm/confirm", { qqid: this.currentQqid })
.post(
"/api/matchcand/affirm/confirm",
{ qqid: this.currentQqid },
{ loading: false }
)
.then((res) => {
this.loadingIndex--;
console.log(res);
if (!res.data.ret) {
this.isShowrdwcDialogBg = true;
......@@ -1093,17 +1229,23 @@ export default {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
this.loadingIndex++;
// 1:倒查
let querytype = 0;
this.$axios
.post("/api/matchcand/affirm/finish", {
.post(
"/api/matchcand/affirm/finish",
{
srcbarcode: self.sourcebarcode,
destbarcode: self.destbarcode,
qqid: self.currentQqid,
qid: self.qid,
querytype: querytype,
})
},
{ loading: false }
)
.then((response) => {
this.loadingIndex--;
// 跟新列表数据
self.$bus.emit("updateTTSourceData");
console.log(response);
......@@ -1140,16 +1282,22 @@ export default {
confirmbz() {
let self = this;
console.log("比中");
this.loadingIndex++;
let querytype = 0;
this.$axios
.post("/api/matchcand/affirm/hit", {
.post(
"/api/matchcand/affirm/hit",
{
srcbarcode: self.sourcebarcode,
destbarcode: self.destbarcode,
// affirmstatus: "1"
querytype: "0",
qqid: self.currentQqid,
})
},
{ loading: false }
)
.then((response) => {
this.loadingIndex--;
// 跟新列表数据
self.$bus.emit("updateTTSourceData");
console.log(response);
......@@ -1371,7 +1519,24 @@ div {
}
}
}
.relative {
width: 100%;
height: 100%;
position: relative;
.wtx {
position: absolute;
width: 75%;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
> span {
display: inline-block;
margin-top: 20px;
font-size: 14px;
color: #cccccc;
}
}
}
.main {
width: 100%;
display: flex;
......
......@@ -7,25 +7,25 @@
<div class="faces">
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/face.gif" />
<img class="img" src="@/assets/img/zzjz/zmjz.gif" />
</div>
<div class="face_label">正面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/leftface.gif" />
<img class="img" src="@/assets/img/zzjz/zcjz.gif" />
</div>
<div class="face_label">左侧面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/rightface.gif" />
<img class="img" src="@/assets/img/zzjz/yljz.gif" />
</div>
<div class="face_label">右侧面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img-idcard" src="@/assets/img/idcard.gif" />
<img class="img-idcard" src="@/assets/img/zzjz/ID.gif" />
</div>
<div class="face_label">身份证照</div>
</div>
......@@ -38,25 +38,25 @@
<div class="faces">
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/face.gif" />
<img class="img" src="@/assets/img/zzjz/zmjz.gif" />
</div>
<div class="face_label">正面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/leftface.gif" />
<img class="img" src="@/assets/img/zzjz/zcjz.gif" />
</div>
<div class="face_label">左侧面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img" src="@/assets/img/rightface.gif" />
<img class="img" src="@/assets/img/zzjz/yljz.gif" />
</div>
<div class="face_label">右侧面</div>
</div>
<div class="face_div">
<div class="face">
<img class="img-idcard" src="@/assets/img/idcard.gif" />
<img class="img-idcard" src="@/assets/img/zzjz/ID.gif" />
</div>
<div class="face_label">身份证照</div>
</div>
......@@ -123,10 +123,10 @@ div {
/*-webkit-text-fill-color: transparent;*/
}
.img {
margin-top: 30%;
margin-top: 15%;
}
.img-idcard {
margin-top: 40%;
margin-top: 5%;
}
.tt_face_dest_label {
width: 40px;
......
<!--
* @Author: your name
* @Date: 2021-10-23 17:43:14
* @LastEditTime: 2021-10-29 21:05:13
* @LastEditors: your name
* @LastEditTime: 2021-11-10 17:38:25
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\src\views\cxyrd\modules\TTPlam.vue
-->
......@@ -12,7 +12,7 @@
<div class="slabel">源数据</div>
<br />
<div class="palm">
<img class="img" src="@/assets/img/handleft.gif" />
<img class="img" src="@/assets/img/zzjz/zsjz.gif" />
</div>
<br />
<div class="left">左掌</div>
......@@ -21,7 +21,7 @@
<div class="dlabel">目标数据</div>
<br />
<div class="palm">
<img class="img" src="@/assets/img/handright.gif" />
<img class="img" src="@/assets/img/zzjz/zsjz.gif" />
</div>
<br />
<div class="palm_label">右掌</div>
......
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