Skip to content

F
founder_vue
Commit b24f5ba4 by maxiaohan
Options

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

parent 416e65ba
Showing with 560 additions and 206 deletions
src/views/cxyrd/TL.vue
<template> <template>
<div class="tlDiv"> <div class="tlDiv">
<div class="tl" :class="{bzActive: isShowbzDialogBg}"> <div class="tl" :class="{ bzActive: isShowbzDialogBg }">
<div class="header"> <div class="header">
<div class="label">倒查</div> <div class="label">倒查</div>
<div class="btns"> <div class="btns">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div class="head-title"> <div class="head-title">
<div class="left">比中</div> <div class="left">比中</div>
<div class="close" @click="cancelbz"> <div class="close" @click="cancelbz">
<img src="@/assets/img/LT/close.png" alt=""> <img src="@/assets/img/LT/close.png" alt="" />
</div> </div>
</div> </div>
<div class="bzdesc"> <div class="bzdesc">
...@@ -34,65 +34,77 @@ ...@@ -34,65 +34,77 @@
<div class="bzitem"> <div class="bzitem">
<div class="bzname">查询类型：</div> <div class="bzname">查询类型：</div>
<div class="bzvalue zc"> <div class="bzvalue zc">
<div class="dot"></div>倒查 <div class="dot"></div>
倒查
</div> </div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">现场勘验编号：</div> <div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{xckybh}}</div> <div class="bzvalue">{{ xckybh }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">人员编号：</div> <div class="bzname">人员编号：</div>
<div class="bzvalue">{{rybh}}</div> <div class="bzvalue">{{ rybh }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">案事件编号：</div> <div class="bzname">案事件编号：</div>
<div class="bzvalue">{{asjbh}}</div> <div class="bzvalue">{{ asjbh }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">指位：</div> <div class="bzname">指位：</div>
<div class="bzvalue">{{zw}}</div> <div class="bzvalue">{{ zw }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">序号：</div> <div class="bzname">序号：</div>
<div class="bzvalue">{{xh}}</div> <div class="bzvalue">{{ xh }}</div>
</div> </div>
</div> </div>
<div class="bz-target"> <div class="bz-target">
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中单位：</div> <div class="bzname">比中单位：</div>
<div class="bzvalue">{{bzdw}}</div> <div class="bzvalue">{{ bzdw }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人：</div> <div class="bzname">比中人：</div>
<div class="bzvalue">{{bzr}}</div> <div class="bzvalue">{{ bzr }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">单位代码：</div> <div class="bzname">单位代码：</div>
<div class="bzvalue">{{dwdm}}</div> <div class="bzvalue">{{ dwdm }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人身份证号：</div> <div class="bzname">比中人身份证号：</div>
<div class="bzvalue">{{bzrsfzh}}</div> <div class="bzvalue">{{ bzrsfzh }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中时间：</div> <div class="bzname">比中时间：</div>
<div class="bzvalue">{{bzsj}}</div> <div class="bzvalue">{{ bzsj }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人联系电话：</div> <div class="bzname">比中人联系电话：</div>
<el-input class="bzphone" v-model="phone" placeholder="请输入内容"></el-input> <el-input
class="bzphone"
v-model="phone"
placeholder="请输入内容"
></el-input>
<div class="input-error" v-show="isPhoneError"> <div class="input-error" v-show="isPhoneError">
<!-- <img src="@/assets/img/inputerror.png" alt=""> --> <!-- <img src="@/assets/img/inputerror.png" alt=""> -->
<svg-icon icon-class="error" class="icon" /> <svg-icon icon-class="error" class="icon" />
</div> </div>
<div class="error-desc" v-show="isPhoneError">联系电话不应低于7位数！</div> <div class="error-desc" v-show="isPhoneError">
联系电话不应低于7位数！
</div>
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="bzfooter"> <div class="bzfooter">
<div class="footer-title">备注</div> <div class="footer-title">备注</div>
<el-input type="textarea" :rows="5" placeholder="在此输入备注信息" v-model="textarea"> <el-input
type="textarea"
:rows="5"
placeholder="在此输入备注信息"
v-model="textarea"
>
</el-input> </el-input>
</div> </div>
<div class="bzbtns"> <div class="bzbtns">
...@@ -103,7 +115,11 @@ ...@@ -103,7 +115,11 @@
</div> </div>
<!-- 认定完成确认框 --> <!-- 认定完成确认框 -->
<div class="rdwcDialog" v-show="isShowrdwcDialogBg" @click="cancelrdwc"></div> <div
class="rdwcDialog"
v-show="isShowrdwcDialogBg"
@click="cancelrdwc"
></div>
<div class="rdwccontent" v-show="isShowrdwcDialog"> <div class="rdwccontent" v-show="isShowrdwcDialog">
<div class="title">当前候选未全部查看，是否确认认定完成？</div> <div class="title">当前候选未全部查看，是否确认认定完成？</div>
<div class="rdwcbtns"> <div class="rdwcbtns">
...@@ -116,7 +132,7 @@ ...@@ -116,7 +132,7 @@
<script> <script>
import "@/icons/error.svg"; import "@/icons/error.svg";
import Utils from '@/utils/util.js'; import Utils from "@/utils/util.js";
import ImageEd from "../../components/ImageEd.vue"; import ImageEd from "../../components/ImageEd.vue";
import TLSrc from "@/views/cxyrd/modules/TLSrc.vue"; import TLSrc from "@/views/cxyrd/modules/TLSrc.vue";
import TLCandidate from "@/views/cxyrd/modules/TLCandidate.vue"; import TLCandidate from "@/views/cxyrd/modules/TLCandidate.vue";
...@@ -125,27 +141,27 @@ export default { ...@@ -125,27 +141,27 @@ export default {
components: { components: {
ImageEd, ImageEd,
TLSrc, TLSrc,
TLCandidate, TLCandidate
}, },
data () { data() {
return { return {
dialog: false, dialog: false,
text: "", text: "",
phone: '', phone: "",
textarea: '', textarea: "",
isShowbzDialog: false, isShowbzDialog: false,
isShowbzDialogBg: false, isShowbzDialogBg: false,
bzdw: '', bzdw: "",
bzr: '', bzr: "",
dwdm: '', dwdm: "",
bzrsfzh: '', bzrsfzh: "",
bzsj: '', bzsj: "",
isPhoneError: false, isPhoneError: false,
asjbh: '', asjbh: "",
xh: '', xh: "",
xckybh: '', xckybh: "",
rybh: '', rybh: "",
zw: '', zw: "",
// 是否展示认定完成确认框背景 // 是否展示认定完成确认框背景
isShowrdwcDialogBg: false, isShowrdwcDialogBg: false,
// 是否展示认定完成确认框 // 是否展示认定完成确认框
...@@ -153,13 +169,17 @@ export default { ...@@ -153,13 +169,17 @@ export default {
}; };
}, },
watch: { watch: {
phone (newValue, oldValue) { phone(newValue, oldValue) {
if (newValue.length < 7) { if (newValue.length < 7) {
this.isPhoneError = true this.isPhoneError = true;
document.getElementsByTagName('body')[0].style.setProperty('--phone', '#ff4242'); document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#ff4242");
} else { } else {
this.isPhoneError = false this.isPhoneError = false;
document.getElementsByTagName('body')[0].style.setProperty('--phone', '#606266'); document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#606266");
} }
} }
}, },
...@@ -169,18 +189,18 @@ export default { ...@@ -169,18 +189,18 @@ export default {
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
confirmrdwc () { confirmrdwc() {
let self = this let self = this;
this.isShowrdwcDialogBg = false this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false this.isShowrdwcDialog = false;
let srcseqno = sessionStorage.getItem('srcseqno') || '' let srcseqno = sessionStorage.getItem("srcseqno") || "";
let destseqno = sessionStorage.getItem('destseqno') || '' let destseqno = sessionStorage.getItem("destseqno") || "";
let srcbarcode = sessionStorage.getItem('srcbarcode') || '' let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem('destbarcode') || '' let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = sessionStorage.getItem('qqid') || '' let qqid = sessionStorage.getItem("qqid") || "";
let qid = sessionStorage.getItem('qid') || '' let qid = sessionStorage.getItem("qid") || "";
let type = sessionStorage.getItem('dctype') || '' let type = sessionStorage.getItem("dctype") || "";
// 1：倒查 // 1：倒查
let querytype = 1; let querytype = 1;
this.$axios({ this.$axios({
...@@ -200,36 +220,36 @@ export default { ...@@ -200,36 +220,36 @@ export default {
// 跟新列表数据 // 跟新列表数据
self.$bus.emit("updateTLSourceData"); self.$bus.emit("updateTLSourceData");
console.log(response); console.log(response);
this.$message.success('认定完成！') this.$message.success("认定完成！");
if (type == 'son') { if (type == "son") {
window.close() window.close();
} }
}) });
}, },
/** /**
* @description: 取消认定完成 * @description: 取消认定完成
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
cancelrdwc () { cancelrdwc() {
this.isShowrdwcDialogBg = false this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false this.isShowrdwcDialog = false;
}, },
/** /**
* @description: 取消比中 * @description: 取消比中
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
cancelbz () { cancelbz() {
this.isShowbzDialogBg = false this.isShowbzDialogBg = false;
this.isShowbzDialog = false this.isShowbzDialog = false;
}, },
/** /**
* @description: 确认比中 * @description: 确认比中
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
confirmbz () { confirmbz() {
let self = this; let self = this;
console.log("比中"); console.log("比中");
let affirmstatus = "1"; let affirmstatus = "1";
...@@ -254,128 +274,132 @@ export default { ...@@ -254,128 +274,132 @@ export default {
qid, qid,
querytype querytype
} }
}).then(response => { })
.then(response => {
// 跟新列表数据 // 跟新列表数据
self.$bus.emit("updateTLSourceData"); self.$bus.emit("updateTLSourceData");
console.log(response); console.log(response);
}).catch(err => {
this.$message.error('比中失败！')
}) })
.catch(err => {
this.$message.error("比中失败！");
});
// 更新电话 // 更新电话
this.$axios({ this.$axios({
method: 'post', method: "post",
url: '/api/user/update', url: "/api/user/update",
data: { data: {
telephone: self.phone telephone: self.phone
} }
}).then(res => { })
.then(res => {
console.log(res); console.log(res);
}).catch(err => {
this.$message.error('比中失败！')
}) })
.catch(err => {
this.$message.error("比中失败！");
});
// 关闭弹窗 // 关闭弹窗
this.isShowbzDialog = false this.isShowbzDialog = false;
this.isShowbzDialogBg = false this.isShowbzDialogBg = false;
}, },
/** /**
* @description: 获取现场勘验编号 * @description: 获取现场勘验编号
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
getUserInfo2 () { getUserInfo2() {
let self = this let self = this;
let destbarcode = sessionStorage.getItem("destbarcode") || ""; let destbarcode = sessionStorage.getItem("destbarcode") || "";
console.log(destbarcode); console.log(destbarcode);
this.$axios({ this.$axios({
url: '/api/casestore/casebase', url: "/api/casestore/casebase",
method: 'get', method: "get",
params: { params: {
barcode: destbarcode barcode: destbarcode
} }
}).then(res => { }).then(res => {
if (res.data.code == 0) { if (res.data.code == 0) {
self.xckybh = res.data.ret.kybh self.xckybh = res.data.ret.kybh;
} }
}) });
}, },
/** /**
* @description: 获取正查比中下方的数据 * @description: 获取正查比中下方的数据
* @param {*} id * @param {*} id
* @return {*} * @return {*}
*/ */
getUserInfo (id = 1234) { getUserInfo(id = 1234) {
let self = this let self = this;
this.$axios({ this.$axios({
method: 'post', method: "post",
url: '/api/user/searchByUserid', url: "/api/user/searchByUserid",
data: { data: {
id: id id: id
} }
}).then(async res => { }).then(async res => {
if (res.data.code == 0) { if (res.data.code == 0) {
let data = res.data.ret[0] let data = res.data.ret[0];
console.log(data); console.log(data);
let dw = await self.$axios({ let dw = await self.$axios({
method: 'get', method: "get",
url: '/api/code/unit/one/' + data.userunit url: "/api/code/unit/one/" + data.userunit
}) });
let time = new Date(data.updatetime) let time = new Date(data.updatetime);
self.bzsj = Utils.timeStampTurnTime2(time) self.bzsj = Utils.timeStampTurnTime2(time);
self.bzr = data.userdesc self.bzr = data.userdesc;
self.dwdm = dw.data.ret.code self.dwdm = dw.data.ret.code;
self.bzdw = dw.data.ret.name self.bzdw = dw.data.ret.name;
self.bzrsfzh = data.idcard self.bzrsfzh = data.idcard;
self.phone = data.telephone self.phone = data.telephone;
} }
}) });
}, },
/** /**
* @description: 比中 * @description: 比中
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
Bz () { Bz() {
console.info("比中"); console.info("比中");
this.isShowbzDialogBg = true this.isShowbzDialogBg = true;
this.isShowbzDialog = true this.isShowbzDialog = true;
this.getUserInfo() this.getUserInfo();
this.getUserInfo2() this.getUserInfo2();
// 序号 // 序号
this.xh = sessionStorage.getItem('backcheckXh') this.xh = sessionStorage.getItem("backcheckXh");
// 指位 // 指位
this.judgeZw(Number(sessionStorage.getItem("backcheckCode"))) this.judgeZw(Number(sessionStorage.getItem("backcheckCode")));
// 人员编号 // 人员编号
this.rybh = sessionStorage.getItem('srcbarcode') this.rybh = sessionStorage.getItem("srcbarcode");
// 案件编号 // 案件编号
this.asjbh = sessionStorage.getItem('destbarcode') this.asjbh = sessionStorage.getItem("destbarcode");
// 比中人 // 比中人
this.userdesc = sessionStorage.getItem('userdesc') this.userdesc = sessionStorage.getItem("userdesc");
}, },
Rdwc () { Rdwc() {
console.info("认定完成"); console.info("认定完成");
console.log("认定完成"); console.log("认定完成");
let qqid = sessionStorage.getItem("qqid") || ""; let qqid = sessionStorage.getItem("qqid") || "";
// 认定之前的操作 // 认定之前的操作
this.$axios({ this.$axios({
method: 'post', method: "post",
url: '/api/matchcand/affirm/confirm', url: "/api/matchcand/affirm/confirm",
data: { data: {
qqid qqid
} }
}).then(res => { }).then(res => {
console.log(res); console.log(res);
if (!res.data.ret) { if (!res.data.ret) {
this.isShowrdwcDialogBg = true this.isShowrdwcDialogBg = true;
this.isShowrdwcDialog = true this.isShowrdwcDialog = true;
} else { } else {
// 执行认定完成 // 执行认定完成
this.confirmrdwc() this.confirmrdwc();
} }
}) });
}, },
hideDialog () { hideDialog() {
this.dialog = true; this.dialog = true;
}, },
/** /**
...@@ -384,7 +408,7 @@ export default { ...@@ -384,7 +408,7 @@ export default {
* @param {*} date * @param {*} date
* @return {*} * @return {*}
*/ */
dateFormat (fmt, date) { dateFormat(fmt, date) {
let ret; let ret;
const opt = { const opt = {
"Y+": date.getFullYear().toString(), // 年 "Y+": date.getFullYear().toString(), // 年
...@@ -398,9 +422,12 @@ export default { ...@@ -398,9 +422,12 @@ export default {
for (let k in opt) { for (let k in opt) {
ret = new RegExp("(" + k + ")").exec(fmt); ret = new RegExp("(" + k + ")").exec(fmt);
if (ret) { if (ret) {
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0"))) fmt = fmt.replace(
}; ret[1],
}; ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0")
);
}
}
return fmt; return fmt;
}, },
/** /**
...@@ -408,68 +435,68 @@ export default { ...@@ -408,68 +435,68 @@ export default {
* @param {*} code * @param {*} code
* @return {*} * @return {*}
*/ */
judgeZw (code) { judgeZw(code) {
console.log(code); console.log(code);
switch (code) { switch (code) {
case 1: case 1:
this.zw = '滚动-右拇' this.zw = "滚动-右拇";
break; break;
case 2: case 2:
this.zw = '滚动-右食' this.zw = "滚动-右食";
break; break;
case 3: case 3:
this.zw = '滚动-右中' this.zw = "滚动-右中";
break; break;
case 4: case 4:
this.zw = '滚动-右环' this.zw = "滚动-右环";
break; break;
case 5: case 5:
this.zw = '滚动-右小' this.zw = "滚动-右小";
break; break;
case 6: case 6:
this.zw = '滚动-左拇' this.zw = "滚动-左拇";
break; break;
case 7: case 7:
this.zw = '滚动-左食' this.zw = "滚动-左食";
break; break;
case 8: case 8:
this.zw = '滚动-左中' this.zw = "滚动-左中";
break; break;
case 9: case 9:
this.zw = '滚动-左环' this.zw = "滚动-左环";
break; break;
case 10: case 10:
this.zw = '滚动-左小' this.zw = "滚动-左小";
break; break;
case 11: case 11:
this.zw = '平面-右拇' this.zw = "平面-右拇";
break; break;
case 12: case 12:
this.zw = '平面-右食' this.zw = "平面-右食";
break; break;
case 13: case 13:
this.zw = '平面-右中' this.zw = "平面-右中";
break; break;
case 14: case 14:
this.zw = '平面-右环' this.zw = "平面-右环";
break; break;
case 15: case 15:
this.zw = '平面-右小' this.zw = "平面-右小";
break; break;
case 16: case 16:
this.zw = '平面-左拇' this.zw = "平面-左拇";
break; break;
case 17: case 17:
this.zw = '平面-左食' this.zw = "平面-左食";
break; break;
case 18: case 18:
this.zw = '平面-左中' this.zw = "平面-左中";
break; break;
case 19: case 19:
this.zw = '平面-左环' this.zw = "平面-左环";
break; break;
case 20: case 20:
this.zw = '平面-左小' this.zw = "平面-左小";
break; break;
} }
} }
......
src/views/cxyrd/TT.scss
// 电话验证颜色
$phone: var(--phone, #606266); //#ff4242;
* { * {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 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 { .bzDialog {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -105,6 +183,35 @@ ...@@ -105,6 +183,35 @@
.bzitem { .bzitem {
width: 338px; width: 338px;
margin-bottom: 20px; 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 { .bzname {
width: 114px; width: 114px;
} }
......
src/views/cxyrd/TT.vue
...@@ -70,13 +70,17 @@ ...@@ -70,13 +70,17 @@
</template> </template>
</div> </div>
<div class="btns"> <div class="btns">
<div class="btn" :class="isFinger === true" @click="finger"> <div
class="btn"
:class="{ active: isFinger === true }"
@click="finger"
>
指纹 指纹
</div> </div>
<div class="btn" :class="isPlam === true" @click="plam"> <div class="btn" :class="{ active: isPlam === true }" @click="plam">
掌纹 掌纹
</div> </div>
<div class="btn" :class="isFace === true" @click="face"> <div class="btn" :class="{ active: isFace === true }" @click="face">
人像 人像
</div> </div>
<br /> <br />
...@@ -137,11 +141,14 @@ ...@@ -137,11 +141,14 @@
<div class="outside"> <div class="outside">
<!-- 源 左手 滚动 --> <!-- 源 左手 滚动 -->
<div v-for="(item, index) in sourceFingersLeftR"> <div v-for="(item, index) in sourceFingersLeftR">
<div class="finger-img" @dblclick="showDetail"> <div
class="finger-img"
@dblclick="showDetail(sourceFingersLeftL, index)"
>
<img <img
v-if="fingerLoading" v-if="fingerLoading"
src="@/assets/img/hand1.gif" class="img"
style="width: 200px;height: 200px" src="@/assets/img/指纹.gif"
/> />
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
...@@ -160,7 +167,11 @@ ...@@ -160,7 +167,11 @@
<!-- 左手 滚动 目标 --> <!-- 左手 滚动 目标 -->
<div v-for="(item, index) in destFingersLeftR"> <div v-for="(item, index) in destFingersLeftR">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -178,7 +189,11 @@ ...@@ -178,7 +189,11 @@
<div class="outside"> <div class="outside">
<div v-for="(item, index) in sourceFingersRightR"> <div v-for="(item, index) in sourceFingersRightR">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -196,7 +211,11 @@ ...@@ -196,7 +211,11 @@
<div class="outside"> <div class="outside">
<div v-for="(item, index) in destFingersRightR"> <div v-for="(item, index) in destFingersRightR">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -219,7 +238,11 @@ ...@@ -219,7 +238,11 @@
<!-- 源 左手 滚动 --> <!-- 源 左手 滚动 -->
<div v-for="(item, index) in sourceFingersLeftL"> <div v-for="(item, index) in sourceFingersLeftL">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -237,7 +260,11 @@ ...@@ -237,7 +260,11 @@
<!-- 左手 滚动 目标 --> <!-- 左手 滚动 目标 -->
<div v-for="(item, index) in destFingersLeftL"> <div v-for="(item, index) in destFingersLeftL">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -256,7 +283,11 @@ ...@@ -256,7 +283,11 @@
<div class="outside"> <div class="outside">
<div v-for="(item, index) in sourceFingersRightL"> <div v-for="(item, index) in sourceFingersRightL">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -274,7 +305,11 @@ ...@@ -274,7 +305,11 @@
<div class="outside"> <div class="outside">
<div v-for="(item, index) in destFingersRightL"> <div v-for="(item, index) in destFingersRightL">
<div class="finger-img" @dblclick="showDetail"> <div class="finger-img" @dblclick="showDetail">
<img v-if="fingerLoading" src="@/assets/img/loading1.gif" /> <img
v-if="fingerLoading"
class="img"
src="@/assets/img/指纹.gif"
/>
<div v-else> <div v-else>
<!-- 有指纹图片 --> <!-- 有指纹图片 -->
<img <img
...@@ -325,55 +360,67 @@ ...@@ -325,55 +360,67 @@
查重 查重
</div> </div>
</div> </div>
<!-- <div class="bzitem">-->
<!-- <div class="bzname">现场勘验编号：</div>-->
<!-- <div class="bzvalue">K1231231231231231231232</div>-->
<!-- </div>-->
<br />
<div class="bzitem"> <div class="bzitem">
<div class="bzname">现场勘验编号：</div> <div class="bzname">源人员编号：</div>
<div class="bzvalue">K1231231231231231231232</div> <div class="bzvalue">{{ sourcebarcode }}</div>
</div>
<div class="bzitem">
<div class="bzname">案事件编号：</div>
<div class="bzvalue">A1231231231231231231232</div>
</div>
<div class="bzitem">
<div class="bzname">人员编号：</div>
<div class="bzvalue">R1231231231231231231232</div>
</div>
<div class="bzitem">
<div class="bzname">序号：</div>
<div class="bzvalue">01</div>
<!-- <el-radio-group v-model="radio">-->
<!-- <el-radio :label="6">是</el-radio>-->
<!-- <el-radio :label="9">否</el-radio>-->
<!-- </el-radio-group>-->
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">指位：</div> <div class="bzname">目标人员编号：</div>
<div class="bzvalue">平面-右拇</div> <div class="bzvalue">{{ destbarcode }}</div>
</div> </div>
<!-- <div class="bzitem">-->
<!-- <div class="bzname">序号：</div>-->
<!-- <div class="bzvalue">01</div>-->
<!-- &lt;!&ndash; <el-radio-group v-model="radio">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-radio :label="6">是</el-radio>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-radio :label="9">否</el-radio>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-radio-group>&ndash;&gt;-->
<!-- </div>-->
<!-- <div class="bzitem">-->
<!-- <div class="bzname">指位：</div>-->
<!-- <div class="bzvalue">平面-右拇</div>-->
<!-- </div>-->
</div> </div>
<div class="bz-target"> <div class="bz-target">
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中单位：</div> <div class="bzname">比中单位：</div>
<div class="bzvalue">北京市朝阳区公安局分局</div> <div class="bzvalue">{{ bzdw }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人：</div> <div class="bzname">比中人：</div>
<div class="bzvalue">张xx</div> <div class="bzvalue">{{ bzr }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">单位代码：</div> <div class="bzname">单位代码：</div>
<div class="bzvalue">123123123123</div> <div class="bzvalue">{{ dwdm }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人身份证号：</div> <div class="bzname">比中人身份证号：</div>
<div class="bzvalue">412************016</div> <div class="bzvalue">{{ bzrsfzh }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中时间：</div> <div class="bzname">比中时间：</div>
<div class="bzvalue">2021-09-23 14:54</div> <div class="bzvalue">{{ bzsj }}</div>
</div> </div>
<div class="bzitem"> <div class="bzitem">
<div class="bzname">比中人联系电话：</div> <div class="bzname">比中人联系电话：</div>
<el-input v-model="phone" placeholder="请输入联系电话"></el-input> <el-input
class="bzphone"
v-model="phone"
placeholder="请输入内容"
></el-input>
<div class="input-error" v-show="isPhoneError">
<!-- <img src="@/assets/img/inputerror.png" alt=""> -->
<svg-icon icon-class="error" class="icon" />
</div>
<div class="error-desc" v-show="isPhoneError">
联系电话不应低于7位数！
</div>
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
...@@ -393,17 +440,31 @@ ...@@ -393,17 +440,31 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 认定完成确认框 -->
<div
class="rdwcDialog"
v-show="isShowrdwcDialogBg"
@click="cancelrdwc"
></div>
<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>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import TTFingerPrint from "./modules/TTFingerPrint.vue";
import TTPlam from "./modules/TTPlam.vue"; import TTPlam from "./modules/TTPlam.vue";
import TTFace from "./modules/TTFace.vue"; import TTFace from "./modules/TTFace.vue";
import Utils from "@/utils/util.js";
import "@/icons/error.svg";
export default { export default {
name: "TT", name: "TT",
components: { components: {
TTFingerPrint,
TTPlam, TTPlam,
TTFace TTFace
}, },
...@@ -427,7 +488,7 @@ export default { ...@@ -427,7 +488,7 @@ export default {
textarea: "", textarea: "",
sourceloading: false, sourceloading: false,
destloading: false, destloading: false,
dsetbarcode: "", destbarcode: "",
sourcebarcode: "", sourcebarcode: "",
activeIndex: 1, activeIndex: 1,
sourcedatas: [], sourcedatas: [],
...@@ -492,7 +553,16 @@ export default { ...@@ -492,7 +553,16 @@ export default {
rdcount: 0, // 认定条数 rdcount: 0, // 认定条数
// 指纹图片加载 // 指纹图片加载
fingerLoading: true, fingerLoading: true,
type: null bzdw: "",
bzr: "",
dwdm: "",
bzrsfzh: "",
bzsj: "",
isPhoneError: false,
// 是否展示认定完成确认框背景
isShowrdwcDialogBg: false,
// 是否展示认定完成确认框
isShowrdwcDialog: false
}; };
}, },
created() { created() {
...@@ -508,6 +578,21 @@ export default { ...@@ -508,6 +578,21 @@ export default {
console.log("源qqid====>", this.currentQqid); console.log("源qqid====>", this.currentQqid);
console.log("源barcode====>", this.sourcebarcode); console.log("源barcode====>", this.sourcebarcode);
}, },
watch: {
phone(newValue, oldValue) {
if (newValue.length < 7) {
this.isPhoneError = true;
document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#ff4242");
} else {
this.isPhoneError = false;
document
.getElementsByTagName("body")[0]
.style.setProperty("--phone", "#606266");
}
}
},
methods: { methods: {
// 滚动平面选择切换 // 滚动平面选择切换
handleSelect(index) { handleSelect(index) {
...@@ -613,7 +698,7 @@ export default { ...@@ -613,7 +698,7 @@ export default {
me.$refs.singleTable.setCurrentRow(me.tableData[0]); me.$refs.singleTable.setCurrentRow(me.tableData[0]);
}); });
} }
console.info(" 候选列表", res); console.info(" 候选列表", res.data.ret);
}); });
} }
}, },
...@@ -749,16 +834,98 @@ export default { ...@@ -749,16 +834,98 @@ export default {
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.destbarcode = val.destbarcode; this.destbarcode = val.destbarcode;
console.info(this.destbarcode); console.info("destbarcode", this.destbarcode);
this.$bus.emit("ccbarcode", this.destbarcode); this.$bus.emit("ccbarcode", this.destbarcode);
}, },
//比中 //比中
Bz() { Bz() {
this.isShowbzDialogBg = true; this.isShowbzDialogBg = true;
this.isShowbzDialog = true; this.isShowbzDialog = true;
console.info("比中弹窗");
// 获取用户信息
this.getUserInfo();
// 比中人
// this.userdesc = sessionStorage.getItem("userdesc");
},
// 获取用户信息
getUserInfo(id = 1) {
let self = this;
this.$axios({
method: "post",
url: "/api/user/searchByUserid",
data: {
id: id
}
}).then(async res => {
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
});
let time = new Date(data.updatetime);
self.bzsj = Utils.timeStampTurnTime2(time);
self.bzr = data.userdesc;
self.dwdm = dw.data.ret.code;
self.bzdw = dw.data.ret.name;
self.bzrsfzh = data.idcard;
self.phone = data.telephone;
}
});
},
/**
* @description: 取消认定完成
* @param {*}
* @return {*}
*/
cancelrdwc() {
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
}, },
// 认定完成 // 认定完成
Rdwc() {}, Rdwc() {
console.info("认定完成");
// 认定之前的操作
this.$axios
.post("/api/matchcand/affirm/confirm", { qqid: this.currentQqid })
.then(res => {
console.log(res);
if (!res.data.ret) {
this.isShowrdwcDialogBg = true;
this.isShowrdwcDialog = true;
} else {
// 执行认定完成
this.confirmrdwc();
}
});
},
// 确认认定完成
confirmrdwc() {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
// 1：倒查
let querytype = 0;
this.$axios
.post("/api/matchcand/affirm/finish", {
srcbarcode: self.sourcebarcode,
destbarcode: self.destbarcode,
qqid: self.currentQqid,
qid: self.qid,
querytype: querytype
})
.then(response => {
// 跟新列表数据
self.$bus.emit("updateTTSourceData");
console.log(response);
this.$message.success("认定完成！");
if (self.datatype == "son") {
window.close();
}
});
},
// 指纹可见 // 指纹可见
finger() { finger() {
this.isFinger = true; this.isFinger = true;
...@@ -786,6 +953,25 @@ export default { ...@@ -786,6 +953,25 @@ export default {
confirmbz() { confirmbz() {
let self = this; let self = this;
console.log("比中"); console.log("比中");
let querytype = 0;
this.$axios
.post("/api/matchcand/affirm/hit", {
srcbarcode: self.sourcebarcode,
destbarcode: self.destbarcode,
// affirmstatus: "1"
querytype: "0",
qqid: self.currentQqid
})
.then(response => {
// 跟新列表数据
self.$bus.emit("updateTTSourceData");
console.log(response);
})
.catch(err => {
this.$message.error("比中失败！");
});
self.isShowbzDialogBg = false;
self.isShowbzDialog = false;
}, },
// 展示详情 // 展示详情
showDetail() { showDetail() {
...@@ -923,6 +1109,7 @@ div { ...@@ -923,6 +1109,7 @@ div {
margin-right: 16px; margin-right: 16px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
cursor: pointer;
} }
.rd-btn { .rd-btn {
width: 96px; width: 96px;
...@@ -931,6 +1118,7 @@ div { ...@@ -931,6 +1118,7 @@ div {
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
cursor: pointer;
} }
} }
} }
...@@ -1050,11 +1238,13 @@ div { ...@@ -1050,11 +1238,13 @@ div {
border-radius: 4px; border-radius: 4px;
border: 1px solid #aeb5c2; border: 1px solid #aeb5c2;
margin: 0 12px 12px 12px; margin: 0 12px 12px 12px;
cursor: pointer;
&:hover { &:hover {
background: #055fe7; background: #055fe7;
color: #ffffff; color: #ffffff;
} }
&:active { &.active {
background: #055fe7; background: #055fe7;
color: #ffffff; color: #ffffff;
} }
...@@ -1070,13 +1260,17 @@ div { ...@@ -1070,13 +1260,17 @@ div {
color: #333333; color: #333333;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
line-height: 40px; line-height: 40px;
cursor: pointer;
&:hover { &:hover {
border-bottom: 2px solid #055fe7; border-bottom: 2px solid #055fe7;
color: #055fe7; color: #055fe7;
} }
&:active { &.active {
background: #055fe7; border-bottom: 2px solid #055fe7;
color: #ffffff;
background: #ffffff;
color: #055fe7;
} }
} }
} }
...@@ -1154,6 +1348,10 @@ div { ...@@ -1154,6 +1348,10 @@ div {
background: #ffffff; background: #ffffff;
border-radius: 8px; border-radius: 8px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
cursor: pointer;
.img {
margin-top: 35%;
}
} }
.label { .label {
width: 100%; width: 100%;
......
src/views/cxyrd/modules/TTFace.vue
<template> <template>
<div class="tt_face"> <div class="tt_face">
<!-- <div class="middle"></div>-->
<div class="tt_face_src"> <div class="tt_face_src">
<div class="tt_face_src_label"> <div class="tt_face_src_label">
<div class="tt_face_src_label_font">源数据</div> <div class="tt_face_src_label_font">源数据</div>
</div> </div>
<div class="faces"> <div class="faces">
<div class="face_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 class="face_label">正面</div>
</div> </div>
<div class="face_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 class="face_label">左侧面</div>
</div> </div>
<div class="face_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 class="face_label">右侧面</div>
</div> </div>
<div class="face_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 class="face_label">身份证照</div>
</div> </div>
</div> </div>
...@@ -30,19 +37,27 @@ ...@@ -30,19 +37,27 @@
</div> </div>
<div class="faces"> <div class="faces">
<div class="face_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 class="face_label">正面</div>
</div> </div>
<div class="face_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 class="face_label">左侧面</div>
</div> </div>
<div class="face_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 class="face_label">右侧面</div>
</div> </div>
<div class="face_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 class="face_label">身份证照</div>
</div> </div>
</div> </div>
...@@ -64,21 +79,23 @@ div { ...@@ -64,21 +79,23 @@ div {
border: none; border: none;
} }
.tt_face { .tt_face {
height: 800px; height: 770px;
width: 1180px; width: 1180px;
margin-left: 330px; margin-left: 330px;
} }
/*源数据外层*/ /*源数据外层*/
.tt_face .tt_face_src { .tt_face .tt_face_src {
height: 390px; /*border: 1px solid darkred;*/
/*border: 1px solid darkred;*/
height: 360px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
/*目标数据外层*/ /*目标数据外层*/
.tt_face .tt_face_dest { .tt_face .tt_face_dest {
height: 390px; height: 360px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -86,7 +103,7 @@ div { ...@@ -86,7 +103,7 @@ div {
/*源标题*/ /*源标题*/
.tt_face_src_label { .tt_face_src_label {
width: 40px; width: 40px;
height: 340px; height: 320px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
display: flex; display: flex;
...@@ -105,10 +122,15 @@ div { ...@@ -105,10 +122,15 @@ div {
/*-webkit-background-clip: text;*/ /*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/ /*-webkit-text-fill-color: transparent;*/
} }
.img {
margin-top: 30%;
}
.img-idcard {
margin-top: 40%;
}
.tt_face_dest_label { .tt_face_dest_label {
width: 40px; width: 40px;
height: 340px; height: 320px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
display: flex; display: flex;
...@@ -132,7 +154,7 @@ div { ...@@ -132,7 +154,7 @@ div {
.face_div { .face_div {
border: #333333 1px solid; border: #333333 1px solid;
width: 255px; width: 255px;
height: 340px; height: 320px;
background: #ffffff; background: #ffffff;
border-radius: 8px; border-radius: 8px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
...@@ -140,7 +162,7 @@ div { ...@@ -140,7 +162,7 @@ div {
} }
.face { .face {
width: 255px; width: 255px;
height: 340px; height: 320px;
} }
.face_label { .face_label {
width: 100%; width: 100%;
......
src/views/cxyrd/modules/TTPlam.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="slabel">源数据</div> <div class="slabel">源数据</div>
<br /> <br />
<div class="palm"> <div class="palm">
<img src="@/assets/img/左手.gif" /> <img class="img" src="@/assets/img/左手.gif" />
</div> </div>
<br /> <br />
<div class="left">左掌</div> <div class="left">左掌</div>
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div class="dlabel">目标数据</div> <div class="dlabel">目标数据</div>
<br /> <br />
<div class="palm"> <div class="palm">
<img src="@/assets/img/右手.gif" /> <img class="img" src="@/assets/img/右手.gif" />
</div> </div>
<br /> <br />
<div class="palm_label">右掌</div> <div class="palm_label">右掌</div>
...@@ -34,7 +34,7 @@ div { ...@@ -34,7 +34,7 @@ div {
display: inline-block; display: inline-block;
border: none; border: none;
} }
img { .img {
margin-top: 20%; margin-top: 20%;
} }
.tt_plam { .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