From d9b9cd8ea1791bc6a28b2ae63d7b2ec42599b5ea Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 22 Nov 2021 17:34:02 +0800
Subject: [PATCH] +预先判读是否有身份证设备
---
src/views/securityGuard/securityGuard.vue | 405 +++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 361 insertions(+), 44 deletions(-)
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 5e6206d..af1e1bc 100644
--- a/src/views/securityGuard/securityGuard.vue
+++ b/src/views/securityGuard/securityGuard.vue
@@ -36,6 +36,8 @@
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
+ :defaults.sync="defaults"
+ :before-close="beforeClose"
>
<!-- @row-update="rowUpdate" -->
<template slot="menuLeft">
@@ -76,13 +78,12 @@
>证书制证申请
</el-button>
<el-button
- type="primary"
+ type="warning"
size="small"
plain
- v-if="permission.securityGuard_escort_personnel_import"
- icon="el-icon-collection-tag"
- @click="handleEscortPersonnelImport"
- >押运人员批量导入
+ icon="el-icon-download"
+ @click="handleExportSecurityInfo"
+ >保安信息导出
</el-button>
<el-button
@@ -180,6 +181,7 @@
</el-button>
<el-button
icon="el-icon-edit"
+ style="display: none"
:size="size"
:type="type"
v-if="permission.securityGuard_paper"
@@ -197,8 +199,8 @@
class="rowClickSelf"
title="点击查看所属公司情况"
@click="rowClickSelf(row.deptId)"
- >{{ row.deptName }}</el-tag
- >
+ >{{ row.deptName }}
+ </el-tag>
</template>
<template slot-scope="{ row }" slot="tenantName">
<el-tag>{{ row.tenantName }}</el-tag>
@@ -390,6 +392,8 @@
</template>
<script>
+// 身份证引入
+import CertCtl from "./sfzJS";
import {
getUser,
getUserPlatform,
@@ -415,6 +419,7 @@
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
+import Qs from "qs";
//加载指纹类
import Client from "./Client";
@@ -463,36 +468,36 @@
if (!test.test(value)) {
callback(new Error("请输入正确身份证号码"));
} else {
- //加入校验18岁到60岁的
- oldy = +value.slice(6, 10);
- oldm = +value.slice(10, 12);
- oldd = +value.slice(12, 14);
- ok =
- year - oldy < 18 || year - oldy > 60
- ? false
- : year - oldy == 18
- ? mouth < oldm
- ? false
- : mouth > oldm
- ? true
- : day < oldd
- ? false
- : true
- : year - oldy == 60
- ? mouth < oldm
- ? true
- : mouth > oldm
- ? false
- : day <= oldd
- ? false
- : true
- : true;
- if (ok) {
- callback();
- } else {
- // callback(new Error("根据国家要求，需在18岁至60岁"));
- callback(new Error("年龄不符"));
- }
+ // //加入校验18岁到60岁的
+ // oldy = +value.slice(6, 10);
+ // oldm = +value.slice(10, 12);
+ // oldd = +value.slice(12, 14);
+ // ok =
+ // year - oldy < 18 || year - oldy > 60
+ // ? false
+ // : year - oldy == 18
+ // ? mouth < oldm
+ // ? false
+ // : mouth > oldm
+ // ? true
+ // : day < oldd
+ // ? false
+ // : true
+ // : year - oldy == 60
+ // ? mouth < oldm
+ // ? true
+ // : mouth > oldm
+ // ? false
+ // : day <= oldd
+ // ? false
+ // : true
+ // : true;
+ // if (ok) {
+ callback();
+ // } else {
+ // // callback(new Error("根据国家要求，需在18岁至60岁"));
+ // callback(new Error("年龄不符"));
+ // }
}
};
const validatePassPhone = (rule, value, callback) => {
@@ -504,6 +509,13 @@
}
};
return {
+ // 表格数据
+ defaults: {},
+ // 身份证设备数据
+ haveSEL: true, //是否存在设备
+ cardShebei: "",
+ intTime: "", //自动获取身份证；
+ haveCardid: true, //读卡开关
// 指纹数据
isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
zhiwenImg: "",
@@ -643,7 +655,11 @@
searchShow: true,
reserveSelection: true,
selectable: (row) => {
- if (row.hold !== "1" || row.securitynumber==null || row.securitynumber=='') {
+ if (
+ row.hold !== "1" ||
+ row.securitynumber == null ||
+ row.securitynumber == ""
+ ) {
return false;
} else {
return true;
@@ -694,6 +710,7 @@
{
label: "姓名",
prop: "realName",
+ disabled: false,
rules: [
{
required: true,
@@ -1150,6 +1167,7 @@
if (this.form.fingerprint != undefined) {
that.isopen = true;
let isoks = false;
+
function sets(state, fingerprint, myPicture) {
isoks = state;
var winzhiwen = document.getElementById("zhiwen").contentWindow;
@@ -1161,6 +1179,7 @@
isoks: isoks,
});
}
+
setTimeout(() => {
// if()
if (!this.form.id) {
@@ -1229,9 +1248,31 @@
},
beforeCreate() {},
created() {
+ // console.log(this.userInfo, 9999);
if (this.userInfo.role_name == "办证管理员") {
this.search["userType"] = 7;
this.search["hold"] = "1";
+ }
+
+ if (
+ this.userInfo.account == "南昌市保安服务总公司" ||
+ this.userInfo.account == "押运分公司"
+ ) {
+ this.option.column.push({
+ label: "持枪证编号",
+ prop: "guncode",
+ width: 90,
+ addDisplay: false,
+ editDisplay: false,
+ });
+
+ this.option.group[1].column.push({
+ label: "持枪证编号",
+ prop: "guncode",
+ });
+
+ this.excelOption1.column[0].action =
+ "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id;
}
},
mounted() {
@@ -1247,6 +1288,7 @@
this.deptIds = this.userInfo.dept_id;
// this.beginzhiwen();
+ this.olondSFZ(); //检查身份证设备是否存在
},
methods: {
openccc() {
@@ -1434,6 +1476,13 @@
done();
},
handleTemplate1() {
+ if (
+ this.userInfo.account == "南昌市保安服务总公司" ||
+ this.userInfo.account == "押运分公司"
+ ) {
+ window.open(`/api/blade-user/export-template-securityYy`);
+ return;
+ }
window.open(`/api/blade-user/export-template-security`);
},
handleImport2() {
@@ -1592,7 +1641,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type:1
+ type: 1,
};
return securityApply(data);
})
@@ -1630,7 +1679,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type:2
+ type: 2,
};
return securityApply(data);
})
@@ -1641,6 +1690,50 @@
message: "操作成功!",
});
});
+ },
+ //保安员信息导出
+ handleExportSecurityInfo() {
+ this.$confirm("是否导出保安员信息数据?", "提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ }).then(() => {
+ //获取查询条件
+ // const { releaseTimeRange } = this.search;
+ // if (releaseTimeRange) {
+ // this.search["startTime"] = releaseTimeRange[0];
+ // this.search["endTime"] = releaseTimeRange[1];
+ // }
+ var data = {
+ cardid: this.search.cardid,
+ deptId: this.search.deptId,
+ hold: this.search.hold,
+ realName: this.search.realName,
+ securitynumber: this.search.securitynumber,
+ status: this.search.status,
+ userType: this.search.startTime,
+ };
+ //导出
+ if (this.userInfo.role_name == "保安公司管理员") {
+ //如果是保安公司管理员
+ data["deptId"] = this.userInfo.dept_id;
+ }
+ if (this.userInfo.role_name == "培训公司管理员") {
+ //如果是培训公司管理员
+ data["trainingUnitId"] = this.userInfo.Id;
+ }
+ if (this.userInfo.role_name == "公安管理员") {
+ //如果是公安管理员
+ data["jurisdiction"] = this.userInfo.jurisdiction;
+ }
+ //序列号url形式，用&拼接
+ data = Qs.stringify(data);
+ window.open(
+ `/api/blade-user/export-security-info?${
+ this.website.tokenHeader
+ }=${getToken()}&` + data
+ );
+ });
},
rowSave(row, done, loading) {
// var dom = document.getElementById("zhiwenOur");
@@ -1694,6 +1787,7 @@
rtime: row.rtime,
securitynumber: row.securitynumber,
sex: row.sex,
+ guncode: row.guncode,
},
};
@@ -1930,8 +2024,191 @@
}=${getToken()}`
);
},
+ openClosegroup(val) {
+ let ql = /realName|nation|cardid|registered|sex/;
+ for (let k in this.option.group) {
+ for (let i in this.option.group[k].column) {
+ if (ql.test(this.option.group[k].column[i].prop)) {
+ this.option.group[k].column[i]["disabled"] = val;
+ }
+ }
+ }
+ },
+ olondSFZ() {
+ console.log(123456);
+ var that = this;
+ try {
+ // 开始连接设备
+ //调用对应的连接方法,并赋值给result
+ this.cardShebei = CertCtl.connect();
+ //如果result为空,代表读卡插件未启动
+ if (this.cardShebei == "") {
+ console.log("未启动读卡插件!1");
+ that.haveSEL = false;
+ return;
+ } else {
+ //result页面回显
+ console.log("ok!");
+ }
+ } catch (e) {
+ that.haveSEL = false;
+ return;
+ }
+ let result = CertCtl.readCert();
+ if (result == "") {
+ console.log("未启动读卡插件!2");
+ that.haveSEL = false;
+ return;
+ } else {
+ var resultObj = eval("(" + result + ")");
+ //resultFlag为0代表读卡成功
+ if (resultObj.resultFlag == "0") {
+ //回显相关数据
+ console.log("身份证设备连接成功");
+ that.haveSEL = true;
+ } else if (resultObj.resultFlag == "-1") {
+ if (resultObj.errorMsg == "端口打开失败") {
+ console.log("读卡器未连接");
+ that.haveSEL = false;
+ } else {
+ console.log(resultObj.errorMsg);
+ //无卡片提醒
+ that.haveSEL = true;
+ }
+ } else if (resultObj.resultFlag == "-2") {
+ console.log(resultObj.errorMsg);
+ that.haveSEL = false;
+ }
+ }
+ },
+ setIntervals: function () {
+ let that = this;
+ this.intTime = setInterval(function () {
+ if (!that.haveCardid) {
+ //定时读卡
+ let result = CertCtl.readCert();
+ if (result == "") {
+ console.log("未启动读卡插件!");
+ that.closeSFZ();
+ } else {
+ var resultObj = eval("(" + result + ")");
+ //resultFlag为0代表读卡成功
+ if (resultObj.resultFlag == "0") {
+ //回显相关数据
+ // console.log(resultObj, 123);
+ const data = resultObj.resultContent;
+ that.haveCardid = true;
+ // console.log(data, 789);
+ // that.defaults.cardid.display = true;
+ // that.defaults.cardid.value = "123";
+ // console.log(that.defaults);
+ that.form.realName = data.partyName;
+ that.form.cardid = data.certNumber;
+ that.form.nation = data.nation;
+ that.form.registered = data.certAddress;
+ that.form.sex = data.certType;
+ //禁止编辑
+ that.openClosegroup(true);
+ //赋值数据
+ // that.obj = {
+ // name: data.partyName,
+ // national: data.nation,
+ // certAddress: data.certAddress,
+ // sex:
+ // data.certType == 0
+ // ? "未知"
+ // : data.certType == 1
+ // ? "男"
+ // : data.certType == 2
+ // ? "女"
+ // : data.certType == 9
+ // ? "未说明"
+ // : "未能识别",
+ // imgs: "data:image/bmp;base64," + data.identityPic,
+ // yxqend:
+ // data.expDate.slice(0, 4) +
+ // "-" +
+ // data.expDate.slice(4, 6) +
+ // "-" +
+ // data.expDate.slice(6, 8),
+ // yxqstart:
+ // data.effDate.slice(0, 4) +
+ // "-" +
+ // data.effDate.slice(4, 6) +
+ // "-" +
+ // data.effDate.slice(6, 8),
+ // birthday:
+ // data.bornDay.slice(0, 4) +
+ // "-" +
+ // data.bornDay.slice(4, 6) +
+ // "-" +
+ // data.bornDay.slice(6, 8),
+ // id: data.certNumber,
+ // qfjg: data.certOrg,
+ // };
+ // that.$store.commit("setCardInfor", that.obj);
+ // that.$store.commit("setCardidState", true);
+ } else if (resultObj.resultFlag == "-1") {
+ if (resultObj.errorMsg == "端口打开失败") {
+ console.log("读卡器未连接");
+ that.closeSFZ();
+ } else {
+ // console.log(resultObj.errorMsg);
+ //无卡片提醒
+ that.closeSFZ();
+ }
+ } else if (resultObj.resultFlag == "-2") {
+ console.log(resultObj.errorMsg);
+ that.closeSFZ();
+ }
+ }
+ } else {
+ // console.log("停止获取");
+ }
+ }, 2000);
+ },
+ beginSFZ() {
+ if (this.haveSEL) {
+ try {
+ // 开始连接设备
+ //调用对应的连接方法,并赋值给result
+ this.cardShebei = CertCtl.connect();
+ //如果result为空,代表读卡插件未启动
+ if (this.cardShebei == "") {
+ console.log("未启动读卡插件!");
+ } else {
+ //result页面回显
+ console.log("ok!");
+ }
+ } catch (e) {}
+ this.haveCardid = false;
+ if (this.intTime) {
+ clearInterval(this.intTime);
+ this.setIntervals();
+ } else {
+ this.setIntervals();
+ }
+ }
+ },
+ closeSFZ(val) {
+ if (this.intTime) {
+ clearInterval(this.intTime);
+ // this.setIntervals();
+ } else {
+ clearInterval(this.intTime);
+ // this.setIntervals();
+ }
+ if (val) {
+ this.haveCardid = true;
+ this.cardShebei = "";
+ //可以编辑
+ }
+ this.openClosegroup(false);
+ },
beforeOpen(done, type) {
var that = this;
+ // console.log(type, 123);
+ this.beginSFZ();
if (["edit", "view"].includes(type)) {
getUser(this.form.id).then((res) => {
this.form = res.data.data;
@@ -1962,6 +2239,10 @@
this.initFlag = true;
done();
},
+ beforeClose(done, type) {
+ this.closeSFZ(112);
+ done();
+ },
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
@@ -1987,7 +2268,11 @@
roleIds.forEach((roleId) => {
getRoleDetail(roleId).then((res) => {
var roleAlias = res.data.data.roleAlias;
- if (roleAlias == "保安公司管理员" || roleAlias == "保安") {
+ if (
+ roleAlias == "保安公司管理员" ||
+ roleAlias == "保安" ||
+ roleAlias == "分公司管理员"
+ ) {
//去除保安公司查询
const column = that.findObject(that.option.column, "deptId");
column.search = false;
@@ -2008,7 +2293,10 @@
);
importColumn.action =
"/api/blade-user/import-security?deptId=" + this.deptIds;
- } else if (roleAlias == "公安管理员") {
+ } else if (
+ roleAlias == "公安管理员" ||
+ roleAlias == "administrator"
+ ) {
params["jurisdiction"] = that.userInfo.jurisdiction;
var columnDept = that.findObject(that.option.column, "deptId");
columnDept.dicUrl =
@@ -2018,9 +2306,17 @@
ColumnDeptUpdate.dicUrl =
"/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
that.userInfo.jurisdiction;
+
+ //审查状态查询开启
+ var columnExaminationType = that.findObject(
+ that.option.column,
+ "examinationType"
+ );
+ columnExaminationType.search = true;
+ columnExaminationType.hide = false;
} else if (roleAlias == "培训公司管理员") {
- //如果是保安公司管理员
- params["trainingUnitId"] = that.userInfo.dept_id;
+ //如果是培训公司管理员
+ // params["trainingUnitId"] = that.userInfo.dept_id;
var columnDept2 = that.findObject(that.option.column, "deptId");
columnDept2.dicUrl =
"/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
@@ -2151,11 +2447,13 @@
.box .el-scrollbar__wrap {
overflow: scroll;
}
+
.rowClickSelf {
&:hover {
cursor: pointer;
}
}
+
//保安证 本子
.certificate_box {
width: 100%;
@@ -2167,6 +2465,7 @@
flex-direction: column;
font: normal 18px "SimSuncss" !important;
}
+
.security_main {
width: 630px;
height: 512px;
@@ -2178,6 +2477,7 @@
// background-repeat: no-repeat;
position: relative;
}
+
// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
@@ -2189,6 +2489,7 @@
line-height: 45px;
letter-spacing: 3px;
}
+
//发证公安机关 （印章）
.security_m_l_center {
position: absolute;
@@ -2196,6 +2497,7 @@
left: 30px;
line-height: 40px;
}
+
//证件编号
.security_m_l_down {
position: absolute;
@@ -2217,6 +2519,7 @@
text-align: justify;
text-align-last: justify;
}
+
//出生年月
.security_m_r_b {
position: absolute;
@@ -2226,6 +2529,7 @@
text-align: justify;
text-align-last: justify;
}
+
//地址
.security_m_r_c {
position: absolute;
@@ -2235,6 +2539,7 @@
text-align: justify;
text-align-last: justify;
}
+
//公民身份证
.security_m_r_d {
position: absolute;
@@ -2244,6 +2549,7 @@
text-align: justify;
text-align-last: justify;
}
+
//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
@@ -2253,6 +2559,7 @@
position: absolute;
top: $upTop;
left: 421px;
+
img {
width: 100%;
height: 100%;
@@ -2269,6 +2576,7 @@
line-height: 45px;
letter-spacing: 3px;
}
+
//发证时间
$timeTop: 315px; //整体高度
//年
@@ -2278,6 +2586,7 @@
left: 109px;
line-height: 40px;
}
+
//月
.security_m_l_titlepaperTimeyue {
position: absolute;
@@ -2285,6 +2594,7 @@
left: 168px;
line-height: 40px;
}
+
//日
.security_m_l_titlepaperTimeri {
position: absolute;
@@ -2292,6 +2602,7 @@
left: 159px;
line-height: 40px;
}
+
//证件编号
.security_m_l_downsecuritynumber {
position: absolute;
@@ -2308,6 +2619,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
// 生日
.security_m_r_o_rightbirthday {
position: absolute;
@@ -2315,6 +2627,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
// 地址
.security_m_r_o_rightaddress {
position: absolute;
@@ -2322,6 +2635,7 @@
left: $centerLeft;
width: 185px;
}
+
// 身份证
.security_m_r_o_rightcardid {
position: absolute;
@@ -2329,6 +2643,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
//背景图
.security_main_backImge {
position: absolute;
@@ -2346,6 +2661,7 @@
line-height: 40px;
letter-spacing: 2px;
}
+
.zhiwenMain {
width: 100%;
height: 305px;
@@ -2354,6 +2670,7 @@
// justify-content: space-around;
// border: 1px solid red;
}
+
// .zhiwenImgs {
// width: 178px;
// height: 178px;
--
Gitblit v1.9.3