From 8e2a42e4a2da78f9cda9fa3e7732a0ef72f0c906 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 12 Nov 2021 09:29:02 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_enterprises
---
src/views/securityGuard/securityGuard.vue | 1609 ++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 1,262 insertions(+), 347 deletions(-)
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 4b96a44..2de38c8 100644
--- a/src/views/securityGuard/securityGuard.vue
+++ b/src/views/securityGuard/securityGuard.vue
@@ -1,5 +1,5 @@
<template>
- <el-row class="securityGuard">
+ <el-row :class="{ securityGuard: isSecurity }">
<el-col :span="0" style="display: none">
<div class="box">
<el-scrollbar>
@@ -24,9 +24,9 @@
v-model="form"
:permission="permissionList"
@row-del="rowDel"
- @row-update="rowUpdate"
+ :row-style="rowStyle"
@row-save="rowSave"
- @row-click="rowClick"
+ @row-update="rowUpdate"
:before-open="beforeOpen"
:page.sync="page"
@search-change="searchChange"
@@ -37,6 +37,7 @@
@refresh-change="refreshChange"
@on-load="onLoad"
>
+ <!-- @row-update="rowUpdate" -->
<template slot="menuLeft">
<el-button
type="success"
@@ -45,8 +46,36 @@
icon="el-icon-upload2"
v-if="permission.securityGuard_import"
@click="handleImport1"
- >批量导入
+ >保安员批量导入
</el-button>
+ <el-button
+ type="success"
+ size="small"
+ plain
+ icon="el-icon-upload2"
+ v-if="permission.securityGuard_import"
+ @click="handleImport2"
+ >个人照片批量上传
+ </el-button>
+ <el-button
+ type="primary"
+ size="small"
+ plain
+ v-if="permission.securityGuard_security_apply"
+ icon="el-icon-s-promotion"
+ @click="handleSecurityApply"
+ >上岗证制证申请
+ </el-button>
+ <el-button
+ type="primary"
+ size="small"
+ plain
+ v-if="permission.securityGuard_security_paper_apply"
+ icon="el-icon-collection-tag"
+ @click="handleSecurityPaperApply"
+ >证书制证申请
+ </el-button>
+
<el-button
type="danger"
style="display: none"
@@ -109,21 +138,44 @@
</template>
<template slot-scope="{ type, size, row }" slot="menu">
- <!-- <el-button
- style="display:none"
- icon="el-icon-edit"
- :size="size"
- :type="type"
- @click.stop="addOrUpdateHandle(row.id)"
- >修改
- </el-button> -->
+ <el-button
+ icon="el-icon-s-custom"
+ :size="size"
+ :type="type"
+ @click.stop="rowClick(row)"
+ >查看
+ </el-button>
<el-button
icon="el-icon-edit"
:size="size"
:type="type"
- v-if="permission.securityGuard_delete"
- @click.stop="rowDel(row)"
+ v-if="permission.securityGuard_delete && row.status != 2"
+ @click.stop="rowStatus(row)"
>离职登记
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ v-if="row.status == 2"
+ @click.stop="rowDellook(row)"
+ >离职查询
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ v-if="permission.securityGuard_check"
+ @click.stop="rowCheck(row)"
+ >异常
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ v-if="permission.securityGuard_paper"
+ @click.stop="certificateClick(row)"
+ >纸质证书制作
</el-button>
</template>
@@ -131,7 +183,14 @@
<el-tag v-if="row.sex == 1">男</el-tag>
<el-tag v-if="row.sex == 2">女</el-tag>
</template>
-
+ <template slot-scope="{ row }" slot="deptId">
+ <el-tag
+ class="rowClickSelf"
+ title="点击查看所属公司情况"
+ @click="rowClickSelf(row.deptId)"
+ >{{ row.deptName }}</el-tag
+ >
+ </template>
<template slot-scope="{ row }" slot="tenantName">
<el-tag>{{ row.tenantName }}</el-tag>
</template>
@@ -143,6 +202,35 @@
</template>
<template slot-scope="{ row }" slot="userTypeName">
<el-tag>{{ row.userTypeName }}</el-tag>
+ </template>
+ <template slot-scope="{ row }" slot="userType">
+ {{
+ row.userType == 6 ? "已制证" : row.userType == 7 ? "未制证" : ""
+ }}
+ </template>
+
+ <!-- 自定义新增和编辑中的指纹信息 -->
+ <!-- src="http://223.82.109.183:2081/zhba/upload/picture/85004574ae23472da37350b918960206.png" -->
+ <template slot-scope="{ type, disabled }" slot="fingerprintForm">
+ <div class="zhiwenMain">
+ <!-- <img class="zhiwenImgs" :src="zhiwenImg" alt="" />
+ <el-button type="primary" @click="openzhiwen" v-show="isOr">{{
+ zhiwenTitle
+ }}</el-button>
+ <el-button type="warning" @click="closezhiwen" v-show="!isOr">{{
+ zhiwenTitle
+ }}</el-button>
+ <el-button type="primary" @click="openccc">openccc</el-button>-->
+ <iframe
+ id="zhiwen"
+ ref="zhiwen"
+ src="/zhiwenDemo/CID.html"
+ frameborder="0"
+ width="100%"
+ height="100%"
+ name="zhiwen"
+ ></iframe>
+ </div>
</template>
</avue-crud>
<el-dialog
@@ -235,11 +323,63 @@
</template>
</avue-form>
</el-dialog>
+ <el-dialog
+ title="个人照片批量上传"
+ append-to-body
+ :visible.sync="excelBox2"
+ width="555px"
+ >
+ <avue-form
+ :option="excelOption2"
+ v-model="excelForm2"
+ :upload-after="uploadAfter2"
+ >
+ </avue-form>
+ </el-dialog>
+ <div style="position: fixed; top: 9999px; width: 100%; height: 100%">
+ <div class="certificate_box" id="certificateDom">
+ <div class="security_main" ref="certificateBox">
+ <div class="security_m_l_titleName widt">
+ {{ certificateObj.realName }}
+ </div>
+ <div class="security_m_r_o_jg widt">南昌市公安局</div>
+ <div class="security_m_l_titlepaperTimenian widt">
+ {{ certificateYear }}
+ </div>
+ <div class="security_m_l_titlepaperTimeyue widt">
+ {{ certificateMonth }}
+ </div>
+ <div class="security_m_l_downsecuritynumber widt">
+ {{ certificateObj.securitynumber }}
+ </div>
+ <div class="security_m_r_o_right widt">
+ {{ certificateObj.realName }}
+ </div>
+ <div class="security_m_r_o_rightbirthday widt">
+ {{
+ certificateObj.cardid
+ ? certificateObj.cardid.slice(6, 10) +
+ "." +
+ certificateObj.cardid.slice(10, 12) +
+ "." +
+ certificateObj.cardid.slice(12, 14)
+ : ""
+ }}
+ </div>
+ <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
+ {{ certificateObj.registered }}
+ </div>
+ <div class="security_m_r_o_rightcardid">
+ {{ certificateObj.cardid }}
+ </div>
+ </div>
+ </div>
+ </div>
</basic-container>
</el-col>
</el-row>
</template>
-
+
<script>
import {
getUser,
@@ -252,8 +392,11 @@
grant,
resetPassword,
getUserPractitionersInfo,
+ updatePaperTime,
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";
@@ -264,28 +407,118 @@
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
+//加载指纹类
+import Client from "./Client";
+import doneVue from "../work/done.vue";
+// import func from "vue-editor-bridge";
+
export default {
data() {
- const validatePass = (rule, value, callback) => {
- if (value === "") {
- callback(new Error("请输入密码"));
+ // const validatePass = (rule, value, callback) => {
+ // if (value === "") {
+ // callback(new Error("请输入密码"));
+ // } else {
+ // callback();
+ // }
+ // };
+ // const validatePass2 = (rule, value, callback) => {
+ // if (value === "") {
+ // callback(new Error("请再次输入密码"));
+ // } else if (value !== this.form.password) {
+ // callback(new Error("两次输入密码不一致!"));
+ // } else {
+ // callback();
+ // }
+ // };
+ // const validatePassNumber = (rule, value, callback) => {
+ // var test = /^[0-9]*$/gm;
+ // if (!test.test(value)) {
+ // callback(new Error("请输入数字"));
+ // } else {
+ // callback();
+ // }
+ // };
+ var date = new Date();
+ let year = date.getFullYear(),
+ mouth = date.getMonth() + 1,
+ day = date.getDate(),
+ oldy,
+ oldm,
+ oldd,
+ ok = false;
+
+ const validatePassCardid = (rule, value, callback) => {
+ // console.log(oldy, oldm, oldd, year - oldy, mouth, day);
+ var test =
+ /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
+ if (!test.test(value)) {
+ callback(new Error("请输入正确身份证号码"));
} else {
- callback();
+ //加入校验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 validatePass2 = (rule, value, callback) => {
- if (value === "") {
- callback(new Error("请再次输入密码"));
- } else if (value !== this.form.password) {
- callback(new Error("两次输入密码不一致!"));
+ const validatePassPhone = (rule, value, callback) => {
+ var test = /^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9]|19[0-9])\d{8}$/g;
+ if (!test.test(value)) {
+ callback(new Error("请输入正确手机号码"));
} else {
callback();
}
};
return {
+ // 指纹数据
+ isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
+ zhiwenImg: "",
+ zhiwenChart: "",
+ zhiwenTitle: "开始采集",
+ Client: "", //实例化指纹采集类合集
+ isOr: true,
+ begin_cap: false,
+ RAWzhiwen: "",
+ yuzhi: 60, //指纹获取结束阈值
+ // 指纹数据
+ certificateYear: null,
+ certificateMonth: null,
+ certificateFlag: false,
+ certificateObj: {
+ realName: "",
+ securitynumber: "",
+ cardid: "",
+ registered: "",
+ },
securityid: "",
excelBox1: false,
- isSecurity: false,
+ excelBox2: false,
+ isSecurity: true,
excelForm1: {},
excelOption1: {
submitBtn: false,
@@ -302,7 +535,7 @@
res: "data",
},
tip: "请上传 .xls,.xlsx 标准格式文件",
- action: "/api/blade-user/import-user",
+ action: "/api/blade-user/import-security?deptId=" + this.deptIds,
},
{
label: "模板下载",
@@ -312,7 +545,26 @@
},
],
},
-
+ excelForm2: {},
+ excelOption2: {
+ submitBtn: false,
+ emptyBtn: false,
+ column: [
+ {
+ label: "文件上传",
+ prop: "file",
+ type: "upload",
+ drag: true,
+ loadText: "文件上传中，请稍等",
+ span: 24,
+ propsHttp: {
+ res: "data",
+ },
+ tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
+ action: "/api/blade-resource/oss/endpoint/put-file-zip",
+ },
+ ],
+ },
form: {},
search: {},
roleBox: false,
@@ -330,6 +582,7 @@
},
roleId: "1412226235153731586",
deptId: "1413470343230877697",
+ deptIds: "",
platformPage: {
pageSize: 10,
currentPage: 1,
@@ -373,20 +626,29 @@
children: "children",
},
},
+ choiceList: [],
option: {
height: "auto",
calcHeight: 80,
- tip: false,
+ tip: true,
searchShow: true,
-
+ reserveSelection: true,
+ selectable: (row) => {
+ if (row.hold !== "1") {
+ return false;
+ } else {
+ return true;
+ }
+ },
indexWidth: 55,
searchMenuSpan: 6,
stripe: true,
border: true,
-
+ delBtn: true,
align: "center",
index: true,
delBtnText: "注销",
+ menuWidth: 327,
selection: true,
viewBtn: true,
defaultExpandAll: true,
@@ -421,38 +683,6 @@
],
},
{
- label: "登录账号",
- prop: "account",
- rules: [
- {
- required: true,
- message: "请输入登录账号",
- trigger: "blur",
- },
- ],
- // disabled: true,
- },
- {
- label: "密码",
- prop: "password",
- hide: true,
- editDisplay: false,
- viewDisplay: false,
- rules: [
- { required: true, validator: validatePass, trigger: "blur" },
- ],
- },
- {
- label: "确认密码",
- prop: "password2",
- hide: true,
- editDisplay: false,
- viewDisplay: false,
- rules: [
- { required: true, validator: validatePass2, trigger: "blur" },
- ],
- },
- {
label: "姓名",
prop: "realName",
rules: [
@@ -468,100 +698,165 @@
},
],
},
+ // {
+ // label: "登录账号",
+ // prop: "account",
+ // editDisabled: true,
+ // rules: [
+ // {
+ // required: true,
+ // message: "请输入登录账号",
+ // trigger: "blur",
+ // },
+ // ],
+ // // disabled: true,
+ // },
+ // {
+ // label: "密码",
+ // prop: "password",
+ // type: "password",
+ // hide: true,
+ // editDisplay: false,
+ // viewDisplay: false,
+ // rules: [
+ // { required: true, validator: validatePass, trigger: "blur" },
+ // ],
+ // },
+ // {
+ // label: "确认密码",
+ // prop: "password2",
+ // type: "password",
+ // hide: true,
+ // editDisplay: false,
+ // viewDisplay: false,
+ // rules: [
+ // { required: true, validator: validatePass2, trigger: "blur" },
+ // ],
+ // },
+ ],
+ },
+ {
+ label: "详细信息",
+ prop: "detailInfo",
+ labelWidth: "110",
+ icon: "el-icon-s-order",
+ column: [
{
- label: "昵称",
- prop: "name",
+ label: "身份证号",
+ prop: "cardid",
+ hide: true,
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入身份证号",
+ trigger: "blur",
+ },
+ {
+ required: true,
+ validator: validatePassCardid,
+ trigger: "blur",
+ },
+ ],
},
+ {
+ label: "手机号码",
+ prop: "phone",
+ overHidden: true,
+ rules: [
+ {
+ required: true,
+ message: "请输入手机号",
+ trigger: "blur",
+ },
+ {
+ required: true,
+ validator: validatePassPhone,
+ trigger: "blur",
+ },
+ ],
+ },
+ // {
+ // label: "昵称",
+ // prop: "name",
+ // },
{
label: "个人照片",
type: "upload",
listType: "picture-img",
propsHttp: {
res: "data",
- url: "link",
+ url: "url",
},
canvasOption: {
text: " ",
ratio: 0.1,
},
- action: "/api/blade-resource/oss/endpoint/put-file",
- tip: "只能上传jpg/png个人头像，且不超过500kb",
+ action: "/api/blade-resource/oss/endpoint/put-files",
+ tip: "上传二代身份证一寸近期彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过500kb",
span: 12,
- row: true,
- prop: "myPicture",
+ // row: true,
+ prop: "avatar",
},
-
- // {
- // label: "编号",
- // prop: "code",
- // },
-
{
- label: "所属辖区",
- prop: "jurisdiction",
- // multiple: true,
- type: "tree",
- dicUrl: "/api/jurisdiction/lazy-tree?parentId=0",
- props: {
- label: "title",
- value: "id",
- },
- checkStrictly: true,
- slot: true,
- rules: [
- {
- required: false,
- message: "请选择所属辖区",
- trigger: "click",
- },
- ],
+ label: "指纹信息",
+ // type: "upload",
+ // listType: "picture-img",
+ // propsHttp: {
+ // res: "data",
+ // url: "url",
+ // },
+ // canvasOption: {
+ // text: " ",
+ // ratio: 0.1,
+ // },
+ // action: "/api/blade-resource/oss/endpoint/put-files",
+ // tip: "只能上传jpg/png指纹信息，且不超过500kb",
+ span: 12,
+ // row: true,
+ prop: "fingerprint",
},
- // {
- // label: "所属角色",
- // prop: "roleId",
- // multiple: true,
- // type: "tree",
- // dicData: [],
- // props: {
- // label: "title",
- // },
- // checkStrictly: true,
- // slot: true,
- // rules: [
- // {
- // required: true,
- // message: "请选择所属角色",
- // trigger: "click",
+ // {
+ // label: "指纹信息",
+ // type: "upload",
+ // listType: "picture-img",
+ // propsHttp: {
+ // res: "data",
+ // url: "url",
// },
- // ],
- // },
- // {
- // label: "所属岗位",
- // prop: "postId",
- // type: "tree",
- // multiple: true,
- // dicData: [],
- // props: {
- // label: "postName",
- // value: "id",
- // },
- // rules: [
- // {
- // required: false,
- // message: "请选择所属岗位",
- // trigger: "click",
+ // canvasOption: {
+ // text: " ",
+ // ratio: 0.1,
// },
- // ],
- // },
+ // action: "/api/blade-resource/oss/endpoint/put-files",
+ // tip: "只能上传jpg/png指纹信息，且不超过500kb",
+ // span: 12,
+ // // row: true,
+ // prop: "fingerprint",
+ // },
{
label: "是否持证",
prop: "hold",
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
- props: {
- label: "dictValue",
- value: "dictKey",
- },
+ // dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
+ // props: {
+ // label: "dictValue",
+ // value: "dictKey",
+ // },
type: "select",
+ dicData: [
+ {
+ label: "是",
+ value: "1",
+ },
+ {
+ label: "否",
+ value: "2",
+ },
+ {
+ label: "已吊销",
+ value: "3",
+ },
+ ],
rules: [
{
required: true,
@@ -575,39 +870,22 @@
prop: "securitynumber",
hide: true,
},
- {
- label: "手机号码",
- prop: "phone",
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入手机号",
- trigger: "blur",
- },
- ],
- },
+ // {
+ // label: "发证日期",
+ // prop: "paperTime",
+ // hide: true,
+ // type: "date",
+ // format: "yyyy-MM-dd",
+ // valueFormat: "yyyy-MM-dd",
+ // },
{
label: "电子邮箱",
prop: "email",
},
- {
- label: "身份证号",
- prop: "cardid",
- hide: true,
- overHidden: true,
- rules: [
- {
- required: true,
- message: "请输入身份证号",
- trigger: "blur",
- },
- ],
- },
- {
- label: "籍贯",
- prop: "nativeplace",
- },
+ // {
+ // label: "籍贯",
+ // prop: "nativeplace",
+ // },
{
label: "民族",
prop: "nation",
@@ -642,8 +920,35 @@
prop: "address",
},
{
- label: "户口所在地",
+ label: "身份证住址",
prop: "registered",
+ rules: [
+ {
+ required: true,
+ message: "请输入身份证住址",
+ trigger: "click",
+ },
+ ],
+ },
+ {
+ label: "所属辖区",
+ prop: "jurisdiction",
+ // multiple: true,
+ type: "tree",
+ dicUrl: "/api/jurisdiction/lazy-tree",
+ props: {
+ label: "title",
+ value: "id",
+ },
+ checkStrictly: true,
+ slot: true,
+ rules: [
+ {
+ required: false,
+ message: "请选择所属辖区",
+ trigger: "click",
+ },
+ ],
},
{
label: "入职时间",
@@ -651,6 +956,13 @@
type: "date",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
+ rules: [
+ {
+ required: true,
+ message: "请输入入职时间",
+ trigger: "click",
+ },
+ ],
},
{
label: "性别",
@@ -671,92 +983,21 @@
// value: 3,
// },
],
- },
- {
- label: "生日",
- type: "date",
- prop: "birthday",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- },
- ],
- },
- {
- label: "从业信息",
- prop: "detailInfo",
- icon: "el-icon-s-order",
- column: [
- {
- prop: "UserPractitionersInfo",
- type: "dynamic",
- border: false,
- span: 24,
- children: {
- align: "left",
- headerAlign: "center",
- type: "form",
- rowAdd: (done) => {
- console.log(done, 111);
- done({
- input: "默认值",
- });
+ rules: [
+ {
+ required: true,
+ message: "请选择性别",
+ trigger: "blur",
},
- rowDel: (row, done) => {
- console.log(row, 222);
- done();
- },
- column: [
- {
- width: 200,
- label: "单位名称",
- prop: "companyname",
- formslot: true,
- },
- {
- width: 200,
- label: "部门",
- prop: "department",
- formslot: true,
- },
- {
- width: 200,
- label: "岗位",
- prop: "post",
- formslot: true,
- },
- {
- width: 200,
- label: "岗位职责",
- prop: "responsibilities",
- formslot: true,
- },
- {
- width: 200,
- label: "入职时间",
- type: "date",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- prop: "entryTime",
- formslot: true,
- },
- {
- width: 200,
- label: "离职时间",
- type: "date",
- format: "yyyy-MM-dd",
- valueFormat: "yyyy-MM-dd",
- prop: "departureTime",
- formslot: true,
- },
- {
- width: 200,
- label: "离职原因",
- prop: "leaving",
- formslot: true,
- },
- ],
- },
+ ],
},
+ // {
+ // label: "生日",
+ // type: "date",
+ // prop: "birthday",
+ // format: "yyyy-MM-dd",
+ // valueFormat: "yyyy-MM-dd",
+ // },
],
},
],
@@ -851,7 +1092,7 @@
res: "data",
},
tip: "请上传 .xls,.xlsx 标准格式文件",
- action: "/api/blade-user/import-user",
+ action: "/api/blade-user/import-security",
},
// {
// label: "数据覆盖",
@@ -895,13 +1136,56 @@
this.initData(this.form.tenantId);
}
},
+ "form.fingerprint"() {
+ let that = this;
+ if (this.form.fingerprint != undefined) {
+ that.isopen = true;
+ let isoks = false;
+ function sets(state, fingerprint, myPicture) {
+ isoks = state;
+ var winzhiwen = document.getElementById("zhiwen").contentWindow;
+ winzhiwen.setZhiwenData({
+ imgBMP: fingerprint,
+ // imgBMP: imgBMP,
+ // CID_img_raw: CID_img_raw,
+ featuredatas: myPicture,
+ isoks: isoks,
+ });
+ }
+ setTimeout(() => {
+ // if()
+ if (!this.form.id) {
+ sets(false);
+ return;
+ }
+ // return;
+ getzhiwen(this.form.id).then((res) => {
+ const data = res.data.data;
+ if (that.isopen) {
+ if (
+ data.fingerprint != "" &&
+ data.fingerprint != undefined &&
+ data.myPicture != "" &&
+ data.myPicture != undefined
+ ) {
+ sets(true, data.fingerprint, data.myPicture);
+ } else {
+ sets(false);
+ }
+ }
+ });
+ }, 1800);
+ } else {
+ that.isopen = false;
+ }
+ },
"form.deptId"() {
this.initData(this.form.tenantId);
},
"excelForm.isCovered"() {
if (this.excelForm.isCovered !== "") {
const column = this.findObject(this.excelOption.column, "excelFile");
- column.action = `/api/blade-user/import-user?isCovered=${this.excelForm.isCovered}`;
+ column.action = `/api/blade-user/import-security?isCovered=${this.excelForm.isCovered}`;
}
},
},
@@ -935,26 +1219,223 @@
}),
},
beforeCreate() {},
- created() {},
+ created() {
+ console.log(this.userInfo.role_name, 123541);
+ if (this.userInfo.role_name == "办证管理员") {
+ console.log(this.userInfo.role_name, 5555225);
+ this.search["userType"] = 7;
+ }
+ },
mounted() {
// this.option.column[0].hide = true
// 非保安单位模式默认加载管理组数据
if (!website.tenantMode) {
this.initData(website.tenantId);
}
+ this.search["status"] = 1;
+ if (this.userInfo.roleName == "办证管理员") {
+ this.search["userType"] = 7;
+ }
+ this.deptIds = this.userInfo.dept_id;
+
+ // this.beginzhiwen();
},
methods: {
+ openccc() {
+ console.log(this.zhiwenImg);
+ // console.log(this.zhiwenChart);
+ // this.Client.CID_Alg_FeatureExtract(
+ // //99是获取特征
+ // // ID_FingerPosition.UNKNOWN,
+ // 99,
+ // this.RAWzhiwen
+ // );
+ // console.log(this.RAWzhiwen);
+ },
+ beginzhiwen() {
+ //初始化指纹采集系统
+ let that = this;
+ this.Client = new Client(); //实例化指纹采集类
+ //添加指纹消息提醒
+ //初始化设备
+ this.Client.beginFn = {
+ fn: this.Client.CID_Init,
+ CID5000: this.Client.CIDDeviceType.CID5000,
+ };
+ this.Client.OnCID_Alg_Begin = function (code, msg) {
+ //初始化机器返数据
+ if (code == 1) {
+ console.log("初始化成功");
+ that.zhiwenTitle = "选定指纹";
+ that.isOr = false;
+ that.beginUseImg(); //开始预览指纹
+ } else {
+ that.closezhiwen();
+ alert("设备被占用或发生不可预料原因 错误码：" + code);
+ console.log("算法初始化发生错误 错误码：" + code);
+ }
+ };
+ this.Client.OnCID_Close = function (code, msg) {
+ //关闭机器返数据
+ if (code == 1) {
+ console.log("关闭设备成功");
+ that.Client.CID_Alg_FeatureExtract(
+ //99是获取特征
+ // ID_FingerPosition.UNKNOWN,
+ 99,
+ that.RAWzhiwen
+ );
+ that.zhiwenTitle = "开始采集";
+ that.isOr = true;
+ } else {
+ console.log("关闭设备发生错误 错误码：" + code);
+ }
+ };
+ this.Client.OnCID_BeginCapture = function (code, msg) {
+ //开始使用预览图片模式函数
+ // console.log(code, "图片模式开始");
+ if (code == 1) {
+ that.Client.CID_GetFPBmpData(0);
+ } else {
+ console.log("开始采集发生错误 错误码：" + code);
+ }
+ };
+ this.Client.OnCID_GetBmpData = function (code, msg, imagedata, feadata) {
+ //使用预览图片模式 采集 BMP格式
+ // console.log(msg, "图片模式采集");
+ if (code == 1) {
+ that.zhiwenImg = "data:image/bmp;base64," + imagedata;
+ if (that.begin_cap) {
+ that.Client.BmpToRaw(imagedata, 256, 360);
+ }
+ } else {
+ that.Client.CID_EndCapture(0);
+ that.begin_cap = false;
+ console.log("采集发生错误 错误码：" + code);
+ }
+ };
+ // this.Client.OnBmpToRaw = function (code, msg, imagedata) {
+ // //使用预览图片模式 BMP格式转换成RAW
+ // // console.log(code, msg, "BMP格式转换成RAW");
+ // // console.log(imagedata, "BMP格式转换成RAW");
+ // if (code == 0) {
+ // that.RAWzhiwen = imagedata;
+ // // console.log(imagedata);
+ // that.Client.CID_Alg_GetQualityScore(imagedata);
+ // } else {
+ // that.Client.CID_EndCapture(0);
+ // that.begin_cap = false;
+ // console.log("格式转换失败," + code + " " + msg);
+ // }
+ // };
+ this.Client.OnBmpToRaw = function (code, msg, imagedata) {
+ //使用预览图片模式 BMP格式转换成RAW
+ // console.log(code, msg, "BMP格式转换成RAW");
+ if (code == 0) {
+ that.Client.CID_Alg_GetQualityScore(imagedata);
+ // console.log(imagedata);
+ that.RAWzhiwen = imagedata;
+ } else {
+ that.Client.CID_EndCapture(0);
+ that.begin_cap = false;
+ alert("格式转换失败," + code + " " + msg);
+ }
+ };
+ this.Client.OnCID_EndCapture = function (code, msg) {
+ //使用预览图片模式 停止采集
+ if (code == 1) {
+ if (that.begin_cap) {
+ that.Client.CID_BeginCapture(0);
+ }
+ } else {
+ that.begin_cap = false;
+ console.log("停止采集发生错误 错误码：" + code);
+ }
+ };
+ this.Client.OnCID_Alg_GetQualityScore = function (code, msg, score) {
+ //停止获取
+ console.log(
+ "code：" + code + ";",
+ "msg：" + msg + ";",
+ "score：" + score + ";",
+ "传送RAW图片代码后返回值"
+ );
+ if (code == 1) {
+ if (score >= that.yuzhi) {
+ that.begin_cap = false;
+ that.Client.CID_EndCapture(0);
+ that.Client.CID_Alg_FeatureExtract(
+ //99是获取特征
+ // ID_FingerPosition.UNKNOWN,
+ 99,
+ that.RAWzhiwen
+ );
+ } else {
+ that.Client.CID_EndCapture(0);
+ }
+ } else if (code == -9) {
+ that.Client.CID_EndCapture(0);
+ } else {
+ that.Client.CID_EndCapture(0);
+ that.begin_cap = false;
+ // console.log("获取质量分数发生错误 错误码：" + code);
+ console.log("获取质量分数发生错误 错误码：" + code);
+ }
+ };
+ this.Client.OnCID_Alg_FeatureExtract = function (code, msg, featuredata) {
+ //获取特征
+ if (code == 1) {
+ that.zhiwenChart = featuredata;
+ console.log("特征提取成功");
+ console.log("特征提取成功", that.zhiwenChart);
+ } else {
+ console.log("特征提取发生错误 错误码：" + code);
+ }
+ };
+ },
+ openzhiwen() {
+ // 连接指纹助手
+ this.Client.Connect_Server(); //成功后台打印Connect Success
+ //成功后将自动初始化设备
+ //若不成功将重复2秒计时重连设备
+ },
+ closezhiwen() {
+ // 关闭指纹设备
+ if (!this.Client.isConnect) {
+ console.log("助手程序未连接");
+ return;
+ }
+ this.Client.CID_Close();
+ },
+ beginUseImg() {
+ //开始预览图片
+ if (!this.Client.isConnect) {
+ alert("助手程序未连接");
+ return;
+ }
+ this.begin_cap = true;
+ this.Client.CID_BeginCapture(0);
+ },
handleImport1() {
this.excelBox1 = true;
},
uploadAfter1(res, done, loading, column) {
window.console.log(column);
this.excelBox1 = false;
- // this.refreshChange();
+ this.refreshChange();
done();
},
handleTemplate1() {
window.open(`/api/blade-user/export-template-security`);
+ },
+ handleImport2() {
+ this.excelBox2 = true;
+ },
+ uploadAfter2(res, done, loading, column) {
+ window.console.log(column);
+ this.excelBox2 = false;
+ this.refreshChange();
+ done();
},
//行点击事件
@@ -962,6 +1443,89 @@
this.$router.push({
path: "/securityGuardDetail",
query: { row: JSON.stringify(row) },
+ });
+ },
+ //行点击事件
+ certificateClick(row) {
+ if (row) {
+ var time = this.getNewTime();
+ this.certificateYear = time[0];
+ this.certificateMonth = time[1];
+ this.certificateObj = row;
+ setTimeout(() => {
+ this.Print();
+ }, 500);
+ }
+ },
+ Print() {
+ if (
+ this.certificateObj.registered == "" ||
+ this.certificateObj.registered == null
+ ) {
+ this.$message({ message: "请完善身份证住址信息", type: "warning" });
+ return;
+ }
+ //更新发证时间
+ var printDom = document.getElementById("certificateDom");
+ printDom.style.position = "absolute";
+ printDom.style.top = "-25.0%";
+ printDom.style.left = "-23%";
+ printDom.style.width = "120%";
+ printDom.style.height = "100%";
+ printDom.style.fontFamily = "SimSun";
+
+ this.$print("#certificateDom", {
+ noPrint: ".noPrint",
+ onStart: () => {
+ // console.log('打印开始', Date.parse(new Date()));
+ },
+ onEnd: () => {
+ this.updateUserInfo();
+ // console.log('打印完成', Date.parse(new Date()));
+ },
+ });
+ },
+ getNewTime() {
+ var nowTime = new Date();
+
+ var oneHoursAgo = new Date(
+ new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
+ );
+ var oneHoursAgoY = oneHoursAgo.getFullYear();
+ var oneHoursAgoM =
+ oneHoursAgo.getMonth() + 1 < 10
+ ? "0" + (oneHoursAgo.getMonth() + 1)
+ : oneHoursAgo.getMonth() + 1;
+
+ /**
+ * @return 返回1小时，2小时，3小时，4小时，24小时
+ */
+ return [oneHoursAgoY, oneHoursAgoM];
+ },
+ //更新用户发证时间
+ updateUserInfo() {
+ var nowTime = new Date();
+ var oneHoursAgo = new Date(
+ new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
+ );
+ var oneHoursAgoY = oneHoursAgo.getFullYear();
+ var oneHoursAgoM =
+ oneHoursAgo.getMonth() + 1 < 10
+ ? "0" + (oneHoursAgo.getMonth() + 1)
+ : oneHoursAgo.getMonth() + 1;
+ var day = oneHoursAgo.getDay();
+ var date = oneHoursAgoY + "-" + oneHoursAgoM + "-" + day;
+ const data = {
+ id: this.certificateObj.id,
+ userType: 6,
+ paperTime: date,
+ };
+ updatePaperTime(data);
+ },
+ rowClickSelf(row) {
+ this.$router.push({
+ path: "/securityUnitChild",
+ query: { fromSecunityGuardId: row },
});
},
nodeClick(data) {
@@ -994,7 +1558,93 @@
this.onLoad(this.page);
});
},
+ //制证申请
+ handleSecurityApply() {
+ if (this.choiceList.length === 0) {
+ this.$message.warning("请勾选至少一位持证保安员");
+ return;
+ }
+ this.$confirm(
+ "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
+ {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ }
+ )
+ .then(() => {
+ let cho = this.choiceList;
+ let str = "";
+ for (let k in cho) {
+ str += cho[k].id;
+ if (k != cho.length - 1) {
+ str += ",";
+ }
+ }
+ const data = {
+ ids: str,
+ createUser: this.userInfo.user_id,
+ type:1
+ };
+ return securityApply(data);
+ })
+ .then(() => {
+ // this.$refs.crud.toggleSelection();
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
+ //证书制证申请
+ handleSecurityPaperApply() {
+ if (this.choiceList.length === 0) {
+ this.$message.warning("请勾选至少一位持证保安员");
+ return;
+ }
+ this.$confirm(
+ "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
+ {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ }
+ )
+ .then(() => {
+ let cho = this.choiceList;
+ let str = "";
+ for (let k in cho) {
+ str += cho[k].id;
+ if (k != cho.length - 1) {
+ str += ",";
+ }
+ }
+ const data = {
+ ids: str,
+ createUser: this.userInfo.user_id,
+ type:2
+ };
+ return securityApply(data);
+ })
+ .then(() => {
+ // this.$refs.crud.toggleSelection();
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
rowSave(row, done, loading) {
+ // var dom = document.getElementById("zhiwenOur");
+ // window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
+ var winzhiwen = document.getElementById("zhiwen").contentWindow;
+ let zhiwen = winzhiwen.outZhiwenData();
+ // console.log(zhiwen);
+ // for (let k in zhiwen) {
+ // console.log(k);
+ // console.log(zhiwen[k]);
+ // }
+ // return;
if (row.deptId) {
row.deptId = row.deptId;
}
@@ -1004,62 +1654,55 @@
if (row.postId) {
row.postId = row.postId.join(",");
}
- const userPractitionersList = [];
- var userPractitionersInfo = row.UserPractitionersInfo;
- if (userPractitionersInfo.length > 0) {
- userPractitionersInfo.forEach((item) => {
- const info = {
- companyname: item.companyname,
- department: item.department,
- departureTime: item.departureTime,
- entryTime: item.entryTime,
- name: row.realName,
- leaving: item.leaving,
- securityid: row.id,
- post: item.post,
- responsibilities: item.responsibilities,
- };
- userPractitionersList.push(info);
- });
- }
- const user = {
- account: row.account,
- address: row.address,
- birthday: row.birthday,
- cardid: row.cardid,
- deptId: row.deptId,
- education: row.education,
- email: row.email,
- height: row.height,
- hold: row.hold,
- jurisdiction: row.jurisdiction,
- myPicture: row.myPicture,
- name: row.name,
- nation: row.nation,
- nativeplace: row.nativeplace,
- password: row.password,
- password2: row.password2,
- phone: row.phone,
- politicaloutlook: row.politicaloutlook,
- realName: row.realName,
- registered: row.registered,
- rtime: row.rtime,
- securitynumber: row.securitynumber,
- sex: row.sex,
- };
const userMap = {
- user: user,
- userPractitionersInfo: userPractitionersList,
+ user: {
+ //指纹↓
+ fingerprint: zhiwen.imgBMP, //图
+ myPicture: zhiwen.featuredata, //特征
+ //指纹↑
+ account: row.account,
+ avatar: row.avatar,
+ // fingerprint: row.fingerprint,
+ healstats: row.healstats,
+ address: row.address,
+ birthday: row.birthday,
+ cardid: row.cardid,
+ deptId: row.deptId,
+ education: row.education1,
+ email: row.email,
+ height: row.height,
+ hold: row.hold,
+ jurisdiction: row.jurisdiction,
+ // myPicture: row.myPicture,
+ name: row.name,
+ nation: row.nation,
+ nativeplace: row.nativeplace,
+ password: row.password,
+ password2: row.password2,
+ phone: row.phone,
+ politicaloutlook: row.politicaloutlook,
+ realName: row.realName,
+ registered: row.registered,
+ rtime: row.rtime,
+ securitynumber: row.securitynumber,
+ sex: row.sex,
+ },
};
+
securitySave(userMap).then(
() => {
- this.$message({
- type: "success",
- message: "操作成功!",
- });
this.initFlag = false;
- this.onLoad(this.page);
- done();
+ this.$alert("账号为身份证号码，密码为身份证后六位", "温馨提示", {
+ confirmButtonText: "确定",
+ callback: (action) => {
+ this.$message({
+ type: "success",
+ message: `操作成功`,
+ });
+ this.onLoad(this.page);
+ done();
+ },
+ });
},
(error) => {
window.console.log(error);
@@ -1071,42 +1714,26 @@
row.deptId = row.deptId;
row.roleId = row.roleId.join(",");
row.postId = row.postId.join(",");
- const userPractitionersList = [];
- var userPractitionersInfo = row.UserPractitionersInfo;
- if (userPractitionersInfo.length > 0) {
- userPractitionersInfo.forEach((item) => {
- const info = {
- companyname: item.companyname,
- department: item.department,
- departureTime: item.departureTime,
- entryTime: item.entryTime,
- name: row.realName,
- leaving: item.leaving,
- securityid: row.id,
- post: item.post,
- responsibilities: item.responsibilities,
- };
- userPractitionersList.push(info);
- });
- }
- var IdCardNo = row.id;
//值替换，education 放在页面会卡死
row.education = row.education1;
+
+ var winzhiwen = document.getElementById("zhiwen").contentWindow;
+ let zhiwen = winzhiwen.outZhiwenData();
+ // console.log(zhiwen);
+ if (zhiwen.isoks) {
+ row.fingerprint = zhiwen.imgBMP;
+ row.myPicture = zhiwen.featuredata;
+ }
+ // console.log(row);
+ // return;
update(row).then(
() => {
- const experience = {
- securityid: IdCardNo,
- userPractitionersInfo: userPractitionersList,
- };
- //更新从业信息
- saveOrUpdateUserPractitionersInfo(experience).then(() => {
- this.$message({
- type: "success",
- message: "操作成功!",
- });
- });
this.initFlag = false;
this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
done();
},
(error) => {
@@ -1115,14 +1742,61 @@
}
);
},
+ rowDellook(row) {
+ this.$alert(
+ row.reasonForLeav == "" ? "未填写" : row.reasonForLeav,
+ "离职原因",
+ {
+ confirmButtonText: "确定",
+ callback: (action) => {},
+ }
+ );
+ },
+ rowStatus(row) {
+ this.$prompt("离职原因", "提示", {
+ confirmButtonText: "确定离职",
+ cancelButtonText: "取消",
+ inputErrorMessage: "",
+ })
+ .then(({ value }) => {
+ row.reasonForLeav = value;
+ row.status = "2";
+ // return;
+ update(row).then((res) => {
+ this.$message({
+ type: "success",
+ message: "操作成功",
+ });
+ });
+ this.refreshChange();
+ })
+ .catch(() => {});
+ },
rowDel(row) {
- this.$confirm("确定将选择保安登记离职?", {
+ this.$confirm("确定注销当前用户?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
- row.status = "0";
+ return remove(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
+ rowCheck(row) {
+ this.$confirm("确定审查异常标记?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ row.examinationType = "1";
return update(row);
})
.then(() => {
@@ -1145,11 +1819,17 @@
done();
},
selectionChange(list) {
- this.selectionList = list;
+ // this.selectionList = list;
+ this.choiceList = [];
+ for (let k in list) {
+ this.choiceList.push({
+ id: list[k].id,
+ });
+ }
},
selectionClear() {
- this.selectionList = [];
- this.$refs.crud.toggleSelection();
+ // this.selectionList = [];
+ // this.$refs.crud.toggleSelection();
},
handleDelete() {
if (this.selectionList.length === 0) {
@@ -1277,6 +1957,14 @@
currentChange(currentPage) {
this.page.currentPage = currentPage;
},
+ //行样式调整
+ rowStyle({ row, column, rowIndex }) {
+ if (row.examinationType == "1") {
+ return {
+ color: "#ff2727",
+ };
+ }
+ },
sizeChange(pageSize) {
this.page.pageSize = pageSize;
},
@@ -1284,17 +1972,14 @@
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
+ params = this.search;
var that = this;
//获取当前登录人员的角色信息
var roleIds = this.userInfo.role_id.split(",");
roleIds.forEach((roleId) => {
getRoleDetail(roleId).then((res) => {
var roleAlias = res.data.data.roleAlias;
- if (
- roleAlias == "保安公司管理员" ||
- roleAlias == "保安" ||
- roleAlias == "未持证保安"
- ) {
+ if (roleAlias == "保安公司管理员" || roleAlias == "保安") {
//去除保安公司查询
const column = that.findObject(that.option.column, "deptId");
column.search = false;
@@ -1304,9 +1989,17 @@
//禁止编辑
deptColumn.disabled = true;
deptColumn.value = that.userInfo.dept_id;
- that.isSecurity = true;
+ that.isSecurity = false;
//如果是保安公司管理员
params["deptId"] = that.userInfo.dept_id;
+
+ //导入action 修改
+ const importColumn = that.findObject(
+ that.excelOption1.column,
+ "excelFile"
+ );
+ importColumn.action =
+ "/api/blade-user/import-security?deptId=" + this.deptIds;
} else if (roleAlias == "公安管理员") {
params["jurisdiction"] = that.userInfo.jurisdiction;
var columnDept = that.findObject(that.option.column, "deptId");
@@ -1317,6 +2010,18 @@
ColumnDeptUpdate.dicUrl =
"/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
that.userInfo.jurisdiction;
+ } else if (roleAlias == "培训公司管理员") {
+ //如果是保安公司管理员
+ 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";
+ var ColumnDeptUpdate2 = that.findObject(
+ that.option.group,
+ "deptId"
+ );
+ ColumnDeptUpdate2.dicUrl =
+ "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
} else {
var columnDept1 = that.findObject(that.option.column, "deptId");
columnDept1.dicUrl =
@@ -1425,8 +2130,8 @@
},
};
</script>
-
-<style>
+
+<style lang="scss" scoped>
.box {
height: 800px;
}
@@ -1438,4 +2143,214 @@
.box .el-scrollbar__wrap {
overflow: scroll;
}
-</style>
\ No newline at end of file
+.rowClickSelf {
+ &:hover {
+ cursor: pointer;
+ }
+}
+//保安证 本子
+.certificate_box {
+ width: 100%;
+ height: 90%;
+ background-color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ font: normal 18px "SimSuncss" !important;
+}
+.security_main {
+ width: 630px;
+ height: 512px;
+ // border: 1px solid rgba($color: #a5a5a5, $alpha: 0.5);
+ // display: flex;
+ // align-items: center;
+ // justify-content: space-around;
+ // background-size: 100% 100%;
+ // background-repeat: no-repeat;
+ position: relative;
+}
+// 标题
+$upTop: 45px;
+$downTop: 265px; //整体高度
+//经国家保安员考试审查合格。<br />特颁此证。
+.security_main-title {
+ position: absolute;
+ top: $upTop;
+ left: 34px;
+ line-height: 45px;
+ letter-spacing: 3px;
+}
+//发证公安机关 （印章）
+.security_m_l_center {
+ position: absolute;
+ top: 270px;
+ left: 30px;
+ line-height: 40px;
+}
+//证件编号
+.security_m_l_down {
+ position: absolute;
+ top: 379px;
+ left: 32px;
+}
+
+$rightLeft: 343px;
+$rightFontSize: 18px;
+$rightWidth: 77px;
+
+$lineHigeht: 30px;
+//姓名
+.security_m_r_a {
+ position: absolute;
+ top: $downTop;
+ left: $rightLeft;
+ width: $rightWidth;
+ text-align: justify;
+ text-align-last: justify;
+}
+//出生年月
+.security_m_r_b {
+ position: absolute;
+ top: $downTop + $lineHigeht * 1;
+ left: $rightLeft;
+ width: $rightWidth;
+ text-align: justify;
+ text-align-last: justify;
+}
+//地址
+.security_m_r_c {
+ position: absolute;
+ top: $downTop + $lineHigeht * 2;
+ left: $rightLeft;
+ width: $rightWidth;
+ text-align: justify;
+ text-align-last: justify;
+}
+//公民身份证
+.security_m_r_d {
+ position: absolute;
+ top: 363px;
+ left: $rightLeft;
+ width: $rightWidth;
+ text-align: justify;
+ text-align-last: justify;
+}
+//照片
+// width: calc(358px / 22px);
+// height: calc(441px / 22px);
+.security_m_r_imgs {
+ width: calc(358px / 3);
+ height: calc(441px / 3);
+ position: absolute;
+ top: $upTop;
+ left: 421px;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+}
+
+// 内容
+// 抬头名字
+.security_m_l_titleName {
+ position: absolute;
+ top: 45px;
+ left: 121px;
+ right: 0;
+ line-height: 45px;
+ letter-spacing: 3px;
+}
+//发证时间
+$timeTop: 312px; //整体高度
+//年
+.security_m_l_titlepaperTimenian {
+ position: absolute;
+ top: $timeTop;
+ left: 109px;
+ line-height: 40px;
+}
+//月
+.security_m_l_titlepaperTimeyue {
+ position: absolute;
+ top: $timeTop;
+ left: 168px;
+ line-height: 40px;
+}
+//日
+.security_m_l_titlepaperTimeri {
+ position: absolute;
+ top: $timeTop;
+ left: 159px;
+ line-height: 40px;
+}
+//证件编号
+.security_m_l_downsecuritynumber {
+ position: absolute;
+ top: 386px; //整体高度
+ left: 145px;
+}
+
+//内容
+// 姓名
+$centerLeft: 458px;
+.security_m_r_o_right {
+ position: absolute;
+ top: $downTop + $lineHigeht * 0-2px;
+ left: $centerLeft;
+ // width: $rightWidth;
+}
+// 生日
+.security_m_r_o_rightbirthday {
+ position: absolute;
+ top: $downTop + $lineHigeht * 1-4px;
+ left: $centerLeft;
+ // width: $rightWidth;
+}
+// 地址
+.security_m_r_o_rightaddress {
+ position: absolute;
+ top: $downTop + $lineHigeht * 2 -6px;
+ left: $centerLeft;
+ width: 185px;
+}
+// 身份证
+.security_m_r_o_rightcardid {
+ position: absolute;
+ top: $downTop + $lineHigeht * 4 +10px;
+ left: $centerLeft;
+ // width: $rightWidth;
+}
+//背景图
+.security_main_backImge {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-image: url(/img/securityCertificate/bazsss.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+}
+
+.security_m_r_o_jg {
+ position: absolute;
+ top: 267px;
+ left: 210px;
+ line-height: 40px;
+ letter-spacing: 2px;
+}
+.zhiwenMain {
+ width: 100%;
+ height: 305px;
+ // display: flex;
+ // align-items: center;
+ // justify-content: space-around;
+ // border: 1px solid red;
+}
+// .zhiwenImgs {
+// width: 178px;
+// height: 178px;
+// border-radius: 5px;
+// text-align: center;
+// border: 1px dashed #8c939d;
+// }
+</style>
--
Gitblit v1.9.3