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 | 454 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 360 insertions(+), 94 deletions(-)
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index d563510..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">
@@ -46,7 +48,7 @@
icon="el-icon-upload2"
v-if="permission.securityGuard_import"
@click="handleImport1"
- >保安员批量导入
+ >保安员批量导入
</el-button>
<el-button
type="success"
@@ -55,7 +57,7 @@
icon="el-icon-upload2"
v-if="permission.securityGuard_import"
@click="handleImport2"
- >个人照片批量上传
+ >个人照片批量上传
</el-button>
<el-button
type="primary"
@@ -64,7 +66,7 @@
v-if="permission.securityGuard_security_apply"
icon="el-icon-s-promotion"
@click="handleSecurityApply"
- >上岗证制证申请
+ >上岗证制证申请
</el-button>
<el-button
type="primary"
@@ -73,16 +75,15 @@
v-if="permission.securityGuard_security_paper_apply"
icon="el-icon-collection-tag"
@click="handleSecurityPaperApply"
- >证书制证申请
+ >证书制证申请
</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
@@ -92,7 +93,7 @@
plain
icon="el-icon-delete"
@click="handleDelete"
- >注 销
+ >注 销
</el-button>
<el-button
type="info"
@@ -102,7 +103,7 @@
v-if="permission.user_role"
icon="el-icon-user"
@click="handleGrant"
- >角色配置
+ >角色配置
</el-button>
<el-button
type="info"
@@ -112,7 +113,7 @@
v-if="permission.user_reset"
icon="el-icon-refresh"
@click="handleReset"
- >密码重置
+ >密码重置
</el-button>
<el-button
type="info"
@@ -122,7 +123,7 @@
v-if="userInfo.role_name.includes('admin')"
icon="el-icon-setting"
@click="handlePlatform"
- >平台配置
+ >平台配置
</el-button>
<el-button
type="success"
@@ -132,7 +133,7 @@
v-if="userInfo.role_name.includes('admin')"
icon="el-icon-upload2"
@click="handleImport"
- >导入
+ >导入
</el-button>
<el-button
type="warning"
@@ -142,7 +143,7 @@
v-if="userInfo.role_name.includes('admin')"
icon="el-icon-download"
@click="handleExport"
- >导出
+ >导出
</el-button>
</template>
@@ -152,7 +153,7 @@
:size="size"
:type="type"
@click.stop="rowClick(row)"
- >查看
+ >查看
</el-button>
<el-button
icon="el-icon-edit"
@@ -160,7 +161,7 @@
:type="type"
v-if="permission.securityGuard_delete && row.status != 2"
@click.stop="rowStatus(row)"
- >离职登记
+ >离职登记
</el-button>
<el-button
icon="el-icon-edit"
@@ -168,7 +169,7 @@
:type="type"
v-if="row.status == 2"
@click.stop="rowDellook(row)"
- >离职查询
+ >离职查询
</el-button>
<el-button
icon="el-icon-edit"
@@ -176,15 +177,16 @@
:type="type"
v-if="permission.securityGuard_check"
@click.stop="rowCheck(row)"
- >异常
+ >异常
</el-button>
<el-button
icon="el-icon-edit"
+ style="display: none"
:size="size"
:type="type"
v-if="permission.securityGuard_paper"
@click.stop="certificateClick(row)"
- >纸质证书制作
+ >纸质证书制作
</el-button>
</template>
@@ -197,9 +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>
@@ -369,10 +370,10 @@
{{
certificateObj.cardid
? certificateObj.cardid.slice(6, 10) +
- "." +
- certificateObj.cardid.slice(10, 12) +
- "." +
- certificateObj.cardid.slice(12, 14)
+ "." +
+ certificateObj.cardid.slice(10, 12) +
+ "." +
+ certificateObj.cardid.slice(12, 14)
: ""
}}
</div>
@@ -391,6 +392,8 @@
</template>
<script>
+// 身份证引入
+import CertCtl from "./sfzJS";
import {
getUser,
getUserPlatform,
@@ -406,16 +409,17 @@
saveOrUpdateUserPractitionersInfo,
getzhiwen, //指纹
} from "@/api/system/user";
-import {securityApply} from "@/api/accreditationRecords/accreditationRecords";
-import {getList} from "@/api/securityGuard/securityGuard";
-import {getDeptLazyTree} from "@/api/system/dept";
-import {getRoleTree, getRoleDetail} from "@/api/system/role";
-import {getPostList} from "@/api/system/post";
-import {mapGetters} from "vuex";
+import { securityApply } from "@/api/accreditationRecords/accreditationRecords";
+import { getList } from "@/api/securityGuard/securityGuard";
+import { getDeptLazyTree } from "@/api/system/dept";
+import { getRoleTree, getRoleDetail } from "@/api/system/role";
+import { getPostList } from "@/api/system/post";
+import { mapGetters } from "vuex";
import website from "@/config/website";
-import {getToken} from "@/util/auth";
-import {securityFormPageColumn} from "./data";
-import {mapState} from "vuex";
+import { getToken } from "@/util/auth";
+import { securityFormPageColumn } from "./data";
+import { mapState } from "vuex";
+import Qs from "qs";
//加载指纹类
import Client from "./Client";
@@ -464,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) => {
@@ -505,6 +509,13 @@
}
};
return {
+ // 表格数据
+ defaults: {},
+ // 身份证设备数据
+ haveSEL: true, //是否存在设备
+ cardShebei: "",
+ intTime: "", //自动获取身份证；
+ haveCardid: true, //读卡开关
// 指纹数据
isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
zhiwenImg: "",
@@ -644,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;
@@ -695,6 +710,7 @@
{
label: "姓名",
prop: "realName",
+ disabled: false,
rules: [
{
required: true,
@@ -1230,33 +1246,34 @@
userInfo: (state) => state.user.userInfo,
}),
},
- beforeCreate() {
- },
+ beforeCreate() {},
created() {
- console.log(this.userInfo, 9999);
+ // 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 == "押运分公司") {
+ if (
+ this.userInfo.account == "南昌市保安服务总公司" ||
+ this.userInfo.account == "押运分公司"
+ ) {
this.option.column.push({
label: "持枪证编号",
prop: "guncode",
width: 90,
addDisplay: false,
- editDisplay: 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
-
+ this.excelOption1.column[0].action =
+ "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id;
}
-
},
mounted() {
// this.option.column[0].hide = true
@@ -1271,6 +1288,7 @@
this.deptIds = this.userInfo.dept_id;
// this.beginzhiwen();
+ this.olondSFZ(); //检查身份证设备是否存在
},
methods: {
openccc() {
@@ -1458,9 +1476,12 @@
done();
},
handleTemplate1() {
- if (this.userInfo.account == "南昌市保安服务总公司" || this.userInfo.account == "押运分公司") {
+ if (
+ this.userInfo.account == "南昌市保安服务总公司" ||
+ this.userInfo.account == "押运分公司"
+ ) {
window.open(`/api/blade-user/export-template-securityYy`);
- return
+ return;
}
window.open(`/api/blade-user/export-template-security`);
},
@@ -1478,7 +1499,7 @@
rowClick(row) {
this.$router.push({
path: "/securityGuardDetail",
- query: {row: JSON.stringify(row)},
+ query: { row: JSON.stringify(row) },
});
},
//行点击事件
@@ -1498,7 +1519,7 @@
this.certificateObj.registered == "" ||
this.certificateObj.registered == null
) {
- this.$message({message: "请完善身份证住址信息", type: "warning"});
+ this.$message({ message: "请完善身份证住址信息", type: "warning" });
return;
}
//更新发证时间
@@ -1561,7 +1582,7 @@
rowClickSelf(row) {
this.$router.push({
path: "/securityUnitChild",
- query: {fromSecunityGuardId: row},
+ query: { fromSecunityGuardId: row },
});
},
nodeClick(data) {
@@ -1620,7 +1641,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type: 1
+ type: 1,
};
return securityApply(data);
})
@@ -1658,7 +1679,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type: 2
+ type: 2,
};
return securityApply(data);
})
@@ -1669,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");
@@ -1722,6 +1787,7 @@
rtime: row.rtime,
securitynumber: row.securitynumber,
sex: row.sex,
+ guncode: row.guncode,
},
};
@@ -1784,8 +1850,7 @@
"离职原因",
{
confirmButtonText: "确定",
- callback: (action) => {
- },
+ callback: (action) => {},
}
);
},
@@ -1795,7 +1860,7 @@
cancelButtonText: "取消",
inputErrorMessage: "",
})
- .then(({value}) => {
+ .then(({ value }) => {
row.reasonForLeav = value;
row.status = "2";
// return;
@@ -1807,8 +1872,7 @@
});
this.refreshChange();
})
- .catch(() => {
- });
+ .catch(() => {});
},
rowDel(row) {
this.$confirm("确定注销当前用户?", {
@@ -1960,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;
@@ -1992,11 +2239,15 @@
this.initFlag = true;
done();
},
+ beforeClose(done, type) {
+ this.closeSFZ(112);
+ done();
+ },
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
//行样式调整
- rowStyle({row, column, rowIndex}) {
+ rowStyle({ row, column, rowIndex }) {
if (row.examinationType == "1") {
return {
color: "#ff2727",
@@ -2017,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;
@@ -2038,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 =
@@ -2048,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";
--
Gitblit v1.9.3