From 3a6ae7ec0c0df9681b08efe4adca05a71afeb2b0 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 23 Nov 2021 15:17:40 +0800
Subject: [PATCH] +
---
src/views/securityGuard/securityGuard.vue | 395 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 347 insertions(+), 48 deletions(-)
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 5e6206d..3342769 100644
--- a/src/views/securityGuard/securityGuard.vue
+++ b/src/views/securityGuard/securityGuard.vue
@@ -14,7 +14,11 @@
</div>
</el-col>
<el-col :span="24">
- <basic-container>
+ <basic-container
+ :class="[
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch' : '',
+ ]"
+ >
<avue-crud
:option="option"
:search.sync="search"
@@ -36,6 +40,8 @@
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
+ :defaults.sync="defaults"
+ :before-close="beforeClose"
>
<!-- @row-update="rowUpdate" -->
<template slot="menuLeft">
@@ -76,13 +82,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 +185,7 @@
</el-button>
<el-button
icon="el-icon-edit"
+ style="display: none"
:size="size"
:type="type"
v-if="permission.securityGuard_paper"
@@ -197,8 +203,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 +396,8 @@
</template>
<script>
+// 身份证引入
+import CertCtl from "./sfzJS";
import {
getUser,
getUserPlatform,
@@ -415,6 +423,7 @@
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
+import Qs from "qs";
//加载指纹类
import Client from "./Client";
@@ -463,36 +472,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 +513,14 @@
}
};
return {
+ nowCell: "", //空为手动，2为身份证设备读取
+ // 表格数据
+ defaults: {},
+ // 身份证设备数据
+ haveSEL: true, //是否存在设备
+ cardShebei: "",
+ intTime: "", //自动获取身份证；
+ haveCardid: true, //读卡开关
// 指纹数据
isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
zhiwenImg: "",
@@ -588,6 +605,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
+ ...this.$store.state.control.changePageSize,
},
roleId: "1412226235153731586",
deptId: "1413470343230877697",
@@ -596,6 +614,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
+ ...this.$store.state.control.changePageSize,
},
init: {
roleTree: [],
@@ -643,7 +662,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;
@@ -664,6 +687,7 @@
//dialogType: 'drawer',
dialogClickModal: false,
column: securityFormPageColumn,
+ ...this.$store.state.control.clearOtherBut,
group: [
{
label: "基础信息",
@@ -672,7 +696,7 @@
icon: "el-icon-user-solid",
column: [
{
- label: "所属保安公司",
+ label: "企业名称",
prop: "deptId",
type: "tree",
// dicUrl:
@@ -694,6 +718,7 @@
{
label: "姓名",
prop: "realName",
+ disabled: false,
rules: [
{
required: true,
@@ -801,8 +826,8 @@
text: " ",
ratio: 0.1,
},
- action: "/api/blade-resource/oss/endpoint/put-files",
- tip: "上传二代身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
+ action: "/api/blade-resource/oss/endpoint/put-file-user-avatar",
+ tip: "上传身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
span: 12,
// row: true,
prop: "avatar",
@@ -1150,6 +1175,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 +1187,7 @@
isoks: isoks,
});
}
+
setTimeout(() => {
// if()
if (!this.form.id) {
@@ -1229,9 +1256,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 +1296,7 @@
this.deptIds = this.userInfo.dept_id;
// this.beginzhiwen();
+ this.olondSFZ(); //检查身份证设备是否存在
},
methods: {
openccc() {
@@ -1434,6 +1484,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 +1649,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type:1
+ type: 1,
};
return securityApply(data);
})
@@ -1630,7 +1687,7 @@
const data = {
ids: str,
createUser: this.userInfo.user_id,
- type:2
+ type: 2,
};
return securityApply(data);
})
@@ -1641,6 +1698,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");
@@ -1664,6 +1765,8 @@
}
const userMap = {
user: {
+ //是否是身份证自动识别进入
+ cell: this.nowCell,
//指纹↓
fingerprint: zhiwen.imgBMP, //图
myPicture: zhiwen.featuredata, //特征
@@ -1694,6 +1797,7 @@
rtime: row.rtime,
securitynumber: row.securitynumber,
sex: row.sex,
+ guncode: row.guncode,
},
};
@@ -1734,6 +1838,8 @@
}
// console.log(row);
// return;
+ //是否是身份证自动识别进入
+ row["cell"] = this.nowCell;
update(row).then(
() => {
this.initFlag = false;
@@ -1930,8 +2036,161 @@
}=${getToken()}`
);
},
+ openClosegroup(val) {
+ let ql = /realName|nation|cardid|registered|sex/;
+ // let ql = /realName|nation|cardid|registered/;
+ 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;
+ that.haveSEL = true;
+ // console.log(e, 123);
+ 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) {
+ //定时读卡
+ console.log(that.haveCardid);
+ let result = CertCtl.readCert();
+ // console.log(result);
+ console.log("通过读取");
+ 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 == 0 ? 2 : data.certType == 1 ? 1 : 3;
+ //禁止编辑
+ that.openClosegroup(true);
+ that.nowCell = "2";
+ } else if (resultObj.resultFlag == "-1") {
+ if (resultObj.errorMsg == "端口打开失败") {
+ console.log("读卡器未连接");
+ that.closeSFZ();
+ } else {
+ console.log("无卡片提醒-1", resultObj.errorMsg);
+ //无卡片提醒
+ // that.closeSFZ();
+ }
+ } else if (resultObj.resultFlag == "-2") {
+ console.log("异常-2", 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);
+ this.nowCell = "";
+ },
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 +2221,10 @@
this.initFlag = true;
done();
},
+ beforeClose(done, type) {
+ this.closeSFZ(112);
+ done();
+ },
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
@@ -1987,7 +2250,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 +2275,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 +2288,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 +2429,13 @@
.box .el-scrollbar__wrap {
overflow: scroll;
}
+
.rowClickSelf {
&:hover {
cursor: pointer;
}
}
+
//保安证 本子
.certificate_box {
width: 100%;
@@ -2167,6 +2447,7 @@
flex-direction: column;
font: normal 18px "SimSuncss" !important;
}
+
.security_main {
width: 630px;
height: 512px;
@@ -2178,6 +2459,7 @@
// background-repeat: no-repeat;
position: relative;
}
+
// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
@@ -2189,6 +2471,7 @@
line-height: 45px;
letter-spacing: 3px;
}
+
//发证公安机关 （印章）
.security_m_l_center {
position: absolute;
@@ -2196,6 +2479,7 @@
left: 30px;
line-height: 40px;
}
+
//证件编号
.security_m_l_down {
position: absolute;
@@ -2217,6 +2501,7 @@
text-align: justify;
text-align-last: justify;
}
+
//出生年月
.security_m_r_b {
position: absolute;
@@ -2226,6 +2511,7 @@
text-align: justify;
text-align-last: justify;
}
+
//地址
.security_m_r_c {
position: absolute;
@@ -2235,6 +2521,7 @@
text-align: justify;
text-align-last: justify;
}
+
//公民身份证
.security_m_r_d {
position: absolute;
@@ -2244,6 +2531,7 @@
text-align: justify;
text-align-last: justify;
}
+
//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
@@ -2253,6 +2541,7 @@
position: absolute;
top: $upTop;
left: 421px;
+
img {
width: 100%;
height: 100%;
@@ -2269,6 +2558,7 @@
line-height: 45px;
letter-spacing: 3px;
}
+
//发证时间
$timeTop: 315px; //整体高度
//年
@@ -2278,6 +2568,7 @@
left: 109px;
line-height: 40px;
}
+
//月
.security_m_l_titlepaperTimeyue {
position: absolute;
@@ -2285,6 +2576,7 @@
left: 168px;
line-height: 40px;
}
+
//日
.security_m_l_titlepaperTimeri {
position: absolute;
@@ -2292,6 +2584,7 @@
left: 159px;
line-height: 40px;
}
+
//证件编号
.security_m_l_downsecuritynumber {
position: absolute;
@@ -2308,6 +2601,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
// 生日
.security_m_r_o_rightbirthday {
position: absolute;
@@ -2315,6 +2609,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
// 地址
.security_m_r_o_rightaddress {
position: absolute;
@@ -2322,6 +2617,7 @@
left: $centerLeft;
width: 185px;
}
+
// 身份证
.security_m_r_o_rightcardid {
position: absolute;
@@ -2329,6 +2625,7 @@
left: $centerLeft;
// width: $rightWidth;
}
+
//背景图
.security_main_backImge {
position: absolute;
@@ -2346,6 +2643,7 @@
line-height: 40px;
letter-spacing: 2px;
}
+
.zhiwenMain {
width: 100%;
height: 305px;
@@ -2354,6 +2652,7 @@
// justify-content: space-around;
// border: 1px solid red;
}
+
// .zhiwenImgs {
// width: 178px;
// height: 178px;
--
Gitblit v1.9.3