Skip to content

F
founder_vue
Commit 8409eb8f by liyuhang19990520
Options

各种修改

parent bde77f56
Showing with 7169 additions and 23 deletions
src/components/SelectCode.vue
<!--
* @Author: your name
* @Date: 2021-11-25 10:15:01
* @LastEditTime: 2021-12-17 10:18:53
* @LastEditTime: 2021-12-17 17:25:57
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\src\components\SelectCode.vue
......@@ -17,7 +17,7 @@
:multiple="multiple"
default-first-option
:popper-append-to-body="false"
:loading="options.length <= 0"
:loading="options.length <= 0 && loadingIndex == 0"
:placeholder="placeholder"
@focus="placeholder = '请输入'"
@blur="placeholder = '请选择'"
......@@ -55,6 +55,7 @@ export default {
checkList: [],
newForm: this.form,
allData: [],
loadingIndex: 0,
};
},
props: {
......@@ -124,6 +125,7 @@ export default {
},
getOptions() {
this.$axios.get(this.codeUrl).then((res) => {
this.loadingIndex++;
if (
(res.data.code == 0 || res.data.code == 200) &&
(res.data.message == "success" || res.data.info == "success")
......@@ -144,6 +146,9 @@ export default {
mounted() {
this.getOptions();
},
beforeDestroy() {
this.loadingIndex = 0;
},
};
</script>
<style>
......
src/router/modules/index.js
/*
* @Author: your name
* @Date: 2021-09-07 09:58:13
* @LastEditTime: 2021-12-17 14:26:13
* @LastEditTime: 2021-12-17 15:39:53
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\modules\index.js
......@@ -206,5 +206,23 @@ export default [
auth: "5"
},
component: () => import("@/views/rgrd/rgLL.vue")
},
{
path: "/rgLT",
name: "rgLT",
meta: {
title: "人工认定界面",
auth: "5"
},
component: () => import("@/views/rgrd/rgLT.vue")
},
{
path: "/rgTL",
name: "rgTL",
meta: {
title: "人工认定界面",
auth: "5"
},
component: () => import("@/views/rgrd/rgTL.vue")
}
];
src/views/SystemManage/GroupManage.vue
......@@ -137,7 +137,7 @@
</div>
</template>
</el-table-column>
<el-table-column :width="width1">
<el-table-column :width="width4">
<template slot-scope="scope">
<div class="set-btn" @click="setRole(scope.row)">角色设置</div>
</template>
......@@ -160,6 +160,23 @@
</div>
</template>
</el-table-column>
<el-table-column
prop="permissionNames"
label="权限"
:width="width6"
show-overflow-tooltip
>
<template slot-scope="scope">
<div
v-for="(item, index) in scope.row.permissionNames &&
scope.row.permissionNames.split(',')"
:key="index"
>
{{ index > 0 ? "/" : "" }}
{{ item }}
</div>
</template>
</el-table-column>
<el-table-column prop="status" label="启用状态" width="auto">
<template slot-scope="scope">
<div v-if="scope.row.status === 0" class="circle-red"></div>
......@@ -670,6 +687,7 @@ export default {
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
this.width1 = (this.width1 * w2) / w1;
this.width6 = (this.width6 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
this.width3 = (this.width3 * w2) / w1;
this.width4 = (this.width4 * w2) / w1;
......@@ -716,7 +734,8 @@ export default {
width3: 90,
width2: 400,
width1: 200,
width4: 150,
width6: 300,
width4: 120,
height: 550,
btnwidth: 200,
unitname: "",
......
src/views/cxyrd/modules/Recognition_dialog.vue
......@@ -21,7 +21,7 @@
type="text"
placeholder="请输入内容"
v-model="ruleForm.originCode"
maxlength="22"
maxlength="23"
show-word-limit
>
</el-input>
......@@ -39,7 +39,7 @@
type="text"
placeholder="请输入内容"
v-model="ruleForm.targetCode"
maxlength="22"
maxlength="23"
show-word-limit
>
</el-input>
......@@ -64,6 +64,7 @@
</template>
<script>
import qs from "qs";
export default {
name: "tjddl",
props: {},
......@@ -101,19 +102,36 @@ export default {
this.$refs.ruleForm.validate((boo) => {
if (boo) {
let form = this.ruleForm;
//人人查重
if (form.originCodeType == "0" && form.targetCodeType == "0") {
self.$router.pushToTab("/rgTT");
//人案倒查
} else if (form.originCodeType == "0" && form.targetCodeType == "1") {
self.$router.pushToTab("/rgTL");
//案人正查
} else if (form.originCodeType == "1" && form.targetCodeType == "0") {
self.$router.pushToTab("/rgLT");
//案案串查
} else if (form.originCodeType == "1" && form.targetCodeType == "1") {
self.$router.pushToTab("/rgLL");
}
self
.$axios({
method: "post",
url: "/api/queryIdentification/isExist",
data: JSON.stringify(form),
headers: {
"Content-Type": "application/json;charset=UTF-8",
},
})
.then((res) => {
if (res.data.code == 0 && res.data.message == 'success'){
//人人查重
if (form.originCodeType == "0" && form.targetCodeType == "0") {
self.$router.pushToTab("/rgTT");
//人案倒查
} else if (form.originCodeType == "0" && form.targetCodeType == "1") {
self.$router.pushToTab("/rgTL");
//案人正查
} else if (form.originCodeType == "1" && form.targetCodeType == "0") {
self.$router.pushToTab("/rgLT");
//案案串查
} else if (form.originCodeType == "1" && form.targetCodeType == "1") {
self.$router.pushToTab("/rgLL");
}
self.dialogVisible = false
} else{
this.$message.error(res.data.message)
}
});
}
});
},
......
src/views/rgrd/modules/LTCandidate.vue 0 → 100644
<template>
<div class="lt_candidate">
<div class="lt_candidate_number">
<el-table highlight-current-row @current-change="handleCurrentChange" class="lt_candidate_table" :data="tableData" ref="singleTable" :row-class-name="tableRowClassName">
<el-table-column label="指掌位" type="index" :width="width1">
</el-table-column>
<el-table-column prop="destbarcode" label="目标条码号" width="auto" v-if="roleArr.includes('C-1-7')">
<template slot-scope="scope">
<!-- 被删除 -->
<span v-if="scope.row.removeFlag===1">
<del>{{ scope.row.destbarcode }}</del>
</span>
<span v-else>
{{ scope.row.destbarcode }}
</span>
</template>
</el-table-column>
</el-table>
<div class="lt_candidate_bottom">
<span>共计<span>{{ total }}条</span>数据</span>
</div>
</div>
<transition name="slide-fade">
<div class="selectFinger" v-show="isShowOptions">
<div class="left-title">左手</div>
<div class="line" :class="{ active: leftRoll }">
<div class="selected">
<i class="el-icon-check" v-show="leftRoll"></i>
</div>
<div class="selected-type">滚动</div>
<div class="item" :class="{ active: leftRM }" @click="changeLeftRM">
拇
</div>
<div class="item" :class="{ active: leftRS }" @click="changeLeftRS">
食
</div>
<div class="item" :class="{ active: leftRZ }" @click="changeLeftRZ">
中
</div>
<div class="item" :class="{ active: leftRH }" @click="changeLeftRH">
环
</div>
<div class="item" :class="{ active: leftRX }" @click="changeLeftRX">
小
</div>
</div>
<div class="line" :class="{ active: leftPain }">
<div class="selected">
<i class="el-icon-check" v-show="leftPain"></i>
</div>
<div class="selected-type">平面</div>
<div class="item" :class="{ active: leftPM }" @click="changeLeftPM">
拇
</div>
<div class="item" :class="{ active: leftPS }" @click="changeLeftPS">
食
</div>
<div class="item" :class="{ active: leftPZ }" @click="changeLeftPZ">
中
</div>
<div class="item" :class="{ active: leftPH }" @click="changeLeftPH">
环
</div>
<div class="item" :class="{ active: leftPX }" @click="changeLeftPX">
小
</div>
</div>
<div class="right-title">右手</div>
<div class="line" :class="{ active: rightRoll }">
<div class="selected">
<i class="el-icon-check" v-show="rightRoll"></i>
</div>
<div class="selected-type">滚动</div>
<div class="item" :class="{ active: rightRM }" @click="changeRightRM">
拇
</div>
<div class="item" :class="{ active: rightRS }" @click="changeRightRS">
食
</div>
<div class="item" :class="{ active: rightRZ }" @click="changeRightRZ">
中
</div>
<div class="item" :class="{ active: rightRH }" @click="changeRightRH">
环
</div>
<div class="item" :class="{ active: rightRX }" @click="changeRightRX">
小
</div>
</div>
<div class="line" :class="{ active: rightPain }">
<div class="selected">
<i class="el-icon-check" v-show="rightPain"></i>
</div>
<div class="selected-type">平面</div>
<div class="item" :class="{ active: rightPM }" @click="changeRightPM">
拇
</div>
<div class="item" :class="{ active: rightPS }" @click="changeRightPS">
食
</div>
<div class="item" :class="{ active: rightPZ }" @click="changeRightPZ">
中
</div>
<div class="item" :class="{ active: rightPH }" @click="changeRightPH">
环
</div>
<div class="item" :class="{ active: rightPX }" @click="changeRightPX">
小
</div>
</div>
</div>
</transition>
</div>
</template>
<script>
import axios from "axios";
import { Loading } from "element-ui";
export default {
name: "LTCandidate",
data () {
return {
width3: 70,
width2: 60,
width1: 80,
checked: true,
tableData: null,
// 不做处理的数据
sourceTableData: null,
input: "",
select: 1,
input3: "",
total: 0,
// 对勾
rightRoll: false,
rightPain: false,
leftRoll: false,
leftPain: false,
// 左手
leftRM: false,
leftRS: false,
leftRZ: false,
leftRH: false,
leftRX: false,
leftPM: false,
leftPS: false,
leftPZ: false,
leftPH: false,
leftPX: false,
// 右手
rightRM: false,
rightRS: false,
rightRZ: false,
rightRH: false,
rightRX: false,
rightPM: false,
rightPS: false,
rightPZ: false,
rightPH: false,
rightPX: false,
// 是否展示指位选择
isShowOptions: false,
// 是否展示指纹下拉框
isFingerDropdown: false,
// 选择的指纹类型
fingershowType: "",
// 加载动画
loading: null,
timer: null,
// 是否被删除
isDelete: false
};
},
created () {
let self = this;
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = this.width1 * w2 / w1;
this.width2 = this.width2 * w2 / w1;
this.width3 = this.width3 * w2 / w1;
// 监听是否被删除
self.$bus.on("deleteMessage", (obj) => {
if (obj.delTime != null) {
self.isDelete = true;
} else {
self.isDelete = false;
}
});
self.$bus.on("initCandidate", tableData => {
//console.log(tableData);
self.tableData = tableData;
if (self.tableData) {
self.total = self.tableData.length;
}
self.sourceTableData = tableData;
// 默认选中第一条数据
if (self.tableData && self.tableData.length > 0) {
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.tableData[0]);
})
} else {
self.$bus.emit('bzJudge', null)
this.$bus.emit("changImageEditTarget", 'xxx');
}
});
},
beforeDestroy () {
this.$bus.off('deleteMessage')
this.$bus.off('initCandidate')
},
methods: {
/**
* 选择指纹类型
* @param e
*/
changefingershowType (e) {
this.fingershowType = e.target.innerHTML;
this.isFingerDropdown = false;
},
/**
* 指纹下拉框
*/
fingerDropdownChange () {
this.isFingerDropdown = !this.isFingerDropdown;
},
/**
* @description: 比中与认定完成添加样式
* @param {*} row
* @param {*} column
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
// //console.log(row);
// 比中的行
if (row.affirmstatus == 2 || row.affirmstatus == 3) {
//console.log(row);
return "Bizhong";
} else if (row.affirmstatus == 1) {
// 认定完成的行
//console.log(row);
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
},
/**
* @description: 切换指位选择
* @param {*}
* @return {*}
*/
switchOptions () {
this.isShowOptions = !this.isShowOptions;
// if(!this.isShowOptions) {
// this.tableData = this.sourceTableData
// }
},
/**
* @description: 筛选指位为右手平面小指
* @param {*}
* @return {*}
*/
changeRightPX () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 15;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = true;
},
/**
* @description: 筛选指位为右手平面环指
* @param {*}
* @return {*}
*/
changeRightPH () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 14;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = true;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面中指
* @param {*}
* @return {*}
*/
changeRightPZ () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 13;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = true;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面食指
* @param {*}
* @return {*}
*/
changeRightPS () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 12;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = true;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手平面拇指
* @param {*}
* @return {*}
*/
changeRightPM () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 11;
});
// 对勾
this.rightRoll = false;
this.rightPain = true;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = true;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动小指
* @param {*}
* @return {*}
*/
changeRightRX () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 5;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = true;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动环指
* @param {*}
* @return {*}
*/
changeRightRH () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 4;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = true;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动中指
* @param {*}
* @return {*}
*/
changeRightRZ () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 3;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = true;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动食指
* @param {*}
* @return {*}
*/
changeRightRS () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 2;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = true;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为右手滚动拇指
* @param {*}
* @return {*}
*/
changeRightRM () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 1;
});
// 对勾
this.rightRoll = true;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = true;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面小指
* @param {*}
* @return {*}
*/
changeLeftPX () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 20;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = true;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面环指
* @param {*}
* @return {*}
*/
changeLeftPH () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 19;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = true;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面中指
* @param {*}
* @return {*}
*/
changeLeftPZ () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 18;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = true;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面食指
* @param {*}
* @return {*}
*/
changeLeftPS () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 17;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = true;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手平面拇指
* @param {*}
* @return {*}
*/
changeLeftPM () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 16;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = false;
this.leftPain = true;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = true;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动小指
* @param {*}
* @return {*}
*/
changeLeftRX () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 10;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = true;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动环指
* @param {*}
* @return {*}
*/
changeLeftRH () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 9;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = true;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动中指
* @param {*}
* @return {*}
*/
changeLeftRZ () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 8;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = false;
this.leftRZ = true;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动食指
* @param {*}
* @return {*}
*/
changeLeftRS () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 7;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = false;
this.leftRS = true;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 筛选指位为左手滚动拇指
* @param {*}
* @return {*}
*/
changeLeftRM () {
this.tableData = this.sourceTableData.filter(item => {
return item.destseqno == 6;
});
// 对勾
this.rightRoll = false;
this.rightPain = false;
this.leftRoll = true;
this.leftPain = false;
// 左手
this.leftRM = true;
this.leftRS = false;
this.leftRZ = false;
this.leftRH = false;
this.leftRX = false;
this.leftPM = false;
this.leftPS = false;
this.leftPZ = false;
this.leftPH = false;
this.leftPX = false;
// 右手
this.rightRM = false;
this.rightRS = false;
this.rightRZ = false;
this.rightRH = false;
this.rightRX = false;
this.rightPM = false;
this.rightPS = false;
this.rightPZ = false;
this.rightPH = false;
this.rightPX = false;
},
/**
* @description: 修改表头添加icon
* @param {*} h
* @param {*} column
* @return {*}
*/
icons (h, { column }) {
return h("div", [
h("span", column.label),
h("i", {
class: "el-icon-arrow-down",
style: "color:#B1B6C2;margin-left:5px;cursor:pointer;",
on: {
click: this.switchOptions
}
})
]);
},
/**
* @description: 筛选按钮
* @param {*}
* @return {*}
*/
search () {
let self = this;
if (self.isDelete) return;
let zcseq = sessionStorage.getItem("zcseq");
let qqid = sessionStorage.getItem("qqid");
// self.$store.commit('loading/setLoading', true)
this.$axios({
method: 'post',
url: `/api/query/matchcand/dest/${qqid}/${zcseq}`,
data: {
srcbarcode: sessionStorage.getItem("srcbarcode"),
destbarcode: self.input3.trim()
},
loading: true
}).then(response => {
//console.log(response);
if(response.data.code === 0) {
self.tableData = response.data.ret;
self.total = self.tableData.length;
} else {
self.tableData = []
self.total = 0
}
})
},
/**
* @description: 选中切换方法
* @param {*} val
* @param {*} old
* @return {*}
*/
handleCurrentChange (val, old) {
let self = this;
// 传递当前行的数据，判断是否被比中，如比中就不会弹窗比中
this.$bus.emit('bzJudge', val)
if(val.removeFlag == 1) {
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudge', null)
return
}
if (self.isDelete) {
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
// this.$bus.emit("changImageEditTarget", 'xxx');
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudge', null)
return;
} else {
//console.log(val);
if (val != null) {
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
// self.$store.commit('loading/setLoading', true)
// 平面 --- 换压缩图
if (val.destseqno > 10 && val.destseqno <= 20) {
this.$axios({
method: 'post',
url: '/api/png/plain/barcode/seq',
data: {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid
},
loading: false
}).then(response => {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
})
} else if(val.destseqno >= 1 && val.destseqno <= 10) {
// 滚动 --- 换压缩图
this.$axios({
method: 'post',
url: '/api/png/roll/barcode/seq',
data: {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid
},
loading: false
}).then(response => {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
})
} else {
// 掌纹
this.$axios({
method: 'post',
url: '/api/png/palm/barcode/seq',
data: {
barcode: val.destbarcode,
hpseqno: val.destseqno,
},
loading: true
}).then(response => {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
})
}
} else {
this.$bus.emit("changImageEditTarget", 'xxx');
// 存储目标条码号 --- 置空
sessionStorage.setItem("destbarcode", "");
// 存储目的数据序号 --- 置空
sessionStorage.setItem("destseqno", "");
}
}
},
choose (val) {
//console.info(val);
}
},
watch: {
checked (newValue, oldValue) {
if (newValue) {
this.tableData = this.sourceTableData;
} else {
this.tableData = this.sourceTableData.filter(item => {
return item.affirmstatus != 1 && item.affirmstatus != 3;
});
//console.log(this.tableData);
}
this.total = this.tableData.length;
}
},
computed: {
roleArr() {
return this.$store.state.layout.Menu;
}
},
};
const candidates = [
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
},
{
score: "99",
finger: "小指",
barcode: "657487483746234657876744"
}
];
</script>
<style lang="scss">
.lt_candidate {
position: relative;
box-sizing: border-box;
width: 100%;
height: calc(100% - 40px);
background: #f6f8fa;
border-radius: 8px;
div {
display: inline-block;
}
.lt_cnadidate_search {
// width: 352px;
width: 100%;
// height: 60px;
background: #ffffff;
.label {
width: 32px;
height: 24px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #1A1A1A;
line-height: 24px;
i {
margin: 0;
}
}
.input {
width: 292px;
height: 32px;
background: #ffffff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #e6e6e8;
}
.btn {
cursor: pointer;
width: 44px;
height: 34px;
background: #006aff;
border-radius: 0px 4px 4px 0px;
line-height: 34px;
color: #ffffff;
text-align: center;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
.checked {
display: flex;
justify-content: flex-end;
margin-top: 4px;
}
.finger-dropdown {
position: relative;
cursor: pointer;
.slide-fade-enter-active {
transition: all .2s ease;
}
.slide-fade-leave-active {
transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to {
transform: translateX(5px);
opacity: 0;
}
.fingerName {
margin-right: 15px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #1A1A1A;
}
.dropdown-options {
height: 64px;
width: 87px;
z-index: 9999;
position: absolute;
top: 25px;
right: 0;
background-color: #FFFFFF;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
.option-item {
display: flex;
align-items: center;
width: 87px;
height: 32px;
.selected {
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.txt {
flex: 1;
}
&:hover {
background: #F5F5F7;
}
}
}
}
}
.lt_candidate_table {
width: 100%;
height: 100%;
}
.lt_candidate_number {
width: 100%;
}
.lt_candidate_bottom {
position: absolute;
bottom: 12px;
left: 20px;
text-align: center;
width: 352px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999999;
span {
span {
color: #666;
}
}
}
.el-select {
.el-input {
width: 130px;
}
}
.input-with-select {
.el-input-group__prepend {
background-color: #fff;
}
}
.selectFinger {
z-index: 10;
position: absolute;
top: 110px;
right: 60px;
width: 236px;
height: 194px;
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
border: 1px solid #e6e6e8;
padding: 8px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
.left-title,
.right-title {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
padding-left: 16px;
}
.right-title {
margin-top: 7px;
}
.line {
cursor: pointer;
box-sizing: border-box;
padding-left: 8px;
display: flex;
align-items: center;
width: 234px;
height: 32px;
.selected {
width: 14px;
height: 14px;
margin-right: 10px;
box-sizing: border-box;
display: flex;
}
.selected-type {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
margin-right: 24px;
}
.item {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #999999;
margin-right: 16px;
&.active {
color: #006aff;
}
}
&.active {
background: #f5f5f7;
}
}
}
.Bizhong {
.cell {
color: #ff0039;
}
}
.Identification {
.cell {
color: #055fe7;
}
}
.looked {
.cell {
color: #999;
}
}
.el-dropdown-link {
cursor: pointer;
}
}
</style>
<style scoped lang="scss">
/deep/ .el-table__body {
width: 100% !important;
}
/deep/ .el-input__inner {
border: none;
height: 32px !important;
line-height: 32px !important;
}
.lt_candidate .lt_cnadidate_search .input {
box-sizing: border-box;
width: 286px;
}
/deep/ .el-input {
box-sizing: border-box !important;
width: 296px;
height: 0.34rem !important;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input {
height: 34px !important;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
/deep/ .el-dropdown-menu {
width: 100px !important;
}
/deep/ #dropdown-menu-2149 {
width: 100px !important;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
// 在表格显示暂无数据时，去掉白色背景
/deep/ .el-table, /deep/ .el-table__expanded-cell {
background: none;
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
</style>
src/views/rgrd/modules/LTSrc.vue 0 → 100644
<template>
<div class="lt_src">
<div class="lt_top">
<label class="rwh">任务号：{{ rwh }}</label>
<el-checkbox v-model="checked">显示已认定完成查询ID</el-checkbox>
</div>
<div class="lt_middle">
<!-- 源数据区 -->
<div class="lt_middle_src_data">
<el-table
ref="singleTable"
highlight-current-row
@current-change="handleCurrentChange"
:data="dataList"
class="lt_candidate_table border_radius tableHeight"
@row-click="getFirgerPrintDetail"
:row-class-name="tableRowClassName"
>
<el-table-column
prop="qqid"
label="查询ID"
:width="width1"
></el-table-column>
<el-table-column prop="barcode" label="源条码号" width="auto">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.barcode }}</del>
</span>
<span v-else>
{{ scope.row.barcode }}
</span>
</template>
</el-table-column>
<el-table-column prop="fingerCount" label="枚数" :width="width2">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag === 1">
<del>{{ scope.row.fingerCount }}</del>
</span>
<span v-else>
{{ scope.row.fingerCount }}
</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 源指纹区 -->
<div class="lt_middle_finger_print" v-show="isShowPrint">
<!-- 指纹/掌纹切换 -->
<div class="btns-switch">
<div
class="btn"
@click="switchZhiWen"
:class="{ active: fingerShowType == '指纹' }"
>
指纹
</div>
<div
class="btn"
v-show="!isDelete"
@click="switchZhangWen"
:class="{ active: fingerShowType == '掌纹' }"
>
掌纹
</div>
<div class="btn isDelete" v-show="isDelete">掌纹</div>
</div>
<!--指纹图-->
<div class="lt_middle_finger_prints">
<!-- 指纹 -->
<div v-if="fingerShowType === '指纹'">
<div
class="finger_print"
:class="{
finger_print_active: item.seq === isActive,
fingerLook: item.clickLog == 1,
fingerRD: item.affirmstatus == 1,
fingerBZ: item.affirmstatus == 2,
fingerRB: item.affirmstatus == 3,
}"
v-for="(item, index) in enumerate"
@click="changeStyle(index, item)"
:key="index"
>
<div
class="finger_print_number"
:class="{
finger_print_number_active: item.seq == isActive,
fingerLookNum: item.clickLog == 1,
fingerRDNum: item.affirmstatus == 1,
fingerBZNum: item.affirmstatus == 2,
fingerRBNum: item.affirmstatus == 3,
}"
>
<!-- {{ Number(index + 1) &lt; 9 ? ("0" + Number(index + 1)) : Number(index + 1) }} -->
{{ Number(item.seq + 1) &lt; 9 ? ("0" + Number(item.seq + 1)) : Number(item.seq + 1) }}
</div>
<img :src="'data:image/jpeg;base64,' + item.image" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus == 1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus == 2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus == 3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 浏览过 -->
<div
class="clickLog"
v-if="item.affirmstatus === '' && item.clickLog == 1"
>
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
</div>
<!-- 掌纹 -->
<div v-else>
<div
class="finger_print_zw"
:class="{
finger_print_active_zw: index === isActive,
fingerLook: item.clickLog == 1,
fingerRD: item.affirmstatus == 1,
fingerBZ: item.affirmstatus == 2,
fingerRB: item.affirmstatus == 3,
}"
v-for="(item, index) in handList"
@click="changeStyle(index, item)"
:key="index"
>
<div
class="finger_print_number"
:class="{
finger_print_number_active: index === isActive,
fingerLookNum: item.clickLog == 1,
fingerRDNum: item.affirmstatus == 1,
fingerBZNum: item.affirmstatus == 2,
fingerRBNum: item.affirmstatus == 3,
}"
>
{{ item.seq }}
</div>
<img :src="'data:image/jpeg;base64,' + item.image" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus == 1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus == 2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus == 3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 浏览过 -->
<div
class="clickLog"
v-if="item.affirmstatus === '' && item.clickLog == 1"
>
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
</div>
</div>
<!--指纹个数提示-->
<div class="lt_middle_bottom">
<span v-show="fingerShowType == '指纹'"
>该查询ID共计<span>{{ fingerTotal }}枚</span
>{{ fingerShowType }}</span
>
<span v-show="fingerShowType == '掌纹'"
>该查询ID共计<span>{{ handTotal }}枚</span
>{{ fingerShowType }}</span
>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "LTSrc",
props: ["srcData"],
created() {
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
},
data() {
return {
// 指纹/掌纹切换
fingerShowType: "指纹",
width2: 70,
width1: 90,
rwh: null,
checked: true,
enumerate: null,
tableData: null,
isActive: "",
fingerSrc: require("../../../assets/img/img.png"),
isShowPrint: true,
tableHeight: 368,
sourceDataList: [],
dataList: [],
total: 0,
fingerTotal: 0,
currentRow: null,
options: "展开",
qqid: null,
// 加载动画
loading: null,
timer: null,
barcode: "",
handList: [],
// 做删除展示用
handList2: [],
handTotal: 0,
// 被删除信息
deletaObj: {},
isDelete: false,
};
},
methods: {
/**
* 切换位掌纹
*/
switchZhangWen() {
let self = this;
this.fingerShowType = "掌纹";
if (self.isDelete) {
// 被删除
// if (self.handList2.length > 0) {
// self.changeStyle(0, self.handList2[0])
// }
return;
}
if (this.handList.length > 0) {
this.changeStyle(0, self.handList[0]);
}
},
/**
* 切换为指纹
*/
switchZhiWen() {
let self = this;
this.fingerShowType = "指纹";
this.changeStyle(0, self.enumerate[0]);
},
/**
* @description: 比中与认定完成添加样式
* @param {*} row
* @param {*} column
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
tableRowClassName({ row, column, rowIndex, columnIndex }) {
// 比中的行
if (row.affirmStatus == 2 || row.affirmStatus == 3) {
//console.log(row);
return "Bizhong";
} else if (row.affirmStatus == 1) {
// 认定完成的行
//console.log(row);
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
},
/**
* 获取掌纹数据
*/
getHandsData() {
let self = this;
console.log(self.barcode);
// 掌纹数据初始化
this.handList = [];
this.$axios({
method: "post",
url: "/api/check/org/case/palm/barcode",
data: {
barcode: self.barcode,
querytype: 2,
qqid: self.qqid,
},
})
.then((res) => {
console.log(res);
if (res.data.code === 0) {
self.handList = res.data.ret;
self.handTotal = self.handList.length;
}
})
.catch((err) => {
console.log(err);
});
},
/**
* @description: 选择切换
* @param {*} val
* @param {*} old
* @return {*}
*/
handleCurrentChange(val, old) {
let self = this;
this.fingerShowType = "指纹";
// 被删除
if (val.removeFlag === 1) {
this.isDelete = true;
self.$bus.emit("deleteMessage", {
msg: "该条数据已删除！",
delTime: self.$moment(val.removeTime).format("YYYY.MM.DD HH:mm"),
});
self.deletaObj = {
msg: "该条数据已删除！",
delTime: self.$moment(val.removeTime).format("YYYY.MM.DD HH:mm"),
};
this.$bus.emit("bzJudge", null);
// 清空目标table表
// self.$bus.emit("initCandidate", []);
// 保存qqid和qid
self.qqid = val.qqid;
self.qid = val.qid;
sessionStorage.setItem("qqid", val.qqid);
sessionStorage.setItem("qid", val.qid);
sessionStorage.setItem("srcbarcode", val.barcode);
self.barcode = val.barcode;
self.enumerate = [];
self.fingerTotal = 0;
this.$axios({
method: "post",
url: "/api/org/case/palm/barcode",
data: {
barcode: self.barcode,
},
})
.then((res) => {
console.log(res);
if (res.data.code === 0) {
self.handList2 = res.data.ret;
self.handTotal = res.data.ret.length;
}
})
.catch((err) => {
console.log(err);
});
// 请求该条码号的案件指纹图片
self
.$axios({
method: "post",
url: "/api/org/case/barcode",
// url: '/api/org/case/barcode',
data: {
querytype: "2",
barcode: val.barcode,
qqid: self.qqid,
},
})
.then((response) => {
console.log(response);
let imageInfo = response.data.ret[0];
// 默认选中第一个指纹预览图片
if (imageInfo && imageInfo.seq) {
sessionStorage.setItem("srcseqno", imageInfo.seq);
sessionStorage.setItem("zcseq", imageInfo.seq);
}
self
.$axios({
method: "post",
url: `/api/query/matchcand/dest/${self.qqid}/${imageInfo.seq}`,
data: {
srcbarcode: sessionStorage.getItem("srcbarcode"),
},
})
.then((response) => {
if (response.data.code === 0) {
self.$bus.emit("initCandidate", response.data.ret);
} else {
self.$bus.emit("initCandidate", []);
}
});
});
} else {
this.isDelete = false;
self.handList2 = [];
// 没有被删除
self.$bus.emit("deleteMessage", {
msg: null,
delTime: null,
});
self.deletaObj = {
msg: null,
delTime: null,
};
//console.log(val);
if (val == null) return;
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
self.currentRow = val;
//console.log(val);
self.qqid = val.qqid;
self.qid = val.qid;
// 保存qqid和qid
sessionStorage.setItem("qqid", self.qqid);
sessionStorage.setItem("qid", self.qid);
let barcode = val.barcode;
self.barcode = val.barcode;
// 存储原条码号
sessionStorage.setItem("srcbarcode", barcode);
//console.log(barcode);
self.getHandsData();
self
.$axios({
method: "post",
url: "/api/org/case/barcode",
// url: '/api/org/caseBybarcode/barcode',
data: {
querytype: "2",
barcode: barcode,
qqid: self.qqid,
},
})
.then((response) => {
console.log(response);
if (response.data.code === 0) {
self.enumerate = response.data.ret;
self.fingerTotal = response.data.ret.length;
// 默认选中第一个指纹预览图片
self.changeStyle(0, self.enumerate[0]);
} else {
self.$bus.emit("changImageEdit", "xxx");
}
});
self.isActive = "";
}
},
/**
* @description: 获取列表数据
* @param {*}
* @return {*}
*/
getDetailData() {
let self = this;
// 发送请求
if (this.type == "father") {
this.$axios({
method: "post",
url: "/api/queryque/standardAll",
data: {
contrastCustomSearchReq: { qid: Number(self.qid) },
},
}).then((response) => {
//console.log(response);
if (response.data.code === 0) {
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
//console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
}
});
} else {
this.$axios({
method: "post",
url: "/api/queryque/standardAll",
data: {
contrastCustomSearchReq: { qqid: Number(self.qqid) },
},
}).then((response) => {
//console.log(response);
if (response.data.code === 0) {
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
//console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
}
});
}
},
// 获取选择的任务详情
getFirgerPrintDetail(row) {},
// 指纹部分 增加边框
changeStyle(index, imageInfo) {
console.log(imageInfo);
let self = this;
// this.isActive = index;
this.isActive = imageInfo.seq;
//console.log(this.isActive);
// 存储源数据序号
if (imageInfo) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
sessionStorage.setItem("srcseqno", imageInfo.seq);
sessionStorage.setItem("zcseq", imageInfo.seq);
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit("deleteMessage", {
msg: null,
delTime: null,
});
// 发送请求
this.$axios({
method: "post",
url: `/api/query/matchcand/dest/${self.qqid}/${imageInfo.seq}`,
data: {
srcbarcode: sessionStorage.getItem("srcbarcode"),
},
}).then((response) => {
if (response.data.code === 0) {
self.$bus.emit("initCandidate", response.data.ret);
} else {
self.$bus.emit("initCandidate", []);
}
});
} else {
this.$bus.emit("changImageEdit", "xxx");
this.$bus.emit("changImageEditTarget", "xxx");
}
},
/**
* @description: 展开收缩切换
* @param {*}
* @return {*}
*/
changeTableHeight() {
this.isShowPrint = !this.isShowPrint;
if (!this.isShowPrint) {
document
.getElementsByTagName("body")[0]
.style.setProperty("--tableHeight", "48.75rem");
// this.tableHeight = 810
this.options = "折叠";
$(".ico").css("transform", "rotate(180deg)");
} else {
document
.getElementsByTagName("body")[0]
.style.setProperty("--tableHeight", "20rem");
// this.tableHeight = 368
this.options = "展开";
$(".ico").css("transform", "rotate(0deg)");
}
},
},
watch: {
/**
* @description: 过滤显示已认定完成查询ID
* @param {*} newValue
* @param {*} oldValue
* @return {*}
*/
checked(newValue, oldValue) {
//console.log(newValue);
if (newValue) {
this.dataList = this.sourceDataList;
} else {
this.dataList = this.sourceDataList.filter((item) => {
return item.affirmStatus != 1 && item.affirmStatus != 3;
});
//console.log(this.dataList);
}
this.total = this.dataList.length;
},
},
mounted() {
//console.log(this.$route);
this.rwh = this.$route.query.qid;
this.qqid = this.$route.query.qqid;
this.qid = this.$route.query.qid;
this.type = this.$route.query.type;
sessionStorage.setItem("zctype", this.type);
//console.log(this.rwh);
let self = this;
// 初始状态下 展示当前任务的第一条指纹信息（指纹个数）
// this.enumerate = datas[0].enumerate;
this.getDetailData();
// 更新列表数据
this.$bus.on("updateFinderSource", () => {
self.getDetailData();
});
},
beforeDestroy() {
//组件销毁前需要解绑事件。否则会出现重复触发事件的问题
this.$bus.off("updateFinderSource");
},
};
// 某任务下查询的所有信息
const datas = [
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 13 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 17 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 33 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 24 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 1 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 4 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 1 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 4 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 11 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 8 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 12 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 14 },
{ userId: "123452", barcode: "657487483746234657876744", enumerate: 11 },
];
</script>
<style lang="scss">
.lt_src {
width: 100%;
height: 100%;
div {
display: inline-block;
}
label {
margin-right: 67px;
}
.el-button {
cursor: pointer;
margin-left: 32px;
width: 24px;
height: 16px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055fe7;
line-height: 16px;
font-weight: 350;
}
.lt_top {
width: 100%;
margin: 0 0 10px 0;
visibility: hidden;
.rwh {
font-size: 14px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #282f3c;
}
}
.lt_middle {
width: 100%;
// height: 100%;
background: #ffffff;
border-radius: 8px;
}
.lt_middle_src_data {
border-radius: 8px;
width: 100%;
height: 360px;
.el-table {
height: 360px;
}
.Bizhong {
.cell {
color: #ff0039;
}
}
.Identification {
.cell {
color: #055fe7;
}
}
.looked {
.cell {
color: #999;
}
}
.finger_print_number {
width: 100%;
height: 40px;
}
}
.lt_middle_finger_print {
background-color: #f6f8fa;
width: 100%;
.btns-switch {
display: flex;
align-items: center;
margin-top: 13px;
margin-left: 47px;
background-color: #f6f8fa;
.btn {
cursor: pointer;
width: 129px;
height: 32px;
background: #ffffff;
border-radius: 2px 0px 0px 2px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
}
.active {
width: 129px;
height: 32px;
background: #055fe7;
border-radius: 2px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.lt_middle_finger_prints {
background: #f6f8fa;
margin-top: 12px;
overflow-y: auto;
width: 100%;
height: 360px;
}
}
/*底部的统计数据*/
.lt_middle_bottom {
text-align: center;
background: #f6f8fa;
height: 40px !important;
line-height: 40px;
width: 100%;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999;
span {
span {
color: #666;
}
}
}
.lt_middle_src_data {
.lt_middle_bottom {
margin-top: -10px;
display: flex;
justify-content: center;
.btn {
margin-left: 32px;
cursor: pointer;
display: flex;
align-items: center;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055fe7;
.ico {
transform: rotate(0deg);
margin-left: 5px;
width: 10px;
height: 6px;
display: flex;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
}
}
/* 单个指纹*/
.finger_print {
position: relative;
width: 104px;
height: 104px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #cccccc;
margin: 8px 4px 8px 4px;
overflow: hidden;
object-fit: contain;
&:hover {
border: 1px solid #999;
}
img {
position: absolute;
top: 0;
left: 0;
}
.finger_print_number {
font-size: 12px;
width: 24px;
height: 24px;
background: #ddebff;
border-radius: 0px 0px 7px 0px;
z-index: 20;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.finger_print_number_active {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: #055fe7;
border-radius: 0px 0px 7px 0px;
}
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1,
.affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) -30%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055fe7;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.affirmstatus2 {
.dot {
background: #ff0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: Microsoft YaHei;
color: #ffffff;
}
}
}
}
// 单个掌纹
.finger_print_zw {
position: relative;
width: 164px;
height: 164px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #cccccc;
margin: 8px 4px 8px 4px;
overflow: hidden;
object-fit: contain;
&:hover {
border: 1px solid #999;
}
img {
position: absolute;
top: 0;
left: 0;
}
.finger_print_number {
font-size: 12px;
width: 24px;
height: 24px;
background: #ddebff;
border-radius: 0px 0px 7px 0px;
z-index: 20;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.finger_print_number_active {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: #055fe7;
border-radius: 0px 0px 7px 0px;
}
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1,
.affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) -30%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055fe7;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #ffffff;
}
}
.affirmstatus2 {
.dot {
background: #ff0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
#000000 100%
);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #ffffff;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: Microsoft YaHei;
color: #ffffff;
}
}
}
}
// .fingerLook {
// border: 1px solid #333;
// }
// .fingerRD {
// border: 1px solid #055fe7;
// }
// .fingerBZ {
// border: 1px solid #FF0039;
// }
// .fingerRB {
// border: 1px solid #FF0039;
// }
// .fingerLookNum {
// background:#ddebff !important;
// color: #303133 !important;
// }
// .fingerRDNum {
// background:#055fe7 !important;
// color: #ffffff !important;
// }
// .fingerBZNum {
// background: #FF0039 !important;
// color: #ffffff !important;
// }
// .fingerRBNum {
// background: #FF0039 !important;
// color: #ffffff !important;
// }
.finger_print_active {
position: relative;
width: 104px;
height: 104px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #055fe7;
.finger_print_number {
color: #ffffff;
font-size: 12px;
}
&:hover {
border: 1px solid #999;
}
}
.finger_print_active_zw {
position: relative;
width: 164px;
height: 164px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #055fe7;
.finger_print_number {
color: #ffffff;
font-size: 12px;
}
&:hover {
border: 1px solid #999;
}
}
}
</style>
<style lang="scss" scoped>
$tableHeight: var(--tableHeight, 320px);
.tableHeight {
height: $tableHeight;
}
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #dadde0;
}
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
/deep/ .el-dropdown-menu__item {
padding: 0 1.25rem !important;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
.isDelete {
background: #ecedf1 !important;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #aeafb4 !important;
}
</style>
src/views/rgrd/modules/TLCandidate.vue 0 → 100644
<template>
<div class="tl-candidate">
<el-table ref="singleTable" highlight-current-row @current-change="handleCurrentChange" class="lt_candidate_table" :data="tableData" :row-class-name="tableRowClassName">
<el-table-column label="序号" prop="destseqno" :width="width1" align="center">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag==1">
<del>{{scope.row.destseqno}}</del>
</span>
<span v-else>
{{scope.row.destseqno}}
</span>
</template>
</el-table-column>
<el-table-column prop="destbarcode" label="目标条码号" width="auto" v-if="roleArr.includes('C-1-7')">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag==1">
<del>{{scope.row.destbarcode}}</del>
</span>
<span v-else>
{{scope.row.destbarcode}}
</span>
</template>
</el-table-column>
</el-table>
<div class="lt_candidate_bottom">
<span>共计<span>{{ total }}条</span>数据</span>
</div>
</div>
</template>
<script>
import axios from "axios";
export default {
name: "TLCandidate",
data () {
return {
// 是否第一次加载
isFirstMounted: true,
width1: 100,
input3: "",
tableData: [],
sourceTableData: [],
checked: true,
total: 0,
// 加载动画
loading: null,
timer: null,
// 是否被删除
isDelete: false,
searchType: '手纹'
};
},
created () {
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = this.width1 * w2 / w1;
},
mounted () {
let self = this;
// 监听掌纹/手纹
self.$bus.on('searchType', (searchType) => {
self.searchType = searchType
})
// 监听是否被删除
self.$bus.on('deleteMessage', (obj) => {
if (obj.delTime != null) {
self.isDelete = true
} else {
self.isDelete = false
}
})
this.$bus.on("initTLCandidate", (tableData) => {
self.tableData = tableData;
if (self.tableData) {
self.total = self.tableData.length;
}
self.sourceTableData = tableData;
// 默认选中第一条数据
if (self.tableData && self.tableData.length > 0) {
self.$nextTick(() => {
if (self.tableData.length > 0) {
self.$refs.singleTable.setCurrentRow(this.tableData[0])
}
});
} else {
self.$bus.emit('bzJudgeTL', null)
if (self.isDelete) {
// self.$bus.emit('changImageEditTarget', 'xxx')
} else {
self.$bus.emit('changImageEditTarget', 'xxx')
}
}
});
// 比中，认定完成之后更新列表数据
this.$bus.on("updateTLSourceData", () => {
self.tableData = [];
self.sourceTableData = [];
});
},
methods: {
/**
* @description: 搜索
* @param {*}
* @return {*}
*/
search () {
if (this.isDelete) return
let self = this;
let dcseq = sessionStorage.getItem("dcseq");
let qqid = sessionStorage.getItem("qqid");
this.$axios.post(`/api/query/matchcand/dest/${qqid}/${dcseq}`, {
srcbarcode: sessionStorage.getItem("srcbarcode"),
destbarcode: self.input3.trim()
}, { loading: true })
.then(response => {
if (response.data.code === 0) {
self.tableData = response.data.ret;
self.total = self.tableData.total;
} else {
self.tableData = []
self.total = 0
}
});
},
/**
* 切换目标数据
* @param val
* @param old
*/
handleCurrentChange (val, old) {
let self = this;
console.log(val);
if (val.removeFlag == 1) {
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
if (this.isDelete) {
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destseqno);
self.$bus.emit('targetDeleteMessage', {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
this.$bus.emit('bzJudgeTL', null)
return
}
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
if (val != null) {
// 传递当前行的数据，判断是否被比中，如比中就不会弹窗比中
this.$bus.emit('bzJudgeTL', val)
// 改变数据为点击状态
self.$set(val, "clickLog", "1");
// 存储目标条码号
sessionStorage.setItem("destbarcode", val.destbarcode);
// 存储目的数据序号
sessionStorage.setItem("destseqno", val.destid);
// 存储倒查序号
sessionStorage.setItem("backcheckXh", val.destseqno);
// this.$axios.get(`/api/api/org/plainByBarcode/R1100002487002018050034/1/`)
if (!self.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
if (val.destseqno < 100) {
// 获取案件指纹
this.$axios
.post("/api/org/case/barcode/seqNo", {
barcode: val.destbarcode,
seqno: val.destseqno,
qqid: val.qqid
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
});
} else {
// 获取案件掌纹
// TODO
this.$axios
.post("/api/org/case/palm/barcode/seq", {
barcode: val.destbarcode,
hpseqno: val.destseqno,
}, { loading: true, cancelToken: source.token }).then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("changImageEditTarget", response.data.ret.image);
if (!self.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
} else {
self.$bus.emit("changImageEditTarget", 'xxx');
}
});
}
}
else {
self.$bus.emit("changImageEditTarget", 'xxx');
// 存储目标条码号 --- 置空
sessionStorage.setItem("destbarcode", "");
// 存储目的数据序号 --- 置空
sessionStorage.setItem("destseqno", "");
// 存储倒查序号 --- 置空
sessionStorage.setItem("backcheckXh", "");
}
},
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
// 比中的行
if (row.affirmstatus == 2 || row.affirmstatus == 3) {
return "Bizhong";
} else if (row.affirmstatus == 1) {
// 认定完成的行
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
}
},
watch: {
checked (newValue, oldValue) {
if (newValue) {
this.tableData = this.sourceTableData;
} else {
this.tableData = this.sourceTableData.filter(item => {
return item.affirmstatus != 1 && item.affirmstatus != 3;
});
}
this.total = this.tableData.length;
}
},
computed: {
roleArr () {
return this.$store.state.layout.Menu;
}
},
beforeDestroy () {
this.$bus.off('initTLCandidate')
this.$bus.off('deleteMessage')
this.$bus.off('updateTLSourceData')
},
};
</script>
<style lang="scss">
.tl-candidate {
width: 100%;
height: calc(100% - 40px);
background: #f6f8fa;
border-radius: 8px;
position: relative;
//div {
// display: inline-block;
//}
.tl-search {
// width: 352px;
width: 100%;
//height: 60px;
background: #ffffff;
display: flex;
align-items: center;
.label {
width: 32px;
height: 24px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #1A1A1A;
line-height: 24px;
}
.input {
width: 292px;
height: 34px;
background: #ffffff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #e6e6e8;
margin-left: 10px;
}
.btn {
cursor: pointer;
width: 44px;
height: 34px;
background: #006aff;
border-radius: 0px 4px 4px 0px;
line-height: 32px;
color: #ffffff;
text-align: center;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
.checked {
display: flex;
justify-content: flex-end;
background-color: #FFFFFF;
padding: 5px 0;
}
.lt_candidate_bottom {
position: absolute;
bottom: 12px;
left: 20px;
text-align: center;
width: 352px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999999;
span {
span {
color: #666;
}
}
}
}
.el-input__inner {
width: 260px;
height: 32px;
background: #ffffff;
//border: #0e0eff 1px solid;
}
.Bizhong {
.cell {
color: #ff0039;
}
}
.Identification {
.cell {
color: #055fe7;
}
}
.looked {
.cell {
color: #999;
}
}
</style>
<style scoped lang="scss">
.el-input {
/deep/ .el-input__inner {
border: none;
}
width: 296px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
// 在表格显示暂无数据时，去掉白色背景
/deep/.el-table, /deep/.el-table__expanded-cell {
background: none;
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
</style>
src/views/rgrd/modules/TLSrc.vue 0 → 100644
<template>
<div class="tl-src">
<div class="top">
<label class="rwh">任务号：{{ rwh }}</label>
<el-checkbox v-model="checked">显示已认定完成查询ID</el-checkbox>
</div>
<div class="main">
<!-- 数据 -->
<div class="data lt_middle_src_data">
<el-table ref="singleTable" highlight-current-row @current-change="handleCurrentChange" :data="dataList" class="lt_candidate_table border_radius tableHeight" :row-class-name="tableRowClassName">
<el-table-column prop="barcode" label="源条码号" width="auto">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag===1">
<del>{{scope.row.barcode}}</del>
</span>
<span v-else>
{{scope.row.barcode}}
</span>
</template>
</el-table-column>
<el-table-column prop="fingerCount" label="枚数" :width="width1">
<template slot-scope="scope">
<!-- 被删除-->
<span v-if="scope.row.removeFlag===1">
<del>{{scope.row.fingerCount}}</del>
</span>
<span v-else>
{{scope.row.fingerCount}}
</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 指纹图 -->
<div class="finger-print" v-show="isShowPrint">
<div class="btns">
<div class="btn" @click="switchRoll" :class="{active: fingerShowType == 'roll'}">滚动</div>
<div class="line"></div>
<div class="btn" v-show="!isDelete" @click="switchPain" :class="{active: fingerShowType == 'pain', isHasData: !painFlag}">平面</div>
<div class="btn isDelete" v-show="isDelete">平面</div>
<div class="line"></div>
<div class="btn" v-show="!isDelete" @click="switchZw" :class="{active: fingerShowType == 'zhangwen'}">掌纹</div>
<div v-show="isDelete" class="btn isDelete">掌纹</div>
</div>
<!-- 滚动 -->
<div class="fingers" v-if="fingerShowType=='roll'">
<div class="outside">
<label>右手</label><br />
<div class="fingersImg">
<div class="finger" v-for="(item, index) in fingersRightR" :key="index" :class="{noFinger: item.image==null, fingerLoading: !item.image && fingerLoading, fingerLook: item.clickLog==1, fingerRD: item.affirmstatus==1, fingerBZ:item.affirmstatus==2, fingerRB:item.affirmstatus==3, finger_print_active: item.code === isActive}" @click="changeStyleRightR(index, item)">
<!-- <svg-icon v-if="fingerLoading" icon-class="loading" class="icon" /> -->
<img v-if="fingerLoading" src="@/assets/img/zzjz/zwjz.gif" alt="" class="icon">
<div v-else>
<div class="num" :class="{noFinger: item.image==null}">{{ item.name }}</div>
<!-- 有指纹图片 -->
<div v-if="item.image">
<img :src="'data:image/jpeg;base64,' + item.image" style="width: 100%;height: 100%;" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus==1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus==2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus==3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div class="clickLog" v-if="item.affirmstatus=='' && item.clickLog==1">
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
<div class="zwtp" v-else-if="item.image == ''">
<img src="@/assets/img/TT/zwtp.png" alt="">
<div class="zwtp-desc">暂无图像</div>
</div>
<!-- 缺指 -->
<div v-else class="absence">
<img src="@/assets/img/absence.png" alt="">
</div>
</div>
</div>
</div>
</div>
<br /><br />
<div class="outside">
<label>左手</label>
<br />
<div class="fingersImg">
<div class="finger" v-for="(item, index) in fingersLeftR" :key="index" :class="{noFinger: item.image==null, fingerLoading: !item.image && fingerLoading, fingerLook: item.clickLog==1, fingerRD: item.affirmstatus==1, fingerBZ:item.affirmstatus==2, fingerRB:item.affirmstatus==3, finger_print_active: item.code === isActive}" @click="changeStyleLeftR(index, item)">
<!-- <svg-icon v-if="fingerLoading" icon-class="loading" class="icon" /> -->
<img v-if="fingerLoading" src="@/assets/img/zzjz/zwjz.gif" alt="" class="icon">
<div v-else>
<div class="num" :class="{noFinger: item.image==null}">{{ item.name }}</div>
<!-- 有指纹图片 -->
<div v-if="item.image">
<img :src="'data:image/jpeg;base64,' + item.image" style="width: 100%;height: 100%;" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus==1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus==2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus==3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div class="clickLog" v-if="item.affirmstatus=='' && item.clickLog==1">
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
<div class="zwtp" v-else-if="item.image == ''">
<img src="@/assets/img/TT/zwtp.png" alt="">
<div class="zwtp-desc">暂无图像</div>
</div>
<!-- 缺指 -->
<div v-else class="absence">
<img src="@/assets/img/absence.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 平面 -->
<div class="fingers" v-else-if="fingerShowType=='pain'">
<div class="outside">
<label>右手</label><br />
<div class="fingersImg">
<div class="finger" v-for="(item, index) in fingersRightL" :key="index" :class="{noFinger: item.image==null, fingerLoading: !item.image && fingerLoading, fingerLook: item.clickLog==1, fingerRD: item.affirmstatus==1, fingerBZ:item.affirmstatus==2, fingerRB:item.affirmstatus==3, finger_print_active: item.code === isActive}" @click="changeStyleRightL(index, item)">
<!-- <svg-icon v-if="fingerLoading" icon-class="loading" class="icon" /> -->
<img v-if="fingerLoading" src="@/assets/img/zzjz/zwjz.gif" alt="" class="icon">
<div v-else>
<div class="num" :class="{noFinger: item.image == null}">{{ item.name }}</div>
<!-- 有指纹图片 -->
<div v-if="item.image">
<img :src="'data:image/jpeg;base64,' + item.image" style="width: 100%;height: 100%;" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus==1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus==2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus==3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div class="clickLog" v-if="item.affirmstatus=='' && item.clickLog==1">
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
<div class="zwtp" v-else-if="item.image == ''">
<img src="@/assets/img/TT/zwtp.png" alt="">
<div class="zwtp-desc">暂无图像</div>
</div>
<!-- 缺指 -->
<div v-else class="absence">
<img src="@/assets/img/absence.png" alt="">
</div>
</div>
</div>
</div>
</div>
<br /><br />
<div class="outside">
<label>左手</label>
<br />
<div class="fingersImg">
<div class="finger" v-for="(item, index) in fingersLeftL" :key="index" :class="{noFinger: item.image==null, fingerLoading: !item.image && fingerLoading, fingerLook: item.clickLog==1, fingerRD: item.affirmstatus==1, fingerBZ:item.affirmstatus==2, fingerRB:item.affirmstatus==3, finger_print_active: item.code === isActive}" @click="changeStyleLeftL(index, item)">
<!-- <svg-icon v-if="fingerLoading" icon-class="loading" class="icon" /> -->
<img v-if="fingerLoading" src="@/assets/img/zzjz/zwjz.gif" alt="" class="icon">
<div v-else>
<div class="num" :class="{noFinger: item.image == null}">{{ item.name }}</div>
<!-- 有指纹图片 -->
<div v-if="item.image">
<img :src="'data:image/jpeg;base64,' + item.image" style="width: 100%;height: 100%;" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus==1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus==2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus==3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 认定完成+比中 -->
<!-- <div class="affirmstatus3" v-else-if="item.affirmstatus==3">
<div class="affirmstatus3bg"></div>
<div class="icon">
<img class="rb" src="../../../assets/img/LT/rb.png" alt="">
</div>
</div> -->
<!-- 浏览过 -->
<div class="clickLog" v-if="item.affirmstatus==='' && item.clickLog==1">
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
<div class="zwtp" v-else-if="item.image == ''">
<img src="@/assets/img/TT/zwtp.png" alt="">
<div class="zwtp-desc">暂无图像</div>
</div>
<!-- 缺指 -->
<div v-else class="absence">
<img src="@/assets/img/absence.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 掌纹 -->
<div class="fingers" v-else>
<div class="fingersImg handImg">
<div class="finger hand" v-for="(item, index) in handList" :key="index" :class="{noFinger: item.image==null, fingerLoading: !item.image && fingerLoading, fingerLook: item.clickLog==1, fingerRD: item.affirmstatus==1, fingerBZ:item.affirmstatus==2, fingerRB:item.affirmstatus==3, finger_print_active: item.code === isActive}" @click="changeStyleHand(index, item)">
<img v-if="fingerLoading && (item.code == 33 || item.code==31)" src="@/assets/img/zzjz/zsjz.gif" alt="" class="icon loadingHand">
<img v-else-if="fingerLoading && (item.code == 32 || item.code==34)" src="@/assets/img/zzjz/ysjz.gif" alt="" class="icon loadingHand">
<div v-else>
<div class="num" :class="{noFinger: item.image == null}">{{ item.name }}</div>
<!-- 有指纹图片 -->
<div v-if="item.image" class="imgBox">
<img class="itemImage" :src="'data:image/jpeg;base64,' + item.image" />
<div class="finger-tips">
<!-- 认定完成 -->
<div class="affirmstatus1" v-if="item.affirmstatus==1">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">认定完成</span>
</div>
<!-- 比中 -->
<div class="affirmstatus2" v-else-if="item.affirmstatus==2">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<div class="affirmstatus2" v-else-if="item.affirmstatus==3">
<div class="affirmstatusbg"></div>
<div class="dot"></div>
<span class="txt">比中</span>
</div>
<!-- 浏览过 -->
<div class="clickLog" v-if="item.affirmstatus=='' && item.clickLog==1">
<div class="clickLogbg"></div>
<div class="dot"></div>
<span class="txt">已查看</span>
</div>
</div>
</div>
<div class="zwtp" v-else-if="item.image == ''">
<img src="@/assets/img/TT/zwtp.png" alt="">
<div class="zwtp-desc">暂无图像</div>
</div>
<!-- 缺掌 -->
<div v-else class="absence">
<img src="@/assets/img/qz.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<span v-show="fingerShowType=='roll' || fingerShowType=='pain'">该查询ID共计<b>{{ fingerTotal }}</b>枚指纹</span>
<span v-show="fingerShowType=='zhangwen'">该查询ID共计<b>{{ handTotal }}</b>枚掌纹</span>
</div>
</div>
</div>
</div>
</template>
<script>
import axios from "axios";
import { Loading } from "element-ui";
import "nprogress/nprogress.css";
import NProgress from "nprogress";
import "@/icons/loading.svg";
export default {
name: "TLSrc",
props: ["srcData"],
created () {
let w1 = 1920;
let w2 = window.innerWidth;
this.width1 = this.width1 * w2 / w1;
},
data () {
return {
// 是否第一次加载
isFirstMounted: true,
width1: 80,
rwh: 21,
checked: true,
tableData: null,
options: "展开",
isShowPrint: true,
dataList: [],
sourceDataList: [],
tableHeight: 253,
total: 0,
fingerTotal: 0,
fingerTotalRoll: 0,
fingerTotalPain: 0,
fingerShowType: "roll",
isActive: 0,
qqid: "",
qid: "",
// 默认第一张掌纹图
hand: {},
handTotal: 0,
// 掌纹被删除的情况下
handList2: [
{ name: '右侧掌', code: 33, image: '' },
{ name: '右半掌', code: 31, image: '' },
{ name: '左侧掌', code: 34, image: '' },
{ name: '左半掌', code: 32, image: '' },
],
handList: [
{ name: '右侧掌', code: 33, image: '' },
{ name: '右半掌', code: 31, image: '' },
{ name: '左侧掌', code: 34, image: '' },
{ name: '左半掌', code: 32, image: '' },
],
fingersLeftR: [
{ name: "拇", code: 6, image: '' },
{ name: "食", code: 7, image: '' },
{ name: "中", code: 8, image: '' },
{ name: "环", code: 9, image: '' },
{ name: "小", code: 10, image: '' }
],
fingersRightR: [
{ name: "拇", code: 1, image: '' },
{ name: "食", code: 2, image: '' },
{ name: "中", code: 3, image: '' },
{ name: "环", code: 4, image: '' },
{ name: "小", code: 5, image: '' }
],
fingersLeftL: [
{ name: "拇", code: 16, image: '' },
{ name: "食", code: 17, image: '' },
{ name: "中", code: 18, image: '' },
{ name: "环", code: 19, image: '' },
{ name: "小", code: 20, image: '' }
],
fingersRightL: [
{ name: "拇", code: 11, image: '' },
{ name: "食", code: 12, image: '' },
{ name: "中", code: 13, image: '' },
{ name: "环", code: 14, image: '' },
{ name: "小", code: 15, image: '' }
],
fingersLeftR2: [
{ name: "拇", code: 6, image: '' },
{ name: "食", code: 7, image: '' },
{ name: "中", code: 8, image: '' },
{ name: "环", code: 9, image: '' },
{ name: "小", code: 10, image: '' }
],
fingersRightR2: [
{ name: "拇", code: 1, image: '' },
{ name: "食", code: 2, image: '' },
{ name: "中", code: 3, image: '' },
{ name: "环", code: 4, image: '' },
{ name: "小", code: 5, image: '' }
],
fingersLeftL2: [
{ name: "拇", code: 16, image: '' },
{ name: "食", code: 17, image: '' },
{ name: "中", code: 18, image: '' },
{ name: "环", code: 19, image: '' },
{ name: "小", code: 20, image: '' }
],
fingersRightL2: [
{ name: "拇", code: 11, image: '' },
{ name: "食", code: 12, image: '' },
{ name: "中", code: 13, image: '' },
{ name: "环", code: 14, image: '' },
{ name: "小", code: 15, image: '' }
],
// 指纹图片加载
fingerLoading: true,
// 平面的tab栏是否可以点击
painFlag: true,
// 加载动画
loading: null,
timer: null,
// 判断是否被删除
isDelete: false,
deletaObj: {}
};
},
mounted () {
let self = this;
//console.log(this.$route);
this.rwh = this.$route.query.qid;
this.qqid = this.$route.query.qqid;
this.qid = this.$route.query.qid;
this.type = this.$route.query.type;
sessionStorage.setItem("dctype", this.type);
//console.log(this.$route.query.rowData);
//console.log(this.rwh);
// 获取数据---初
this.getDetailData();
// 比中，认定完成之后更新列表数据
this.$bus.on("updateTLSourceData", () => {
self.getDetailData();
});
},
methods: {
/**
* @description: 比中与认定完成添加样式
* @param {*} row
* @param {*} column
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
tableRowClassName ({ row, column, rowIndex, columnIndex }) {
// 比中的行
if (row.affirmStatus == 2 || row.affirmStatus == 3) {
//console.log(row);
return "Bizhong";
} else if (row.affirmStatus == 1) {
// 认定完成的行
//console.log(row);
return "Identification";
}
// 浏览过的
if (row.clickLog == 1) {
return "looked";
}
},
/**
* 切换到掌纹
*/
async switchZw () {
let self = this
this.fingerShowType = "zhangwen";
if (this.isDelete) {
// 被删除
await this.findHand()
this.changeStyleHand(0, this.hand)
this.$bus.emit('deleteMessage', self.deletaObj)
return;
}
await this.findHand()
if (this.hand) {
this.changeStyleHand(0, this.hand)
} else {
this.$bus.emit('changImageEdit', 'xxx')
}
},
/**
* 获取掌纹数据
*/
getHandsData () {
let self = this
console.log(self.barcode);
// 掌纹数据初始化
self.handTotal = 0
this.handList.forEach(item => {
item.image = ''
item.clickLog = ''
item.affirmstatus = ''
})
this.$axios({
method: 'post',
url: '/api/check/png/palm/barcode',
data: {
barcode: self.barcode,
querytype: 1,
qqid: self.qqid
}
}).then(res => {
console.log(res);
if (res.data.code === 0) {
self.handList.forEach(item => {
res.data.ret.forEach(item2 => {
if (item2.seq == item.code) {
item.image = item2.image
self.$set(item, "clickLog", item2.clickLog);
self.$set(item, "affirmstatus", item2.affirmstatus);
self.handTotal++
}
})
})
}
})
},
/**
* @description: 切换到平面
* @param {*}
* @return {*}
*/
async switchPain () {
let self = this
if (!this.painFlag) return;
this.fingerShowType = "pain";
await this.findFinger_pain()
if (self.finger != null) {
if (self.finger.code > 10 && self.finger.code <= 15) {
self.changeStyleRightL(0, self.finger);
} else if (self.finger.code > 15 && self.finger.code <= 20) {
self.changeStyleLeftL(0, self.finger);
}
}
},
/**
* @description: 切换到滚动
* @param {*}
* @return {*}
*/
async switchRoll () {
let self = this
this.fingerShowType = "roll";
await this.findFinger_roll()
if (self.finger != null) {
if (self.finger.code <= 5) {
self.changeStyleRightR(0, self.finger);
} else if (self.finger.code > 5 && self.finger.code <= 10) {
self.changeStyleLeftR(0, self.finger);
}
}
},
// 选择切换
async handleCurrentChange (val, old) {
let self = this;
if (val != null) {
// 发送请求
// self.$store.commit('loading/setLoadingSd', true)
// 被删除
if (val.removeFlag === 1) {
self.painFlag = false
self.isDelete = true
self.$bus.emit('deleteMessage', {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
})
self.deletaObj = {
msg: '该条数据已删除！',
delTime: self.$moment(val.removeTime).format('YYYY.MM.DD HH:mm')
}
this.$bus.emit('bzJudgeTL', null)
// self.$bus.emit("changImageEdit", 'xxx');
// 清空目标table表
self.$bus.emit("initTLCandidate", []);
// 保存qqid和qid
self.qqid = val.qqid;
self.qid = val.qid;
sessionStorage.setItem("qqid", val.qqid);
sessionStorage.setItem("qid", val.qid);
sessionStorage.setItem("srcbarcode", val.barcode);
// 比中人
sessionStorage.setItem("userdesc", self.userdesc);
// 获取接口数据前先初始化
self.fingersLeftR.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersRightR.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersLeftL.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
self.fingersRightL.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
// 获取接口数据前先初始化
self.fingersLeftR2.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersRightR2.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersLeftL2.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
self.fingersRightL2.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
// 掌纹
self.handList.forEach(itemH => {
self.$set(itemH, "image", "");
self.$set(itemH, "clickLog", "");
self.$set(itemH, "affirmstatus", "");
})
self.handList2.forEach(itemH => {
self.$set(itemH, "image", "");
self.$set(itemH, "clickLog", "");
self.$set(itemH, "affirmstatus", "");
})
// self.getHandsData()
this.$axios({
method: 'post',
url: '/api/png/palm/barcode',
data: {
barcode: self.barcode
}
}).then(res => {
if (res.data.code === 0) {
self.handList2.forEach(item => {
res.data.ret.forEach(item2 => {
if (item2.seq == item.code) {
item.image = item2.image
self.$set(item, "clickLog", item2.clickLog);
self.$set(item, "affirmstatus", item2.affirmstatus);
}
})
})
}
})
NProgress.start();
// 平面
let fingerPain = await this.$axios
.post(`/api/png/plain/barcode`, {
barcode: val.barcode,
qqid: self.qqid,
querytype: "1"
}, {
loading: true
});
//console.log(fingerPain);
if (fingerPain.data.ret && fingerPain.data.ret.length > 0) {
fingerPain.data.ret.forEach(element => {
// 平面
if (element.seq > 10) {
self.fingersLeftL2.forEach(itemL => {
if (itemL.code == element.seq) {
// itemL.img = element.image
self.$set(itemL, "image", element.image);
self.$set(itemL, "clickLog", element.clickLog);
self.$set(itemL, "affirmstatus", element.affirmstatus);
} else {
// itemL.img = null
// self.$set(itemL, 'image', null)
}
});
self.fingersRightL2.forEach(itemL => {
if (itemL.code == element.seq) {
// itemL.img = element.image
self.$set(itemL, "image", element.image);
self.$set(itemL, "clickLog", element.clickLog);
self.$set(itemL, "affirmstatus", element.affirmstatus);
} else {
// itemL.img = null
// self.$set(itemL, 'image', null)
}
});
//console.log(self.fingersRightL);
}
});
} else {
// 平面没有指纹
self.fingersLeftL2.forEach(itemL => {
// itemL.img = null
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
self.fingersRightL2.forEach(itemL => {
// itemL.img = null
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
}
// 滚动
let fingerRoll = await this.$axios
.post(`/api/png/roll/barcode`, {
barcode: val.barcode,
qqid: self.qqid,
querytype: "1"
}, {
loading: true
});
//console.log(fingerRoll);
if (fingerRoll.data.ret && fingerRoll.data.ret.length > 0) {
fingerRoll.data.ret.forEach(element => {
// 滚动
self.fingersLeftR2.forEach(itemR => {
if (itemR.code == element.seq) {
// itemR.img = element.image
self.$set(itemR, "image", element.image);
self.$set(itemR, "clickLog", element.clickLog);
self.$set(itemR, "affirmstatus", element.affirmstatus);
} else {
// itemR.img = null
// self.$set(itemR, 'image', null)
}
});
self.fingersRightR2.forEach(itemR => {
if (itemR.code == element.seq) {
// self.$set(itemR, 'img', element.image)
self.$set(itemR, "image", element.image);
self.$set(itemR, "clickLog", element.clickLog);
self.$set(itemR, "affirmstatus", element.affirmstatus);
// itemR.img = element.image
} else {
// itemR.img = null
// self.$set(itemR, 'image', null)
}
});
//console.log(self.fingersRightR2);
//console.log(self.fingersLeftR2);
});
} else {
self.fingersLeftR2.forEach(itemR => {
// itemR.img = null
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersRightR2.forEach(itemR => {
// itemR.img = null
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
}
this.isActive = "";
// 去掉加载状态
NProgress.done();
// 默认点击第一张图片，展示目标列表数据
let tt = await self.findFinger2();
//console.log(tt);
//console.log(self.finger);
// 存储倒查的指位序号
if (self.finger.code) {
sessionStorage.setItem("backcheckCode", self.finger.code);
}
if (self.finger != null && self.finger.code >= 1 && self.finger.code <= 10) {
self.fingerShowType = 'roll'
} else {
self.fingerShowType = 'pain'
}
if (self.finger != null) {
if (self.finger.code <= 5) {
self.changeStyleRightR(0, self.finger);
} else if (self.finger.code > 5 && self.finger.code <= 10) {
self.changeStyleLeftR(0, self.finger);
} else if (self.finger.code > 10 && self.finger.code <= 15) {
self.changeStyleRightL(0, self.finger);
} else if (self.finger.code > 15 && self.finger.code <= 20) {
self.changeStyleLeftL(0, self.finger);
}
}
} else {
// 未删除
self.isDelete = false
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
// 改变数据为点击状态
this.$set(val, "clickLog", "1");
this.currentRow = val;
self.qqid = val.qqid;
self.qid = val.qid;
// 保存qqid和qid
sessionStorage.setItem("qqid", self.qqid);
sessionStorage.setItem("qid", self.qid);
// 比中人
sessionStorage.setItem("userdesc", self.userdesc);
let barcode = val.barcode;
self.barcode = val.barcode;
// 存储原条码号
sessionStorage.setItem("srcbarcode", barcode);
//console.log(barcode);
// 获取接口数据前先初始化
self.fingersLeftR.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersRightR.forEach(itemR => {
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersLeftL.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
self.fingersRightL.forEach(itemL => {
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
NProgress.start();
// 平面
let fingerPain = await this.$axios
.post(`/api/png/plain/barcode`, {
barcode: barcode,
qqid: self.qqid,
querytype: "1"
}, {
loading: true
});
//console.log(fingerPain);
if (fingerPain.data.ret && fingerPain.data.ret.length > 0) {
fingerPain.data.ret.forEach(element => {
// 平面
if (element.seq > 10) {
self.fingersLeftL.forEach(itemL => {
if (itemL.code == element.seq) {
// itemL.img = element.image
self.$set(itemL, "image", element.image);
self.$set(itemL, "clickLog", element.clickLog);
self.$set(itemL, "affirmstatus", element.affirmstatus);
} else {
// itemL.img = null
// self.$set(itemL, 'image', null)
}
});
self.fingersRightL.forEach(itemL => {
if (itemL.code == element.seq) {
// itemL.img = element.image
self.$set(itemL, "image", element.image);
self.$set(itemL, "clickLog", element.clickLog);
self.$set(itemL, "affirmstatus", element.affirmstatus);
} else {
// itemL.img = null
// self.$set(itemL, 'image', null)
}
});
//console.log(self.fingersRightL);
}
// //console.log(fingerPain.data.ret.length);
self.fingerTotalPain = fingerPain.data.ret.length;
});
} else {
// 平面没有指纹
self.fingersLeftL.forEach(itemL => {
// itemL.img = null
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
self.fingersRightL.forEach(itemL => {
// itemL.img = null
self.$set(itemL, "image", "");
self.$set(itemL, "clickLog", "");
self.$set(itemL, "affirmstatus", "");
});
// 平面不可点击
self.painFlag = false;
}
// 滚动
let fingerRoll = await this.$axios
.post(`/api/png/roll/barcode`, {
barcode: barcode,
qqid: self.qqid,
querytype: "1"
}, {
loading: true
});
//console.log(fingerRoll);
if (fingerRoll.data.ret && fingerRoll.data.ret.length > 0) {
fingerRoll.data.ret.forEach(element => {
// 滚动
self.fingersLeftR.forEach(itemR => {
if (itemR.code == element.seq) {
// itemR.img = element.image
self.$set(itemR, "image", element.image);
self.$set(itemR, "clickLog", element.clickLog);
self.$set(itemR, "affirmstatus", element.affirmstatus);
} else {
// itemR.img = null
// self.$set(itemR, 'image', null)
}
});
self.fingersRightR.forEach(itemR => {
if (itemR.code == element.seq) {
// self.$set(itemR, 'img', element.image)
self.$set(itemR, "image", element.image);
self.$set(itemR, "clickLog", element.clickLog);
self.$set(itemR, "affirmstatus", element.affirmstatus);
// itemR.img = element.image
} else {
// itemR.img = null
// self.$set(itemR, 'image', null)
}
});
//console.log(self.fingersRightR);
//console.log(self.fingersLeftR);
//console.log(fingerRoll.data.ret.length);
self.fingerTotalRoll = fingerRoll.data.ret.length;
});
} else {
self.fingersLeftR.forEach(itemR => {
// itemR.img = null
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
self.fingersRightR.forEach(itemR => {
// itemR.img = null
self.$set(itemR, "image", "");
self.$set(itemR, "clickLog", "");
self.$set(itemR, "affirmstatus", "");
});
}
self.fingerTotal = self.fingerTotalRoll + self.fingerTotalPain;
self.getHandsData()
//console.log(self.fingerTotal);
this.isActive = "";
// 去掉加载状态
this.fingerLoading = false;
NProgress.done();
//console.log(this.fingersLeftL);
//console.log(this.fingersLeftR);
// 默认点击第一张图片，展示目标列表数据
let tt = await self.findFinger();
//console.log(tt);
//console.log(self.finger);
// 存储倒查的指位序号
if (self.finger && self.finger.code) {
sessionStorage.setItem("backcheckCode", self.finger.code);
}
if (self.finger != null && self.finger.code >= 1 && self.finger.code <= 10) {
self.fingerShowType = 'roll'
} else {
self.fingerShowType = 'pain'
}
if (self.finger != null) {
if (self.finger.code <= 5) {
self.changeStyleRightR(0, self.finger);
} else if (self.finger.code > 5 && self.finger.code <= 10) {
self.changeStyleLeftR(0, self.finger);
} else if (self.finger.code > 10 && self.finger.code <= 15) {
self.changeStyleRightL(0, self.finger);
} else if (self.finger.code > 15 && self.finger.code <= 20) {
self.changeStyleLeftL(0, self.finger);
}
}
}
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
},
// 获取列表数据
async getDetailData () {
let self = this;
// 发送请求
// self.$store.commit('loading/setLoadingSd', true)
NProgress.start();
//console.info(this.dataList);
if (self.type == "father") {
await this.$axios
.post("/api/queryque/standardAll", { contrastCustomSearchReq: { qid: Number(self.qid) } }, {
loading: true
})
.then(response => {
//console.log(response);
if (response.data.code === 0) {
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
// console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
self.$store.commit('loading/setLoadingSd', false)
}
});
} else {
await this.$axios
.post("/api/queryque/standardAll", { contrastCustomSearchReq: { qqid: Number(self.qqid) } }, {
loading: true
})
.then(response => {
//console.log(response);
if (response.data.code === 0) {
self.sourceDataList = response.data.ret;
self.dataList = self.sourceDataList;
self.total = self.dataList.length;
//console.log(self.dataList);
// 默认选中第一行
self.$nextTick(() => {
self.$refs.singleTable.setCurrentRow(self.dataList[0]);
});
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
self.$store.commit('loading/setLoadingSd', false)
}
});
}
NProgress.done();
},
/**
* @description: 找到第一个有图片的指纹用来初始化展示
* @param {*}
* @return {*}
*/
async findFinger2 () {
let self = this;
self.finger = null;
self.fingersRightR2.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
//console.log(self.fingersLeftR2);
self.fingersLeftR2.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
if (self.finger) return self.finger;
self.fingersRightL2.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
self.fingersLeftL2.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
return self.finger;
},
/**
* @description: 找到第一个有图片的 掌纹 用来初始化展示
* @param {*}
* @return {*}
*/
async findHand () {
let self = this;
self.hand = null;
self.handList.some((item, index) => {
if (item.image != null && item.image != "") {
self.hand = item;
return true;
}
});
if (self.hand) return self.hand;
return self.hand;
},
/**
* @description: 找到第一个有图片的指纹用来初始化展示 --- 平面
* @param {*}
* @return {*}
*/
async findFinger_pain () {
let self = this;
self.finger = null;
self.fingersRightL.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
if (self.finger) return self.finger;
self.fingersLeftL.some((item, index) => {
if (item.image != null) {
self.finger = item;
return true;
}
});
return self.finger;
},
/**
* @description: 找到第一个有图片的指纹用来初始化展示 -- 滚动
* @param {*}
* @return {*}
*/
async findFinger_roll () {
let self = this;
self.finger = null;
self.fingersRightR.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
if (self.finger) return self.finger;
self.fingersLeftR.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
if (self.finger) return self.finger;
return self.finger;
},
/**
* @description: 找到第一个有图片的指纹用来初始化展示
* @param {*}
* @return {*}
*/
async findFinger () {
let self = this;
self.finger = null;
self.fingersRightR.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
//console.log(self.fingersLeftR);
self.fingersLeftR.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
if (self.finger) return self.finger;
self.fingersRightL.some((item, index) => {
if (item.image != null && item.image != "") {
self.finger = item;
return true;
}
});
//console.log(self.finger);
if (self.finger) return self.finger;
self.fingersLeftL.some((item, index) => {
if (item.image != null) {
self.finger = item;
return true;
}
});
//console.log(self.finger);
return self.finger;
},
// 获取选择的任务详情
getFirgerPrintDetail (row) {
// //console.info(row);
},
/**
* @description: 展开收缩切换
* @param {*}
* @return {*}
*/
changeTableHeight () {
this.isShowPrint = !this.isShowPrint;
if (!this.isShowPrint) {
document.getElementsByTagName("body")[0].style.setProperty("--tableHeight", "48.75rem");
// this.tableHeight = 810
this.options = "折叠";
$(".ico").css("transform", "rotate(180deg)");
} else {
document.getElementsByTagName("body")[0].style.setProperty("--tableHeight", "180px");
// this.tableHeight = 368
this.options = "展开";
$(".ico").css("transform", "rotate(0deg)");
}
},
/**
* @description: 单击掌纹事件
* @param {*} index
* @param {*} imageInfo
* @return {*}
*/
changeStyleHand (index, imageInfo) {
let self = this
if (imageInfo.image) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
this.isActive = imageInfo.code;
//console.log(this.isActive);
// 存储源数据序号
sessionStorage.setItem("srcseqno", imageInfo.code || "");
sessionStorage.setItem("dcseq", imageInfo.code);
if (imageInfo.code && !self.isDelete) {
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
}
this.$axios({
method: "post",
url: `/api/query/matchcand/dest/${self.qqid}/${imageInfo.code}`,
data: {
srcbarcode: sessionStorage.getItem("srcbarcode")
},
loading: true
})
.then(response => {
console.log(response);
if (response.data.code === 0) {
self.$bus.emit("initTLCandidate", response.data.ret);
} else {
self.$bus.emit("initTLCandidate", []);
}
}).catch(error => {
});
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
}
},
/**
* @description: 单击左手指纹事件-滚动
* @param {*} index
* @param {*} imageInfo
* @return {*}
*/
changeStyleLeftR (index, imageInfo) {
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
//console.log(imageInfo);
let self = this;
// 如果图片存在
if (imageInfo.image) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
this.isActive = imageInfo.code;
//console.log(this.isActive);
// 存储源数据序号
sessionStorage.setItem("srcseqno", imageInfo.code || "");
sessionStorage.setItem("dcseq", imageInfo.code);
if (imageInfo.code && !self.isDelete) {
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
}
NProgress.start();
if (!this.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
this.$axios({
method: "post",
url: `/api/query/matchcand/dest/${self.qqid}/${imageInfo.code}`,
data: {
srcbarcode: sessionStorage.getItem("srcbarcode")
},
cancelToken: source.token,
loading: true
})
.then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("initTLCandidate", response.data.ret);
} else {
self.$bus.emit("initTLCandidate", []);
}
}).catch(error => {
if (this.$axios.isCancel(error)) {
//console.log("Rquest canceled", error.message); //请求如果被取消，这里是返回取消的message
} else {
//handle error
//console.log(error);
}
});
NProgress.done();
if (!this.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
self.isFirstMounted = false
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
}
},
/**
* @description: 单击右手指纹事件-滚动
* @param {*} index
* @param {*} imageInfo
* @return {*}
*/
changeStyleRightR (index, imageInfo) {
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
//console.log(imageInfo);
let self = this;
if (imageInfo.image) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
this.isActive = imageInfo.code;
//console.log(this.isActive);
// 存储源数据序号
sessionStorage.setItem("srcseqno", imageInfo.code || "");
sessionStorage.setItem("dcseq", imageInfo.code);
if (imageInfo.code && !self.isDelete) {
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
}
NProgress.start();
if (!this.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
this.$axios.post(`/api/query/matchcand/dest/${self.qqid}/${imageInfo.code}`, { srcbarcode: sessionStorage.getItem("srcbarcode") }, {
loading: true,
cancelToken: source.token
})
.then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("initTLCandidate", response.data.ret);
} else {
self.$bus.emit("initTLCandidate", []);
}
}).catch(err => {
if (this.$axios.isCancel(err)) {
//console.log("Rquest canceled", err.message); //请求如果被取消，这里是返回取消的message
} else {
//handle error
//console.log(err);
}
});
NProgress.done();
if (!this.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
self.isFirstMounted = false
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
}
},
/**
* @description: 单击左手指纹事件-平面
* @param {*} index
* @param {*} imageInfo
* @return {*}
*/
changeStyleLeftL (index, imageInfo) {
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
let self = this;
if (imageInfo.image) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
this.isActive = imageInfo.code;
//console.log(this.isActive);
// 存储源数据序号
sessionStorage.setItem("srcseqno", imageInfo.code || "");
sessionStorage.setItem("dcseq", imageInfo.code);
if (imageInfo.code && !self.isDelete) {
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
}
NProgress.start();
if (!this.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
this.$axios.post(`/api/query/matchcand/dest/${self.qqid}/${imageInfo.code}`, { srcbarcode: sessionStorage.getItem("srcbarcode") }, {
loading: true,
cancelToken: source.token
})
.then(response => {
//console.log(response);
if (response.data.code === 0) {
self.$bus.emit("initTLCandidate", response.data.ret);
} else {
self.$bus.emit("initTLCandidate", []);
}
}).catch(err => {
if (this.$axios.isCancel(err)) {
//console.log("Rquest canceled", err.message); //请求如果被取消，这里是返回取消的message
} else {
//handle error
//console.log(err);
}
});
NProgress.done();
if (!this.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
self.isFirstMounted = false
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
}
},
/**
* @description: 单击右手指纹事件-平面
* @param {*} index
* @param {*} imageInfo
* @return {*}
*/
changeStyleRightL (index, imageInfo) {
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
//console.log(imageInfo);
let self = this;
if (imageInfo.image) {
// 改变数据为点击状态
self.$set(imageInfo, "clickLog", "1");
this.isActive = imageInfo.code;
//console.log(this.isActive);
// 存储源数据序号
sessionStorage.setItem("srcseqno", imageInfo.code || "");
sessionStorage.setItem("dcseq", imageInfo.code);
if (imageInfo.code && !self.isDelete) {
this.$bus.emit("changImageEdit", imageInfo.image);
// 没有被删除
self.$bus.emit('deleteMessage', {
msg: null,
delTime: null
})
}
NProgress.start();
if (!this.isFirstMounted) {
// self.$store.commit('loading/setLoadingSd', true)
}
this.$axios.post(`/api/query/matchcand/dest/${self.qqid}/${imageInfo.code}`, { "srcbarcode": sessionStorage.getItem("srcbarcode") }, {
loading: true,
cancelToken: source.token
})
.then(response => {
if (response.data.code === 0) {
self.$bus.emit("initTLCandidate", response.data.ret);
} else {
self.$bus.emit("initTLCandidate", []);
}
}).catch(err => {
if (this.$axios.isCancel(err)) {
//console.log("Rquest canceled", err.message); //请求如果被取消，这里是返回取消的message
} else {
//handle error
//console.log(err);
}
});
NProgress.done();
if (!this.isFirstMounted) {
clearTimeout(self.timer)
self.timer = setTimeout(() => {
// self.$store.commit('loading/setLoadingSd', false)
}, 500);
}
self.isFirstMounted = false
} else {
self.$bus.emit("changImageEdit", 'xxx');
self.$bus.emit("changImageEditTarget", 'xxx');
}
},
},
watch: {
// 监听指掌纹类型
fingerShowType: {
immediate: true,
handler (val) {
//console.info("源数据传入组件的值为===>", val);
if (val == 'zhangwen') {
this.$bus.emit('searchType', '掌纹')
} else {
this.$bus.emit('searchType', '手纹')
}
}
},
srcData: {
immediate: true,
handler (val) {
//console.info("源数据传入组件的值为===>", val);
this.tableData = val;
}
},
/**
* @description: 过滤显示已认定完成查询ID
* @param {*} newValue
* @param {*} oldValue
* @return {*}
*/
checked (newValue, oldValue) {
//console.log(newValue);
if (newValue) {
this.dataList = this.sourceDataList;
} else {
this.dataList = this.sourceDataList.filter(item => {
return item.affirmStatus != 1 && item.affirmStatus != 3;
});
//console.log(this.dataList);
}
this.total = this.dataList.length;
}
},
beforeDestroy () {
this.$bus.off('searchType')
},
};
</script>
<style scoped lang="scss">
$tableHeight: var(--tableHeight, 180px);
.tableHeight {
height: $tableHeight;
}
div {
display: inline-block;
}
label {
margin-right: 67px;
}
.lt_candidate_table {
// height: 13.75rem;
width: 100%;
overflow: auto;
}
.tl-src {
width: 100%;
height: 100%;
.top {
visibility: hidden;
width: 100%;
margin: 0 0 10px 0;
.rwh {
font-size: 14px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #282F3C;
}
}
.main {
width: 100%;
height: 100%;
background: #ffffff;
border-radius: 8px;
.data {
width: 100%;
}
}
}
.lt_middle_bottom {
text-align: center;
background: #f6f8fa;
height: 40px !important;
line-height: 40px;
width: 100%;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999;
span {
span {
color: #666;
}
}
}
.lt_middle_src_data {
height: 224px;
.el-table {
height: 220px;
}
.lt_middle_bottom {
margin-top: -10px;
display: flex;
justify-content: center;
.btn {
margin-left: 32px;
cursor: pointer;
display: flex;
align-items: center;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055FE7;
span {
cursor: pointer;
}
.ico {
transform: rotate(0deg);
margin-left: 5px;
width: 10px;
height: 6px;
display: flex;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
}
}
.finger-print {
width: 352px;
height: 600px;
background: #f6f8fa;
.btns {
width: 272px;
height: 32px;
margin: 12px 0 12px 41px;
background-color: #FFFFFF;
display: flex;
align-items: center;
.btn {
cursor: pointer;
width: 90px;
height: 32px;
line-height: 32px;
background: #ffffff;
border-radius: 2px;
text-align: center;
&:active {
background: #055fe7;
color: #ffffff;
}
&.active {
background: #055fe7;
color: #ffffff;
}
}
.line {
width: 1px;
height: 16px;
background-color: #EEEEEE;
}
.isHasData {
background-color: #ECEDF1;
color: #AEAFB4;
}
}
.fingers {
background: #f6f8fa;
margin-top: 0px;
overflow-y: auto;
width: 100%;
height: 500px;
padding-left: 8px;
.outside {
bottom: 6px;
height: 230px;
width: 100%;
margin: 0;
.label {
width: 28px;
height: 22px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 22px;
//display: inline-block;
}
.fingersImg {
display: flex;
flex-wrap: wrap;
.finger {
position: relative;
width: 100px;
height: 100px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #cccccc;
margin: 4px 4px 4px 4px;
display: flex;
justify-content: center;
align-items: center;
.icon {
width: 80%;
// height: 40px;
height: auto;
}
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1, .affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055FE7;
border: 1px solid #FFFFFF;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
.affirmstatus2 {
.dot {
background: #FF0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #FFFFFF;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
}
&.finger_print_active {
border: 1px solid #055FE7 !important;
}
&:nth-child(1), &:nth-child(4) {
margin-left: 0;
}
&.noFinger {
border: 1px solid #FF3644;
}
&.fingerLoading {
border: 1px solid #cccccc;
}
.num {
position: absolute;
top: 0;
left: 6px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #666666;
&.noFinger {
color: #FF3644;
}
}
.zwtp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 128px;
height: auto;
}
.zwtp-desc {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #CCCCCC;
}
}
.absence {
width: 70px;
height: 67px;
// display: flex;
img {
width: 70px;
height: 67px;
object-fit: contain;
}
}
.zwtp {
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
.handImg {
display: flex;
flex-wrap: wrap;
.hand {
position: relative;
width: 160px;
height: 160px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #CCCCCC;
margin: 4px 4px 4px 4px;
display: flex;
justify-content: center;
align-items: center;
.finger-tips {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
.affirmstatus1, .affirmstatus2 {
width: 100%;
height: 20px;
position: relative;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
.affirmstatusbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #055FE7;
border: 1px solid #FFFFFF;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
.affirmstatus2 {
.dot {
background: #FF0039;
}
}
.affirmstatus3 {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.affirmstatus3bg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.icon {
width: 14px;
height: 14px;
display: flex;
.rb {
position: relative;
width: 14px;
height: 14px;
object-fit: contain;
}
}
}
.clickLog {
width: 100%;
height: 20px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.clickLogbg {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #000000 100%);
opacity: 0.66;
}
.dot {
z-index: 10;
width: 7px;
height: 7px;
background: #999999;
border: 1px solid #FFFFFF;
border-radius: 50%;
margin-right: 8px;
}
.txt {
z-index: 10;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
}
&.finger_print_active {
border: 1px solid #055FE7 !important;
.num {
background: #055FE7;
border-radius: 0px 0px 7px 0px;
color: #ffffff;
}
}
&:nth-child(1), &:nth-child(3) {
margin-left: 0;
}
&.noFinger {
border: 1px solid #FF3644;
}
&.fingerLoading {
border: 1px solid #cccccc;
}
.num {
position: absolute;
top: 0;
left: 0;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055FE7;
width: 48px;
height: 24px;
background: #DDEBFF;
border-radius: 0px 0px 7px 0px;
text-align: center;
line-height: 24px;
&.noFinger {
color: #FF3644;
}
}
.imgBox {
width: 158px;
height: 158px;
display: flex;
justify-content: center;
align-content: center;
.itemImage {
// height: 80%;
object-fit: contain;
}
}
.absence {
width: 140px;
height: 140px;
// display: flex;
img {
width: 140px;
height: 140px;
object-fit: contain;
}
}
.zwtp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 128px;
height: auto;
}
.zwtp-desc {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #CCCCCC;
}
}
}
.loadingHand {
width: 70%;
height: auto;
}
}
}
}
.bottom {
text-align: center;
background: #f6f8fa;
//height: 40px;
width: 100%;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #999999;
margin-top: 0;
.expend {
font-size: 12px;
font-family: MicrosoftYaHei;
color: #055FE7;
margin-left: 32px;
}
}
</style>
<style lang="scss">
.data {
.Bizhong {
.cell {
color: #FF0039;
}
}
.Identification {
.cell {
color: #055FE7;
}
}
.looked {
.cell {
color: #999;
}
}
}
</style>
<style lang="scss" scoped>
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
// 修改多选框样式
/deep/ .el-checkbox.is-checked {
.el-checkbox__label {
color: #333333;
}
.el-checkbox__input.is-checked {
.el-checkbox__inner {
background: #055fe7;
border-color: #055fe7;
}
}
}
/deep/ .el-checkbox {
color: #666;
}
// 表头
/deep/ .has-gutter {
font-weight: normal;
th {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #282f3c;
font-weight: normal;
}
}
del {
text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/
text-decoration: underline wavy red; /*红色波浪形下划线*/
text-decoration: line-through red; /*红色删除线*/
}
.isDelete {
background: #ECEDF1 !important;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #AEAFB4 !important;
}
</style>
src/views/rgrd/rgLT.vue 0 → 100644
<template>
<div class="ltDiv">
<div class="lt-dom" :class="{ bzActive: isShowbzDialogBg || loading_sd }">
<div class="header">
<div class="label">人工认定-正查</div>
<div class="btns">
<div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div>
</div>
</div>
<div class="header_line"></div>
<div class="lt_main">
<div class="lt_main_left">
<l-t-src :src-data="qid"></l-t-src>
</div>
<div class="lt_main_middle">
<!-- <div class="lt_main_header">顶部工具</div>
<div class="lt_middle_main">中部指纹编辑</div>
<div class="lt_main_footer">底部工具</div> -->
<ImageEd></ImageEd>
</div>
<div class="lt_main_right">
<l-t-candidate></l-t-candidate>
</div>
</div>
</div>
<!-- 加载动画 -->
<div class="loading" v-show="loading_sd">
<div class="loading-finger">
<img src="@/assets/img/loadingfinger.gif" alt="" />
</div>
<div class="loading-name">
<img src="@/assets/img/loadingtxt.gif" alt="" />
</div>
</div>
<!-- 比中弹窗 -->
<!-- <div class="bzDialog" v-show="isShowbzDialogBg" @click="cancelbz"></div> -->
<div class="bzDialog" v-show="isShowbzDialogBg"></div>
<div class="bzcontent" v-show="isShowbzDialog">
<div class="head-title">
<div class="left">比中</div>
<div class="close" @click="cancelbz">
<img src="@/assets/img/LT/close.png" alt="" />
</div>
</div>
<div class="bzdesc">
<div class="bz-source">
<div class="bzitem">
<div class="bzname">查询类型：</div>
<div class="bzvalue zc">
<div class="dot"></div>
正查
</div>
</div>
<div class="bzitem">
<div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{ xckybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">案事件编号：</div>
<div class="bzvalue">{{ asjbh }}</div>
</div>
<div class="bzitem">
<div class="bzname">人员编号：</div>
<div class="bzvalue">{{ rybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">序号：</div>
<div class="bzvalue">{{ xh }}</div>
</div>
<div class="bzitem">
<div class="bzname">指位：</div>
<div class="bzvalue">{{ zw }}</div>
</div>
</div>
<div class="bz-target">
<div class="bzitem">
<div class="bzname">比中单位：</div>
<div class="bzvalue">{{ bzdw }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人：</div>
<div class="bzvalue">{{ bzr }}</div>
</div>
<div class="bzitem">
<div class="bzname">单位代码：</div>
<div class="bzvalue">{{ dwdm }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人身份证号：</div>
<div class="bzvalue">{{ bzrsfzh }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中时间：</div>
<div class="bzvalue">{{ bzsj }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人联系电话：</div>
<el-input class="bzphone" v-model="phone" placeholder="请输入内容" disabled></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 class="line"></div>
<div class="bzfooter">
<div class="footer-title">备注</div>
<el-input type="textarea" :rows="5" placeholder="在此输入备注信息" v-model="textarea">
</el-input>
</div>
<div class="bzbtns">
<button class="bzconfirm" @click="confirmbz">确认</button>
<button class="bzcancel" @click="cancelbz">取消</button>
</div>
</div>
</div>
<!-- 认定完成确认框 -->
<div class="rdwcDialog" v-show="isShowrdwcDialogBg"></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>
</template>
<script>
import { mapState } from "vuex";
import "@/icons/error.svg";
import Utils from "@/utils/util.js";
import LTSrc from "./modules/LTSrc.vue";
import LTCandidate from "./modules/LTCandidate.vue";
import ImageEd from "@/components/ImageEd.vue";
export default {
// 正查 倒查 查重
name: "LT",
components: {
LTSrc,
LTCandidate,
ImageEd
},
data () {
return {
qid: null,
radio: 6,
phone: "",
textarea: "",
isShowbzDialog: false,
isShowbzDialogBg: false,
bzdw: "",
bzr: "",
dwdm: "",
bzrsfzh: "",
bzsj: "",
isPhoneError: false,
asjbh: "",
xh: "",
xckybh: "",
rybh: "",
zw: "",
// 是否展示认定完成确认框背景
isShowrdwcDialogBg: false,
// 是否展示认定完成确认框
isShowrdwcDialog: false,
// 比中弹窗--用户信息
userInfo: {},
// 判断是否被比中
bzData: {}
};
},
created () {
let self = this
this.qid = this.$route.query.rowData;
//console.log("源qid====>", this.qid);
this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
console.log(this.userInfo);
if(this.userInfo) {
this.bzr = this.userInfo.name
this.bzdw = this.userInfo.unitName
this.dwdm = this.userInfo.unitCode
this.bzrsfzh = this.userInfo.idCard
this.phone = this.userInfo.phoneNumber
}
},
mounted () {
let self = this
this.$bus.on('bzJudge', (val) => {
self.bzData = val
})
},
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: {
/**
* @description: 确认认定完成
* @param {*}
* @return {*}
*/
confirmrdwc () {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
let srcseqno = sessionStorage.getItem("srcseqno") || "";
let destseqno = sessionStorage.getItem("destseqno") || "";
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = sessionStorage.getItem("qqid") || "";
let qid = sessionStorage.getItem("qid") || "";
let type = sessionStorage.getItem("zctype") || "";
// 2：正查
let querytype = 2;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/finish",
data: {
// affirmState,
// srcseqno,
// destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
querytype
}
}).then(response => {
if (response.data.code === 0) {
// 跟新列表数据
self.$bus.emit("updateFinderSource");
//console.log(response);
this.$message.success("认定完成！");
}
// if (type == "son") {
// window.close();
// }
});
},
/**
* @description: 取消认定完成
* @param {*}
* @return {*}
*/
cancelrdwc () {
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
},
/**
* @description: 取消比中
* @param {*}
* @return {*}
*/
cancelbz () {
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
},
/**
* @description: 确认比中
* @param {*}
* @return {*}
*/
confirmbz () {
let self = this;
let srcseqno = Number(sessionStorage.getItem("srcseqno"));
// let destseqno = Number(sessionStorage.getItem("destseqno"));
let destseqno = this.xh
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = Number(sessionStorage.getItem("qqid"));
let qid = Number(sessionStorage.getItem("qid"));
let userName = this.bzr
let idCard = this.bzrsfzh
let tel = this.phone
let unit = this.bzdw
let unitCode = this.dwdm
let affirmtime = new Date(this.bzsj)
let affirmDescribe = this.textarea
// 2：正查
let queryType = 2;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/hit",
data: {
srcseqno,
destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
queryType,
userName,
idCard,
tel,
unit,
unitCode,
affirmtime,
affirmDescribe
}
})
.then(response => {
if (response.data.code === 0) {
// 跟新列表数据
self.$bus.emit("updateFinderSource");
this.$message.success("比中成功！");
} else {
this.$message.error("比中失败！");
}
})
.catch(err => {
this.$message.error("比中失败！");
});
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
},
/**
* @description: 获取现场勘验编号
* @param {*}
* @return {*}
*/
getUserInfo2 () {
let self = this;
let destbarcode = sessionStorage.getItem("destbarcode") || "";
this.$axios({
url: "/api/casestore/casebase",
method: "get",
params: {
barcode: destbarcode
},
loading: false
}).then(res => {
if (res.data.code == 0) {
self.xckybh = res.data.ret.kybh;
}
});
},
/**
* @description: 获取正查比中下方的数据
* @param {*} id
* @return {*}
*/
getUserInfo (id = 1234) {
let self = this;
this.$axios({
method: "post",
url: "/api/user/searchByUserid",
data: {
id: id
},
loading: false
}).then(async res => {
if (res.data.code == 0) {
let data = res.data.ret[0];
//console.log(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);
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 {*}
*/
async Bz () {
if(this.bzData == null) return;
if(this.bzData.affirmstatus == '2' || this.bzData.affirmstatus == '3'){
return
}
// this.getUserInfo2();
// 比中时间
this.asjbh = sessionStorage.getItem("srcbarcode");
this.xh = sessionStorage.getItem("srcseqno");
this.rybh = sessionStorage.getItem("destbarcode");
this.judgeZw(Number(sessionStorage.getItem("destseqno")));
let res = await this.$axios({
mehtod: 'get',
url: `/api/casestore/casebase/detail?barcode=${this.asjbh}`
})
this.bzsj = res.data.ret.time
console.log(Number(sessionStorage.getItem("destseqno")));
console.log(this.zw);
this.isShowbzDialogBg = true;
this.isShowbzDialog = true;
},
/**
* @description: 认定完成
* @param {*}
* @return {*}
*/
Rdwc () {
//console.log("认定完成");
let qqid = sessionStorage.getItem("qqid") || "";
// 认定之前的操作
this.$axios({
method: "post",
url: "/api/matchcand/affirm/confirm",
data: {
qqid
},
loading: false
}).then(res => {
//console.log(res);
if (!res.data.ret) {
this.isShowrdwcDialogBg = true;
this.isShowrdwcDialog = true;
} else {
// 执行认定完成
this.confirmrdwc();
}
});
},
/**
* @description: 更具code判断指位
* @param {*} code
* @return {*}
*/
judgeZw (code) {
//console.log(code);
switch (code) {
case 1:
this.zw = "滚动-右拇";
break;
case 2:
this.zw = "滚动-右食";
break;
case 3:
this.zw = "滚动-右中";
break;
case 4:
this.zw = "滚动-右环";
break;
case 5:
this.zw = "滚动-右小";
break;
case 6:
this.zw = "滚动-左拇";
break;
case 7:
this.zw = "滚动-左食";
break;
case 8:
this.zw = "滚动-左中";
break;
case 9:
this.zw = "滚动-左环";
break;
case 10:
this.zw = "滚动-左小";
break;
case 11:
this.zw = "平面-右拇";
break;
case 12:
this.zw = "平面-右食";
break;
case 13:
this.zw = "平面-右中";
break;
case 14:
this.zw = "平面-右环";
break;
case 15:
this.zw = "平面-右小";
break;
case 16:
this.zw = "平面-左拇";
break;
case 17:
this.zw = "平面-左食";
break;
case 18:
this.zw = "平面-左中";
break;
case 19:
this.zw = "平面-左环";
break;
case 20:
this.zw = "平面-左小";
break;
}
}
},
computed: {
...mapState({
loading_sd: (state) => state.loading.loading_sd,
}),
},
beforeDestroy () {
// 组件销毁前需要解绑事件。否则会出现重复触发事件的问题
this.$bus.off("updateFinderSource");
this.$bus.off("bzJudge");
}
};
</script>
<style scoped lang="scss">
// 加载动画
.loading {
z-index: 999999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.loading-finger {
width: 100px;
height: 100px;
img {
width: 100%;
height: 100%;
}
}
.loading-name {
width: 100px;
height: auto;
margin-top: 20px;
img {
width: 100%;
height: 100%;
}
}
}
.ltDiv {
width: 100%;
height: 100%;
height: 100vh;
overflow: hidden;
}
div {
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.lt-dom {
width: 100%;
background-color: #ffffff;
/*padding: 24px;*/
margin: 0;
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
/deep/.el-table__body-wrapper.is-scrolling-none {
margin-top: -8px;
}
}
.header {
height: 59px;
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.label {
align-self: flex-start;
height: 22px;
font-size: 16px;
font-weight: bold;
color: #00B47A;
line-height: 22px;
margin-top: 14px;
}
}
.header_line {
width: 1872px;
height: 2px;
background: #eee;
position: absolute;
top: 52px;
}
.btns {
margin-top: 14px;
align-self: flex-end;
margin-bottom: 13px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
.bz-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #ff0039;
border-radius: 4px;
margin-right: 16px;
text-align: center;
line-height: 32px;
}
.rd-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #055fe7;
border-radius: 4px;
text-align: center;
line-height: 32px;
}
}
.lt_header {
height: 59px;
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.lt_header .lt_header_label {
align-self: flex-start;
width: 100px;
}
.lt_header .tt_header_button {
align-self: flex-end;
margin-right: 50px;
}
.lt_main {
width: 100%;
// width: 1124px;
display: flex;
// flex-direction: row;
justify-content: space-between;
}
.lt_main_left {
width: 352px;
border: none;
/* margin-right: 16px; */
margin-top: 18px;
}
.lt_main_middle {
width: 1120px;
display: flex;
flex-direction: column;
margin-top: -65px;
margin-left: -16px;
}
.lt_main_middle .lt_main_header {
height: 70px;
border: 1px #8b4513 solid;
}
.lt_main_middle .lt_main_footer {
height: 104px;
}
.lt_main_middle .lt_middle_main {
width: 100%;
height: 750px;
border: 1px #8b4513 solid;
}
.lt_main_right {
margin-top: 50px;
margin-left: 16px;
width: 380px;
border: none;
}
.lt_main_footer {
border: 1px saddlebrown solid;
}
/deep/ .current-row {
td {
background: #f5f5f7 !important;
}
}
@import "@/views/cxyrd/LT.scss";
</style>
src/views/rgrd/rgTL.vue 0 → 100644
<template>
<div class="tlDiv">
<div class="tl" :class="{ bzActive: isShowbzDialogBg || loading_sd }">
<div class="header">
<div class="label">人工认定-倒查</div>
<div class="btns">
<div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div>
</div>
</div>
<div class="header_line"></div>
<div class="main">
<div class="main-left">
<t-l-src></t-l-src>
</div>
<div class="main-middle">
<ImageEd></ImageEd>
</div>
<div class="main-right">
<t-l-candidate></t-l-candidate>
</div>
</div>
</div>
<!-- 加载动画 -->
<div class="loading" v-show="loading_sd">
<div class="loading-finger">
<img src="@/assets/img/loadingfinger.gif" alt="" />
</div>
<div class="loading-name">
<img src="@/assets/img/loadingtxt.gif" alt="" />
</div>
</div>
<!-- 比中弹窗 -->
<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/LT/close.png" alt="" />
</div>
</div>
<div class="bzdesc">
<div class="bz-source">
<div class="bzitem">
<div class="bzname">查询类型：</div>
<div class="bzvalue zc">
<div class="dot"></div>
倒查
</div>
</div>
<div class="bzitem">
<div class="bzname">现场勘验编号：</div>
<div class="bzvalue">{{ xckybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">人员编号：</div>
<div class="bzvalue">{{ rybh }}</div>
</div>
<div class="bzitem">
<div class="bzname">案事件编号：</div>
<div class="bzvalue">{{ asjbh }}</div>
</div>
<div class="bzitem">
<div class="bzname">指位：</div>
<div class="bzvalue">{{ zw }}</div>
</div>
<div class="bzitem">
<div class="bzname">序号：</div>
<div class="bzvalue">{{ xh }}</div>
</div>
</div>
<div class="bz-target">
<div class="bzitem">
<div class="bzname">比中单位：</div>
<div class="bzvalue">{{ bzdw }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人：</div>
<div class="bzvalue">{{ bzr }}</div>
</div>
<div class="bzitem">
<div class="bzname">单位代码：</div>
<div class="bzvalue">{{ dwdm }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人身份证号：</div>
<div class="bzvalue">{{ bzrsfzh }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中时间：</div>
<div class="bzvalue">{{ bzsj }}</div>
</div>
<div class="bzitem">
<div class="bzname">比中人联系电话：</div>
<el-input
class="bzphone"
v-model="phone"
placeholder="请输入内容"
disabled
></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 class="line"></div>
<div class="bzfooter">
<div class="footer-title">备注</div>
<el-input
type="textarea"
:rows="5"
placeholder="在此输入备注信息"
v-model="textarea"
>
</el-input>
</div>
<div class="bzbtns">
<button class="bzconfirm" @click="confirmbz">确认</button>
<button class="bzcancel" @click="cancelbz">取消</button>
</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>
</template>
<script>
import { mapState } from "vuex";
import "@/icons/error.svg";
import Utils from "@/utils/util.js";
import ImageEd from "@/components/ImageEd.vue";
import TLSrc from "./modules/TLSrc.vue";
import TLCandidate from "./modules/TLCandidate.vue";
export default {
name: "TL",
components: {
ImageEd,
TLSrc,
TLCandidate,
},
data() {
return {
dialog: false,
text: "",
phone: "",
textarea: "",
isShowbzDialog: false,
isShowbzDialogBg: false,
bzdw: "",
bzr: "",
dwdm: "",
bzrsfzh: "",
bzsj: "",
isPhoneError: false,
asjbh: "",
xh: "",
xckybh: "",
rybh: "",
zw: "",
// 是否展示认定完成确认框背景
isShowrdwcDialogBg: false,
// 是否展示认定完成确认框
isShowrdwcDialog: false,
// 比中弹窗--用户信息
userInfo: {},
// 比中信息--判断
bzData: {},
};
},
created() {},
mounted() {
this.userInfo = JSON.parse(localStorage.getItem("userInfo"));
console.log(this.userInfo);
if (this.userInfo) {
this.bzr = this.userInfo.name;
this.bzdw = this.userInfo.unitName;
this.dwdm = this.userInfo.unitCode;
this.bzrsfzh = this.userInfo.idCard;
this.phone = this.userInfo.phoneNumber;
}
let self = this;
this.$bus.on("bzJudgeTL", (val) => {
self.bzData = val;
console.log(self.bzData);
});
},
beforeDestroy() {
this.$bus.off("bzJudgeTL");
},
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: {
/**
* @description: 确认认定完成
* @param {*}
* @return {*}
*/
confirmrdwc() {
let self = this;
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
let srcseqno = sessionStorage.getItem("srcseqno") || "";
let destseqno = sessionStorage.getItem("destseqno") || "";
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = sessionStorage.getItem("qqid") || "";
let qid = sessionStorage.getItem("qid") || "";
let type = sessionStorage.getItem("dctype") || "";
// 1：倒查
let querytype = 1;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/finish",
data: {
// affirmState,
// srcseqno,
// destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
querytype,
},
}).then((response) => {
if (response.data.code === 0) {
// 跟新列表数据
self.$bus.emit("updateTLSourceData");
//console.log(response);
this.$message.success("认定完成！");
}
// if (type == "son") {
// window.close();
// }
});
},
/**
* @description: 取消认定完成
* @param {*}
* @return {*}
*/
cancelrdwc() {
this.isShowrdwcDialogBg = false;
this.isShowrdwcDialog = false;
},
/**
* @description: 取消比中
* @param {*}
* @return {*}
*/
cancelbz() {
this.isShowbzDialogBg = false;
this.isShowbzDialog = false;
},
/**
* @description: 确认比中
* @param {*}
* @return {*}
*/
confirmbz() {
let self = this;
//console.log("比中");
let srcseqno = Number(sessionStorage.getItem("srcseqno"));
// let destseqno = Number(sessionStorage.getItem("destseqno"));
let destseqno = this.xh;
let srcbarcode = sessionStorage.getItem("srcbarcode") || "";
let destbarcode = sessionStorage.getItem("destbarcode") || "";
let qqid = Number(sessionStorage.getItem("qqid"));
let qid = Number(sessionStorage.getItem("qid"));
let userName = this.bzr;
let idCard = this.bzrsfzh;
let tel = this.phone;
let unit = this.bzdw;
let unitCode = this.dwdm;
let affirmtime = new Date(this.bzsj);
let affirmDescribe = this.textarea;
// 1：倒查
let queryType = 1;
this.$axios({
method: "post",
url: "/api/matchcand/affirm/hit",
data: {
srcseqno,
destseqno,
srcbarcode,
destbarcode,
qqid,
qid,
queryType,
userName,
idCard,
tel,
unit,
unitCode,
affirmtime,
affirmDescribe,
},
})
.then((response) => {
console.log(response);
if (response.data.code === 0) {
// 跟新列表数据
self.$bus.emit("updateTLSourceData");
self.$message.success("比中成功！");
} else {
self.$message.error("比中失败！");
}
})
.catch((err) => {
this.$message.error("比中失败！");
});
// 关闭弹窗
this.isShowbzDialog = false;
this.isShowbzDialogBg = false;
},
/**
* @description: 获取现场勘验编号
* @param {*}
* @return {*}
*/
getUserInfo2() {
let self = this;
let destbarcode = sessionStorage.getItem("destbarcode") || "";
//console.log(destbarcode);
this.$axios({
url: "/api/casestore/casebase",
method: "get",
params: {
barcode: destbarcode,
},
loading: false,
}).then((res) => {
if (res.data.code == 0) {
self.xckybh = res.data.ret.kybh;
}
});
},
/**
* @description: 比中
* @param {*}
* @return {*}
*/
async Bz() {
if (this.bzData == null) return;
if (this.bzData.affirmstatus == "2" || this.bzData.affirmstatus == "3") {
return;
}
//console.info("比中");
// 序号
this.xh = sessionStorage.getItem("backcheckXh");
// 指位
this.judgeZw(Number(sessionStorage.getItem("backcheckCode")));
// 人员编号
this.rybh = sessionStorage.getItem("srcbarcode");
// 案件编号
this.asjbh = sessionStorage.getItem("destbarcode");
// 比中人
this.userdesc = sessionStorage.getItem("userdesc");
// 比中时间
let res = await this.$axios({
method: "post",
url: `/api/personstore/findname?ysxtAsjxgrybh=${this.rybh}`,
});
this.bzsj = res.data.ret.time;
this.isShowbzDialogBg = true;
this.isShowbzDialog = true;
},
Rdwc() {
//console.info("认定完成");
//console.log("认定完成");
let qqid = sessionStorage.getItem("qqid") || "";
// 认定之前的操作
this.$axios({
method: "post",
url: "/api/matchcand/affirm/confirm",
data: {
qqid,
},
loading: false,
}).then((res) => {
//console.log(res);
if (!res.data.ret) {
this.isShowrdwcDialogBg = true;
this.isShowrdwcDialog = true;
} else {
// 执行认定完成
this.confirmrdwc();
}
});
},
hideDialog() {
this.dialog = true;
},
/**
* @description: 时间格式化
* @param {*} fmt
* @param {*} date
* @return {*}
*/
dateFormat(fmt, date) {
let ret;
const opt = {
"Y+": date.getFullYear().toString(), // 年
"m+": (date.getMonth() + 1).toString(), // 月
"d+": date.getDate().toString(), // 日
"H+": date.getHours().toString(), // 时
"M+": date.getMinutes().toString(), // 分
"S+": date.getSeconds().toString(), // 秒
// 有其他格式化字符需求可以继续添加，必须转化成字符串
};
for (let k in opt) {
ret = new RegExp("(" + k + ")").exec(fmt);
if (ret) {
fmt = fmt.replace(
ret[1],
ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0")
);
}
}
return fmt;
},
/**
* @description: 更具code判断指位
* @param {*} code
* @return {*}
*/
judgeZw(code) {
//console.log(code);
switch (code) {
case 1:
this.zw = "滚动-右拇";
break;
case 2:
this.zw = "滚动-右食";
break;
case 3:
this.zw = "滚动-右中";
break;
case 4:
this.zw = "滚动-右环";
break;
case 5:
this.zw = "滚动-右小";
break;
case 6:
this.zw = "滚动-左拇";
break;
case 7:
this.zw = "滚动-左食";
break;
case 8:
this.zw = "滚动-左中";
break;
case 9:
this.zw = "滚动-左环";
break;
case 10:
this.zw = "滚动-左小";
break;
case 11:
this.zw = "平面-右拇";
break;
case 12:
this.zw = "平面-右食";
break;
case 13:
this.zw = "平面-右中";
break;
case 14:
this.zw = "平面-右环";
break;
case 15:
this.zw = "平面-右小";
break;
case 16:
this.zw = "平面-左拇";
break;
case 17:
this.zw = "平面-左食";
break;
case 18:
this.zw = "平面-左中";
break;
case 19:
this.zw = "平面-左环";
break;
case 20:
this.zw = "平面-左小";
break;
}
},
},
computed: {
...mapState({
loading_sd: (state) => state.loading.loading_sd,
}),
},
};
</script>
<style scoped lang="scss">
// 加载动画
.loading {
z-index: 999999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.loading-finger {
width: 100px;
height: 100px;
img {
width: 100%;
height: 100%;
}
}
.loading-name {
width: 100px;
height: auto;
margin-top: 20px;
img {
width: 100%;
height: 100%;
}
}
}
div {
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.tlDiv {
width: 100%;
height: 100vh;
overflow: hidden;
.tl-search {
width: 100%;
}
}
.tl {
width: 100%;
// background-color: #ffffff;
/*padding: 24px;*/
margin: 0;
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
}
.header {
height: 59px;
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.label {
align-self: flex-start;
height: 22px;
font-size: 16px;
font-weight: bold;
color: #e60012;
line-height: 22px;
margin-top: 14px;
}
}
.header_line {
width: 1872px;
height: 2px;
background: #eee;
position: absolute;
top: 52px;
}
.btns {
align-self: flex-end;
margin-bottom: 13px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
.bz-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #ff0039;
border-radius: 4px;
margin-right: 16px;
text-align: center;
line-height: 32px;
}
.rd-btn {
cursor: pointer;
width: 96px;
height: 32px;
background: #055fe7;
border-radius: 4px;
text-align: center;
line-height: 32px;
}
}
.main {
width: 100%;
display: flex;
justify-content: space-between;
.main-left {
width: 352px;
border: none;
/* margin-right: 16px; */
margin-top: 18px;
//border: none;
}
.main-middle {
width: 1120px;
display: flex;
flex-direction: column;
margin-top: -65px;
margin-left: -10px;
}
.main-right {
margin-top: 50px;
margin-left: 20px;
width: 380px;
border: none;
}
}
/deep/.el-dialog {
width: 800px;
}
.bz-dialog {
.tl {
width: 100%;
height: 634px;
.type {
display: flex;
width: 100%;
height: 160px;
background: rgba(230, 0, 18, 0.04);
}
.other {
display: flex;
width: 100%;
height: 160px;
//background: rgba(230, 0, 18, 0.04);
}
.remark {
display: flex;
flex-direction: column;
width: 763px;
height: 120px;
padding-top: 16px;
.label {
width: 28px;
height: 19px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
line-height: 19px;
}
}
.btns {
width: 763px;
height: 40px;
text-align: center;
margin-top: 30px;
.ok-btn {
cursor: pointer;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
color: #2e3846;
font-size: 14px;
line-height: 40px;
text-align: center;
margin-right: 24px;
}
.close-btn {
cursor: pointer;
width: 72px;
height: 40px;
background: #055fe7;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
text-align: center;
}
}
}
}
.outside {
width: 381px;
height: 148px;
padding-top: 12px;
padding-left: 30px;
//padding: 24px 0 24px 30px;
.label {
width: 118px;
height: 22px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 22px;
}
.content {
width: 161px;
height: 22px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 22px;
margin: 12px 30px 12px 30px;
}
}
//遮罩层
//.popContainer {
// position: fixed;
// top: 0;
// left: 0;
// right: 0;
// bottom: 0;
// background: rgba(255, 255, 255, 0.1);
//}
/deep/ .current-row {
td {
background: #f5f5f7 !important;
}
}
@import "@/views/cxyrd/TL.scss";
</style>
<style scoped>
.remark-input {
width: 763px;
/*background: #f6f8fa;*/
}
</style>
vue.config.js
/*
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2021-12-17 15:07:31
* @LastEditTime: 2021-12-18 10:32:30
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js
......@@ -91,7 +91,7 @@ module.exports = {
"/api": {
// target: "http://192.168.0.137:8080/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/
// target: "http://192.168.128.166:8099/", // 张 认定
target: "http://192.168.128.114:8099", // 湖南-马
target: "http://192.168.128.166:8099", // 湖南-马
// target: "http://192.168.128.116:8099", // 湖南-王
// target: "http://192.168.128.118:8764", // 湖南-张呈光
// target: "http://172.18.116.73:8099/", //统一的请求头部每次修改都要重启才会生效 http://39.99.224.27:8006/ ma
......@@ -130,7 +130,7 @@ module.exports = {
"/security": {
//target: "http://192.168.128.106:8765", // 湖南-王
target: "http://192.168.128.121:8765", // 湖南-张
target: "http://192.168.128.117:8765", // 湖南-张
// target: "http://www.meetfood.cn:2390", // 湖南-王
// target: "http://zwpt.xzclub.top:9333",
ws: true,
......
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