<template>
|
<el-row :class="{ securityGuard: isSecurity }">
|
<!-- <el-col :span="0" style="display: none">
|
<div class="box">
|
<el-scrollbar>
|
<basic-container>
|
<avue-tree
|
:option="treeOption"
|
:data="treeData"
|
@node-click="nodeClick"
|
/>
|
</basic-container>
|
</el-scrollbar>
|
</div>
|
</el-col> -->
|
<el-col :span="24">
|
<basic-container
|
:class="[
|
screenSize == 1366 ? 'smallSize' : 'normalSize',
|
$store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
|
]"
|
>
|
<!-- :key="option.height" -->
|
<avue-crud
|
class="tablesss"
|
:option="option"
|
:search.sync="search"
|
:table-loading="loading"
|
:data="data"
|
ref="crud"
|
v-model="form"
|
:permission="permissionList"
|
@row-del="rowDel"
|
:row-style="rowStyle"
|
@row-save="rowSave"
|
@row-update="rowUpdate"
|
:before-open="beforeOpen"
|
:page.sync="page"
|
@sort-change="sortChange"
|
@search-change="searchChange"
|
@search-reset="searchReset"
|
@selection-change="selectionChange"
|
@current-change="currentChange"
|
@size-change="sizeChange"
|
@refresh-change="refreshChange"
|
@on-load="onLoad"
|
:upload-before="uploadBefore"
|
:defaults.sync="defaults"
|
:before-close="beforeClose"
|
>
|
<!-- @row-update="rowUpdate" -->
|
<template slot="menuLeft">
|
<el-button
|
type="success"
|
size="small"
|
plain
|
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="warning"
|
size="small"
|
plain
|
icon="el-icon-download"
|
v-if="permission.export_security_info"
|
@click="handleExportSecurityInfo"
|
>保安信息导出
|
</el-button>
|
|
<el-button
|
type="danger"
|
style="display: none"
|
size="small"
|
plain
|
icon="el-icon-delete"
|
@click="handleDelete"
|
>注 销
|
</el-button>
|
<el-button
|
type="info"
|
style="display: none"
|
size="small"
|
plain
|
v-if="permission.user_role"
|
icon="el-icon-user"
|
@click="handleGrant"
|
>角色配置
|
</el-button>
|
<el-button
|
type="info"
|
style="display: none"
|
size="small"
|
plain
|
v-if="permission.user_reset"
|
icon="el-icon-refresh"
|
@click="handleReset"
|
>密码重置
|
</el-button>
|
<el-button
|
type="info"
|
style="display: none"
|
size="small"
|
plain
|
v-if="userInfo.role_name.includes('admin')"
|
icon="el-icon-setting"
|
@click="handlePlatform"
|
>平台配置
|
</el-button>
|
<el-button
|
type="success"
|
style="display: none"
|
size="small"
|
plain
|
v-if="userInfo.role_name.includes('admin')"
|
icon="el-icon-upload2"
|
@click="handleImport"
|
>导入
|
</el-button>
|
<el-button
|
type="warning"
|
style="display: none"
|
size="small"
|
plain
|
v-if="userInfo.role_name.includes('admin')"
|
icon="el-icon-download"
|
@click="handleExport"
|
>导出
|
</el-button>
|
<el-button
|
type="success"
|
size="small"
|
plain
|
icon="el-icon-upload2"
|
v-if="permission.securityGuard_import_admin"
|
@click="handleImport3"
|
>保安员批量导入-制证
|
</el-button>
|
</template>
|
|
<template slot-scope="{ type, size, row }" slot="menu">
|
<el-tooltip
|
placement="bottom"
|
effect="light"
|
transition="el-collapse-transition"
|
popper-class="caozuolanpopper"
|
>
|
<div slot="content">
|
<el-button
|
icon="el-icon-view"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_view"
|
@click.stop="rowClick(row)"
|
>查看
|
</el-button>
|
<br v-if="permission.securityGuard_view" />
|
<!-- <el-button
|
icon="el-icon-scissors"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_edit && row.status != 2"
|
@click="$refs.crud.rowEdit(row, index)"
|
>编辑
|
</el-button>
|
<br v-if="permission.securityGuard_edit && row.status != 2" /> -->
|
<el-button
|
icon="el-icon-scissors"
|
:size="size"
|
:type="type"
|
@click="accountUpdate(row)"
|
v-if="permission.securityGuard_edit && row.status != 2"
|
>账号修改
|
</el-button>
|
<br v-if="permission.securityGuard_edit && row.status != 2" />
|
<el-button
|
icon="el-icon-close"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_delete && row.status != 2"
|
@click="$refs.crud.rowDel(row, index)"
|
>注销
|
</el-button>
|
<br v-if="permission.securityGuard_delete && row.status != 2" />
|
<el-button
|
icon="el-icon-circle-close"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_delete && row.status != 2"
|
@click.stop="rowStatus(row)"
|
>离职
|
</el-button>
|
<br v-if="permission.securityGuard_delete && row.status != 2" />
|
<el-button
|
icon="el-icon-search"
|
:size="size"
|
:type="type"
|
v-if="row.status == 2"
|
@click.stop="rowDellook(row)"
|
>离职查询
|
</el-button>
|
<br v-if="row.status == 2" />
|
<el-button
|
icon="el-icon-user"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_check"
|
@click.stop="rowCheck(row)"
|
>异常
|
</el-button>
|
<br v-if="permission.securityGuard_check" />
|
<el-button
|
icon="el-icon-money"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_check_apply"
|
@click.stop="rowCheckApply(row)"
|
>证件核实申请
|
</el-button>
|
<!-- <br />
|
<el-button
|
icon="el-icon-edit"
|
style="display: none"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_paper"
|
@click.stop="certificateClick(row)"
|
>纸质证书制作
|
</el-button> -->
|
</div>
|
<el-button icon="el-icon-s-operation" :size="size" :type="type"
|
>操作
|
</el-button>
|
</el-tooltip>
|
|
<!-- <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 && 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"
|
style="display: none"
|
:size="size"
|
:type="type"
|
v-if="permission.securityGuard_paper"
|
@click.stop="certificateClick(row)"
|
>纸质证书制作
|
</el-button> -->
|
</template>
|
|
<template slot-scope="{ row }" slot="sex">
|
<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>
|
<template slot-scope="{ row }" slot="roleName">
|
<el-tag>{{ row.roleName }}</el-tag>
|
</template>
|
<template slot-scope="{ row }" slot="deptName">
|
<el-tag>{{ row.deptName }}</el-tag>
|
</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://61.131.136.25: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
|
title="账号修改"
|
:visible.sync="accountVisible"
|
width="width"
|
:modal="true"
|
:modal-append-to-body="true"
|
:append-to-body="true"
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:before-close="dialogBeforeClose"
|
>
|
<avue-form
|
ref="formAccount"
|
:option="optionAccount"
|
v-model="formAccount"
|
@reset-change="emptytChangeAccount"
|
@submit="submit"
|
>
|
</avue-form>
|
</el-dialog>
|
<el-dialog
|
title="用户角色配置"
|
append-to-body
|
:visible.sync="roleBox"
|
width="345px"
|
>
|
<el-tree
|
:data="roleGrantList"
|
show-checkbox
|
check-strictly
|
default-expand-all
|
node-key="id"
|
ref="treeRole"
|
:default-checked-keys="roleTreeObj"
|
:props="props"
|
>
|
</el-tree>
|
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="roleBox = false">取 消</el-button>
|
<el-button type="primary" @click="submitRole">确 定</el-button>
|
</span>
|
</el-dialog>
|
<el-dialog
|
title="用户数据导入"
|
append-to-body
|
:visible.sync="excelBox"
|
width="555px"
|
>
|
<avue-form
|
:option="excelOption"
|
v-model="excelForm"
|
:upload-after="uploadAfter"
|
>
|
<template slot="excelTemplate">
|
<el-button type="primary" @click="handleTemplate">
|
点击下载<i class="el-icon-download el-icon--right"></i>
|
</el-button>
|
</template>
|
</avue-form>
|
</el-dialog>
|
<el-dialog
|
title="用户平台配置"
|
append-to-body
|
:visible.sync="platformBox"
|
>
|
<avue-crud
|
:option="platformOption"
|
:table-loading="platformLoading"
|
:data="platformData"
|
ref="platformCrud"
|
v-model="platformForm"
|
:before-open="platformBeforeOpen"
|
:page.sync="platformPage"
|
:permission="platformPermissionList"
|
@row-update="platformRowUpdate"
|
@search-change="platformSearchChange"
|
@search-reset="platformSearchReset"
|
@selection-change="platformSelectionChange"
|
@current-change="platformCurrentChange"
|
@size-change="platformSizeChange"
|
@refresh-change="platformRefreshChange"
|
@on-load="platformOnLoad"
|
>
|
<template slot-scope="{ row }" slot="tenantName">
|
<el-tag>{{ row.tenantName }}</el-tag>
|
</template>
|
<template slot-scope="{ row }" slot="userTypeName">
|
<el-tag>{{ row.userTypeName }}</el-tag>
|
</template>
|
</avue-crud>
|
</el-dialog>
|
<el-dialog
|
title="保安员导入"
|
append-to-body
|
:visible.sync="excelBox1"
|
width="555px"
|
>
|
<avue-form
|
:option="excelOption1"
|
v-model="excelForm1"
|
:upload-after="uploadAfter1"
|
>
|
<template slot="excelTemplate">
|
<el-button type="primary" @click="handleTemplate1">
|
点击下载<i class="el-icon-download el-icon--right"></i>
|
</el-button>
|
</template>
|
</avue-form>
|
</el-dialog>
|
<el-dialog
|
title="保安员导入-制证"
|
append-to-body
|
:visible.sync="excelBox3"
|
width="555px"
|
>
|
<avue-form
|
:option="excelOption3"
|
v-model="excelForm3"
|
:upload-after="uploadAfter3"
|
>
|
<template slot="excelTemplate">
|
<el-button type="primary" @click="handleTemplate3">
|
点击下载<i class="el-icon-download el-icon--right"></i>
|
</el-button>
|
</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>
|
<el-dialog
|
title="证件核实申请"
|
:visible.sync="securityCheckApplyvisible"
|
width="width"
|
:modal="true"
|
:modal-append-to-body="true"
|
:append-to-body="true"
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
:before-close="dialogBeforeClose"
|
>
|
<div>
|
<avue-form
|
ref="formSecurityCheckApply"
|
:option="optionSecurityCheckApply"
|
v-model="formSecurityCheckApply"
|
@reset-change="emptytChange"
|
@submit="submitSecurityCheckApply"
|
>
|
</avue-form>
|
</div>
|
</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>
|
<div
|
:class="[
|
'downSFZ',
|
$store.state.control.windowWidth >= 1024
|
? 'downSFZqudong'
|
: 'downSFZqudongS'
|
]"
|
>
|
<el-checkbox v-model="radio" :disabled="SFZloding"
|
>使用身份证设备</el-checkbox
|
>
|
<el-button
|
type="text"
|
v-show="haveSEL == 'noDrive' || haveSEL == 'noEquipment'"
|
@click="SFZopens"
|
:loading="SFZloding"
|
>{{ sfzButTitle }}</el-button
|
>
|
<!-- <div style="font-size: 14px">连接身份证设备失败</div> -->
|
<!-- v-show="haveSEL == 'noDrive'" -->
|
<!-- href="http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar" -->
|
<!-- <a href="javascript;">未安装身份证驱动，点击下载</a> -->
|
</div>
|
</el-row>
|
</template>
|
|
<script>
|
// 身份证引入
|
import CertCtl from "./sfzJS";
|
import {
|
getUser,
|
getUserPlatform,
|
remove,
|
update,
|
updatePlatform,
|
securitySave,
|
updateAccount,
|
securitySaves,
|
grant,
|
resetPassword,
|
getUserPractitionersInfo,
|
updatePaperTime,
|
getzhiwen, //指纹
|
checkAccountByUser
|
} from "@/api/system/user";
|
import { securityApply } from "@/api/accreditationRecords/accreditationRecords";
|
import { add } from "@/api/securityapplyRecord/securityapplyRecord";
|
import { getList } from "@/api/securityGuard/securityGuard";
|
import { getDeptLazyTree } from "@/api/system/dept";
|
import { getInformationDetails } from "@/api/securityUnit/securityUnit";
|
import { getRoleTree, getRoleDetail } from "@/api/system/role";
|
import { mapGetters } from "vuex";
|
import website from "@/config/website";
|
import { getToken } from "@/util/auth";
|
import { securityFormPageColumn } from "./data";
|
import { mapState } from "vuex";
|
import Qs from "qs";
|
import { MessageBox } from "element-ui";
|
//加载指纹类
|
import Client from "./Client";
|
|
export default {
|
data() {
|
// 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;
|
var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1]; // 加权因子
|
var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2]; // 身份证验证位值.10代表X
|
/**
|
* 判断身份证号码为18位时最后的验证位是否正确
|
* @param a_idCard 身份证号码数组
|
* @return
|
*/
|
function isTrueValidateCodeBy18IdCard(a_idCard) {
|
var sum = 0; // 声明加权求和变量
|
if (a_idCard[17].toLowerCase() == "x") {
|
a_idCard[17] = 10; // 将最后位为x的验证码替换为10方便后续操作
|
}
|
for (var i = 0; i < 17; i++) {
|
sum += Wi[i] * a_idCard[i]; // 加权求和
|
}
|
let valCodePosition = sum % 11; // 得到验证码所位置
|
if (a_idCard[17] == ValideCode[valCodePosition]) {
|
return true;
|
} else {
|
return false;
|
}
|
}
|
/**
|
* 验证18位数身份证号码中的生日是否是有效生日
|
* @param idCard 18位书身份证字符串
|
* @return
|
*/
|
function isValidityBrithBy18IdCard(idCard18) {
|
var year = idCard18.substring(6, 10);
|
var month = idCard18.substring(10, 12);
|
var day = idCard18.substring(12, 14);
|
var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
|
// 这里用getFullYear()获取年份，避免千年虫问题
|
if (
|
temp_date.getFullYear() != parseFloat(year) ||
|
temp_date.getMonth() != parseFloat(month) - 1 ||
|
temp_date.getDate() != parseFloat(day)
|
) {
|
return false;
|
} else {
|
return true;
|
}
|
}
|
//去掉字符串头尾空格
|
function trim(str) {
|
return str.replace(/(^\s*)|(\s*$)/g, "");
|
}
|
/**
|
* 身份证号码账号校验
|
*/
|
let useBack = "";
|
function checkAccount(idCard, callback) {
|
var data = {
|
cardid: idCard
|
};
|
if (window.deptIdss) {
|
data["deptId"] = window.deptIdss;
|
}
|
//调用接口校验
|
if (useBack != idCard) {
|
useBack = idCard;
|
checkAccountByUser(data)
|
.then(res => {
|
useBack = "ok";
|
callback();
|
})
|
.catch(error => {
|
callback("当前身份证号码已录入!");
|
});
|
} else if (useBack == "ok") {
|
callback();
|
} else {
|
console.log("cf");
|
callback(new Error("当前身份证号码已录入!"));
|
}
|
}
|
const validatePassCardid = (rule, value, callback) => {
|
let ok = false;
|
if (value.length == 18) {
|
let idCard = trim(value.replace(/ /g, ""));
|
var a_idCard = idCard.split("");
|
if (
|
isValidityBrithBy18IdCard(idCard) &&
|
isTrueValidateCodeBy18IdCard(a_idCard)
|
) {
|
//进行18位身份证的基本验证和第18位的验证
|
ok = true;
|
} else {
|
ok = false;
|
}
|
} else {
|
ok = false;
|
}
|
|
if (ok) {
|
// console.log(this.nowCell,123456);
|
if (this.type == 1 || this.nowCell == 2) {
|
//修改不校验身份证hao
|
callback();
|
} else {
|
//调用接口进行账户重复校验
|
checkAccount(value, callback);
|
}
|
} else {
|
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 {
|
startTimecc: null,
|
sort: "",
|
type: 2,
|
sortName: "",
|
nowCell: "", //空为手动，2为身份证设备读取
|
// 表格数据
|
defaults: {},
|
// 身份证设备数据
|
SFZloding: false,
|
sfzButTitle: "",
|
radio: false, //选择状态
|
haveSEL: "", //设备状态
|
cardShebei: "",
|
intTime: "", //自动获取身份证；
|
haveCardid: false, //读卡开关
|
// 指纹数据
|
isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
|
zhiwenImg: "",
|
zhiwenChart: "",
|
zhiwenTitle: "开始采集",
|
Client: "", //实例化指纹采集类合集
|
isOr: true,
|
begin_cap: false,
|
RAWzhiwen: "",
|
yuzhi: 60, //指纹获取结束阈值
|
// 指纹数据
|
certificateYear: null,
|
certificateMonth: null,
|
certificateFlag: false,
|
accountVisible:false,
|
certificateObj: {
|
realName: "",
|
securitynumber: "",
|
cardid: "",
|
registered: ""
|
},
|
securityid: "",
|
excelBox1: false,
|
excelBox2: false,
|
excelBox3: false,
|
isSecurity: true,
|
securityCheckApplyvisible: false,
|
excelForm1: {},
|
excelOption1: {
|
submitBtn: false,
|
emptyBtn: false,
|
column: [
|
{
|
label: "文件上传",
|
prop: "excelFile",
|
type: "upload",
|
drag: true,
|
loadText: "文件上传中，请稍等",
|
span: 24,
|
propsHttp: {
|
res: "data"
|
},
|
tip: "请上传 .xls,.xlsx 标准格式文件",
|
action: "/api/blade-user/import-security?deptId=" + this.deptIds
|
},
|
{
|
label: "模板下载",
|
prop: "excelTemplate",
|
formslot: true,
|
span: 24
|
}
|
]
|
},
|
excelForm3: {},
|
excelOption3: {
|
submitBtn: false,
|
emptyBtn: false,
|
column: [
|
{
|
label: "文件上传",
|
prop: "excelFile",
|
type: "upload",
|
drag: true,
|
loadText: "文件上传中，请稍等",
|
span: 24,
|
propsHttp: {
|
res: "data"
|
},
|
tip: "请上传 .xls,.xlsx 标准格式文件",
|
action: "/api/securityPaper/import-security-paper"
|
},
|
{
|
label: "模板下载",
|
prop: "excelTemplate",
|
formslot: true,
|
span: 24
|
}
|
]
|
},
|
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-zips"
|
}
|
]
|
},
|
form: {},
|
search: {},
|
roleBox: false,
|
excelBox: false,
|
platformBox: false,
|
initFlag: true,
|
selectionList: [],
|
query: {},
|
loading: true,
|
platformLoading: false,
|
page: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0,
|
...this.$store.state.control.changePageSize
|
},
|
roleId: "1412226235153731586",
|
deptId: "1413470343230877697",
|
deptIds: "",
|
platformPage: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0,
|
...this.$store.state.control.changePageSize
|
},
|
init: {
|
roleTree: [],
|
deptTree: []
|
},
|
props: {
|
label: "title",
|
value: "key"
|
},
|
roleGrantList: [],
|
roleTreeObj: [],
|
treeDeptId: "",
|
treeData: [],
|
treeOption: {
|
nodeKey: "id",
|
lazy: true,
|
treeLoad: function(node, resolve) {
|
const parentId = node.level === 0 ? 0 : node.data.id;
|
getDeptLazyTree(parentId).then(res => {
|
resolve(
|
res.data.data.map(item => {
|
return {
|
...item,
|
leaf: !item.hasChildren
|
};
|
})
|
);
|
});
|
},
|
addBtn: false,
|
menu: false,
|
size: "small",
|
props: {
|
labelText: "标题",
|
label: "title",
|
value: "value",
|
children: "children"
|
}
|
},
|
choiceList: [],
|
deptIdss: "",
|
optionSecurityCheckApply: {
|
height: "auto",
|
calcHeight: 30,
|
dialogWidth: 1000,
|
tip: false,
|
searchShow: true,
|
searchMenuSpan: 6,
|
border: true,
|
index: true,
|
stripe: true,
|
viewBtn: false,
|
addBtn: false,
|
editBtn: false,
|
selection: true,
|
excelBtn: false,
|
menuWidth: 230,
|
dialogClickModal: false,
|
column: [
|
{
|
label: "姓名",
|
prop: "realName",
|
labelWidth: 110,
|
disabled: true,
|
rules: [
|
{
|
required: true,
|
message: "请输入姓名",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "保安证编号",
|
prop: "number",
|
labelWidth: 110,
|
disabled: false,
|
rules: [
|
{
|
required: true,
|
message: "请输入保安证编号",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "保安员证图片",
|
prop: "url",
|
labelWidth: 110,
|
type: "upload",
|
span: 24,
|
listType: "picture-img",
|
tip: "上传jpg/png文件,图片不超过1M",
|
propsHttp: {
|
res: "data",
|
url: "url"
|
},
|
canvasOption: {
|
text: " ",
|
ratio: 1.0
|
},
|
action: "/api/blade-resource/oss/endpoint/put-files",
|
rules: [
|
{
|
required: true,
|
message: "请上传保安员证图片",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "申请理由",
|
labelWidth: 110,
|
span: 24,
|
type: "textarea",
|
prop: "applyReason"
|
}
|
]
|
},
|
optionAccount: {
|
height: "auto",
|
calcHeight: 30,
|
dialogWidth: 1000,
|
tip: false,
|
searchShow: true,
|
searchMenuSpan: 6,
|
border: true,
|
index: true,
|
stripe: true,
|
viewBtn: false,
|
addBtn: false,
|
editBtn: false,
|
selection: true,
|
excelBtn: false,
|
menuWidth: 230,
|
dialogClickModal: false,
|
column: [
|
{
|
label: "原账号",
|
prop: "oldAccount",
|
labelWidth: 110,
|
disabled: true,
|
rules: [
|
{
|
required: true,
|
message: "请输入原账号",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "新账号",
|
prop: "account",
|
labelWidth: 110,
|
rules: [
|
{
|
required: true,
|
message: "请输入新账号",
|
trigger: "blur"
|
}
|
]
|
}
|
]
|
},
|
formAccount: {},
|
formSecurityCheckApply: {},
|
option: {
|
searchIndex: 6, //收缩展示数量
|
searchIcon: true, //搜索是否收缩
|
height: "auto",
|
calcHeight: 80,
|
tip: true,
|
searchShow: true,
|
reserveSelection: true,
|
selectable: row => {
|
if (
|
row.hold !== "1" ||
|
row.securitynumber == null ||
|
row.securitynumber == ""
|
) {
|
return false;
|
} else {
|
return true;
|
}
|
},
|
indexWidth: 55,
|
searchMenuSpan: 6,
|
stripe: true,
|
border: true,
|
// delBtn: true,
|
align: "center",
|
index: true,
|
// delBtnText: "注销",
|
menuWidth: 90,
|
selection: true,
|
viewBtn: true,
|
defaultExpandAll: true,
|
//dialogType: 'drawer',
|
dialogClickModal: false,
|
column: securityFormPageColumn,
|
...this.$store.state.control.clearOtherBut,
|
// addBtn: false,
|
editBtn: false,
|
group: [
|
{
|
label: "基础信息",
|
labelWidth: "110",
|
prop: "baseInfo",
|
icon: "el-icon-user-solid",
|
column: [
|
{
|
label: "企业名称",
|
prop: "deptId",
|
type: "tree",
|
// dicUrl:
|
// "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
|
// dicUrl: "/api/blade-system/dept/lazy-tree?parentId=0",
|
props: {
|
label: "title",
|
value: "id"
|
},
|
// disabled: true,
|
rules: [
|
{
|
required: true,
|
message: "请选择保安公司",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "姓名",
|
prop: "realName",
|
disabled: false,
|
rules: [
|
{
|
required: true,
|
message: "请输入姓名",
|
trigger: "blur"
|
},
|
{
|
min: 2,
|
max: 5,
|
message: "姓名长度在2到5个字符"
|
}
|
]
|
}
|
// {
|
// 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: "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: "url"
|
},
|
canvasOption: {
|
text: " ",
|
ratio: 1.0
|
},
|
action: "/api/blade-resource/oss/endpoint/put-files",
|
tip:
|
"上传近期一寸彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
|
span: 12,
|
// row: true,
|
prop: "avatar"
|
},
|
{
|
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: "指纹信息",
|
// 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: "hold",
|
type: "select",
|
dicData: [
|
{
|
label: "是",
|
value: "1"
|
},
|
{
|
label: "否",
|
value: "2"
|
},
|
{
|
label: "已吊销",
|
value: "3"
|
}
|
],
|
rules: [
|
{
|
required: true,
|
message: "请选择是否有持证",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "保安员证编号",
|
prop: "securitynumber",
|
hide: true,
|
display: true,
|
rules: [
|
{
|
required: false,
|
message: "请输入保安员证编号",
|
trigger: "blur"
|
}
|
]
|
},
|
// {
|
// label: "保安证书照片",
|
// prop: "email",
|
// type: "upload",
|
// listType: "picture-img",
|
// display: true,
|
// propsHttp: {
|
// res: "data",
|
// url: "url"
|
// },
|
// canvasOption: {
|
// text: " ",
|
// ratio: 1.0
|
// },
|
// action: "/api/blade-resource/oss/endpoint/put-files",
|
// tip: "上传jpg,png格式图片，大小不超过2M",
|
// span: 12
|
// },
|
{
|
label: "民族",
|
prop: "nation"
|
},
|
{
|
label: "最高学历",
|
prop: "education1",
|
type: "select",
|
dicUrl:
|
"/api/blade-system/dict-biz/dictionary?code=educationType",
|
props: {
|
label: "dictValue",
|
value: "dictKey"
|
},
|
dataType: "number",
|
slot: true
|
},
|
{
|
label: "政治面貌",
|
prop: "politicaloutlook"
|
},
|
{
|
label: "健康状态",
|
prop: "healstats"
|
},
|
{
|
label: "身高",
|
prop: "height"
|
},
|
{
|
label: "联系地址",
|
prop: "address"
|
},
|
{
|
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: "入职时间",
|
prop: "rtime",
|
type: "date",
|
format: "yyyy-MM-dd",
|
valueFormat: "yyyy-MM-dd",
|
rules: [
|
{
|
required: true,
|
message: "请输入入职时间",
|
trigger: "click"
|
}
|
]
|
},
|
{
|
label: "性别",
|
prop: "sex",
|
type: "select",
|
slot: true,
|
dicData: [
|
{
|
label: "男",
|
value: 1
|
},
|
{
|
label: "女",
|
value: 2
|
}
|
// {
|
// label: "未知",
|
// value: 3,
|
// },
|
],
|
rules: [
|
{
|
required: true,
|
message: "请选择性别",
|
trigger: "blur"
|
}
|
]
|
}
|
// {
|
// label: "生日",
|
// type: "date",
|
// prop: "birthday",
|
// format: "yyyy-MM-dd",
|
// valueFormat: "yyyy-MM-dd",
|
// },
|
]
|
}
|
]
|
},
|
data: [],
|
platformQuery: {},
|
platformSelectionList: [],
|
platformData: [],
|
platformForm: {},
|
platformOption: {
|
tip: false,
|
searchShow: true,
|
searchMenuSpan: 6,
|
border: true,
|
index: true,
|
selection: true,
|
viewBtn: true,
|
dialogClickModal: false,
|
menuWidth: 120,
|
editBtnText: "配置",
|
column: [
|
{
|
label: "登录账号",
|
prop: "account",
|
search: true,
|
display: false
|
},
|
{
|
label: "所属保安单位",
|
prop: "tenantName",
|
slot: true,
|
display: false
|
},
|
{
|
label: "姓名",
|
prop: "realName",
|
search: true,
|
display: false
|
},
|
{
|
label: "平台",
|
prop: "userTypeName",
|
slot: true,
|
display: false
|
},
|
{
|
label: "平台",
|
type: "select",
|
dicUrl: "/api/blade-system/dict/dictionary?code=user_type",
|
props: {
|
label: "dictValue",
|
value: "dictKey"
|
},
|
dataType: "number",
|
search: true,
|
hide: true,
|
display: false,
|
prop: "userType",
|
rules: [
|
{
|
required: true,
|
message: "请选择平台",
|
trigger: "blur"
|
}
|
]
|
},
|
{
|
label: "拓展",
|
prop: "userExt",
|
type: "textarea",
|
minRows: 8,
|
span: 24,
|
overHidden: true,
|
row: true,
|
hide: true
|
}
|
]
|
},
|
excelForm: {},
|
excelOption: {
|
submitBtn: false,
|
emptyBtn: false,
|
column: [
|
{
|
label: "模板上传",
|
prop: "excelFile",
|
type: "upload",
|
drag: true,
|
loadText: "模板上传中，请稍等",
|
span: 24,
|
propsHttp: {
|
res: "data"
|
},
|
tip: "请上传 .xls,.xlsx 标准格式文件",
|
action: "/api/blade-user/import-security"
|
},
|
// {
|
// label: "数据覆盖",
|
// prop: "isCovered",
|
// type: "switch",
|
// align: "center",
|
// width: 80,
|
// dicData: [
|
// {
|
// label: "否",
|
// value: 0,
|
// },
|
// {
|
// label: "是",
|
// value: 1,
|
// },
|
// ],
|
// value: 0,
|
// slot: true,
|
// rules: [
|
// {
|
// required: true,
|
// message: "请选择是否覆盖",
|
// trigger: "blur",
|
// },
|
// ],
|
// },
|
{
|
label: "模板下载",
|
prop: "excelTemplate",
|
formslot: true,
|
span: 24
|
}
|
]
|
},
|
tablevisible: true,
|
onceTableChange: 1
|
};
|
},
|
watch: {
|
radio() {
|
if (this.radio) {
|
this.SFZloding = true;
|
this.olondSFZ();
|
} else {
|
if (this.haveSEL != "noDrive" && this.haveSEL != "noEquipment") {
|
this.$message({
|
type: "warning",
|
message: "关闭身份证设备识别!"
|
});
|
}
|
}
|
},
|
"form.tenantId"() {
|
if (this.form.tenantId !== "" && this.initFlag) {
|
this.initData(this.form.tenantId);
|
}
|
},
|
"form.deptId": {
|
handler(val) {
|
if (val) {
|
window.deptIdss = val;
|
}
|
},
|
immediate: true
|
},
|
"form.hold": {
|
handler(val) {
|
var securitynumbercolumn = this.findObject(
|
this.option.group,
|
"securitynumber"
|
);
|
// var emailcolumn = this.findObject(this.option.group, "email");
|
console.log(val, 1234);
|
if (val == 1) {
|
securitynumbercolumn.display = true;
|
securitynumbercolumn.rules = [
|
{
|
required: true,
|
message: "请输入保安员证编号",
|
trigger: "blur"
|
}
|
];
|
// emailcolumn.display = true;
|
} else {
|
securitynumbercolumn.display = false;
|
securitynumbercolumn.rules = [
|
{
|
required: false,
|
message: "请输入保安员证编号",
|
trigger: "blur"
|
}
|
];
|
// emailcolumn.display = false;
|
}
|
},
|
immediate: true
|
},
|
"form.fingerprint"() {
|
let that = this;
|
if (this.form.fingerprint != undefined) {
|
that.isopen = true;
|
let isoks = false;
|
|
function sets(state, dom, fingerprint, myPicture) {
|
isoks = state;
|
dom.onload = function() {
|
// var winzhiwen = document.getElementById("zhiwen").contentWindow;
|
var winzhiwen = dom.contentWindow;
|
winzhiwen.setZhiwenData({
|
imgBMP: fingerprint,
|
// imgBMP: imgBMP,
|
// CID_img_raw: CID_img_raw,
|
featuredatas: myPicture,
|
isoks: isoks
|
});
|
};
|
}
|
var doZhiwen = dom => {
|
if (!this.form.id) {
|
sets(false, dom);
|
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, dom, data.fingerprint, data.myPicture);
|
} else {
|
sets(false, dom);
|
}
|
}
|
});
|
};
|
|
// setTimeout(() => {
|
// var iframeDom = document.getElementById("zhiwen");
|
// console.log(iframeDom,111111);
|
// iframeDom.onload = function () {
|
// doZhiwen();
|
// };
|
// doZhiwen();
|
// }, 2800);
|
//判断是否加载完成指纹dom
|
that.checkDom("", dom => {
|
// console.log(dom);
|
doZhiwen(dom);
|
});
|
} 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-security?isCovered=${this.excelForm.isCovered}`;
|
}
|
}
|
},
|
computed: {
|
...mapGetters([
|
"userInfo",
|
"permission",
|
"windowHeight",
|
"windowWidth",
|
"screenSize",
|
"screenHeight"
|
]),
|
permissionList() {
|
return {
|
addBtn: this.vaildData(this.permission.securityGuard_add, false),
|
viewBtn: this.vaildData(null, false),
|
delBtn: this.vaildData(null, false),
|
editBtn: this.vaildData(this.permission.securityGuard_edit, false)
|
};
|
},
|
platformPermissionList() {
|
return {
|
addBtn: false,
|
viewBtn: false,
|
delBtn: false,
|
editBtn: this.vaildData(this.permission.user_edit, false)
|
};
|
},
|
ids() {
|
let ids = [];
|
this.selectionList.forEach(ele => {
|
ids.push(ele.id);
|
});
|
return ids.join(",");
|
},
|
...mapState({
|
userInfo: state => state.user.userInfo
|
})
|
},
|
beforeCreate() {},
|
created() {
|
var that = this;
|
if (this.userInfo.role_name == "办证管理员") {
|
this.search["userType"] = 7;
|
this.search["hold"] = "1";
|
}
|
var roleName = this.userInfo.role_name;
|
// console.log(this.userInfo,52252);
|
// this.userInfo.rname.forEach((roleName) => {
|
if (
|
roleName == "保安公司管理员" ||
|
roleName == "保安" ||
|
roleName == "分公司管理员"
|
) {
|
//查询保安单位信息（包含子级）
|
const column = this.findObject(this.option.column, "deptId");
|
// column.search = false;
|
//默认全部展开
|
column.defaultExpandAll = true;
|
column.dicUrl =
|
"/api/blade-system/dept/security_lazy-tree?deptId=" +
|
this.userInfo.dept_id;
|
} else if (
|
roleName == "公安管理员" ||
|
roleName == "administrator" ||
|
this.userInfo.role_name == "民警"
|
) {
|
var columnDept = that.findObject(that.option.column, "deptId");
|
columnDept.dicUrl =
|
"/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
|
that.userInfo.jurisdiction;
|
} else {
|
//查询保安单位信息（包含子级）
|
const column = this.findObject(this.option.column, "deptId");
|
// column.search = false;
|
//默认全部展开
|
column.dicUrl = "/api/blade-system/dept/security_lazy-tree";
|
}
|
// });
|
|
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() {
|
// console.log(this.screenSize, "screenSize");
|
this.option.height = this.screenHeight;
|
this.$store.commit("setWindowSizeHeightAdd");
|
// this.$store.dispatch("MOUNTED_TABLE_SIZE");
|
|
// 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();
|
// this.olondSFZ(); //检查身份证设备是否存在
|
},
|
methods: {
|
//账号修改
|
accountUpdate(row){
|
this.formAccount = {
|
id: row.id,
|
oldAccount: row.account,
|
account:"",
|
}
|
this.accountVisible = true;
|
|
},
|
//账号修改提交
|
submit(row, done, loading) {
|
var that = this;
|
updateAccount(row).then(
|
() => {
|
that.$refs.formAccount.resetFields();
|
that.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
that.accountVisible = false;
|
that.onLoad(that.page);
|
done();
|
},
|
error => {
|
window.console.log(error);
|
done();
|
}
|
);
|
},
|
checkDom(name, fn) {
|
// 声明定时器
|
let that = this;
|
var timer = null;
|
// 检查dom是否执行完成
|
function checkDom() {
|
let dom = document.getElementById("zhiwen");
|
if (dom) {
|
// 执行dom加载完成后的操作
|
// 清除定时器
|
if (!timer) {
|
clearTimeout(timer);
|
}
|
if (fn) {
|
//回调函数
|
fn(dom);
|
return;
|
} else {
|
return dom;
|
}
|
} else {
|
// 自我调用
|
timer = setTimeout(checkDom, 100);
|
}
|
}
|
// 首次执行
|
checkDom();
|
},
|
|
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;
|
},
|
handleImport3() {
|
this.excelBox3 = true;
|
},
|
uploadAfter3(res, done, loading, column) {
|
window.console.log(column);
|
this.excelBox3 = false;
|
this.refreshChange();
|
done();
|
},
|
uploadAfter1(res, done, loading, column) {
|
window.console.log(column);
|
this.excelBox1 = false;
|
this.refreshChange();
|
done();
|
},
|
handleTemplate1() {
|
if (
|
this.userInfo.account == "南昌市保安服务总公司" ||
|
this.userInfo.account == "押运分公司"
|
) {
|
window.open(
|
`/api/blade-user/export-template-securityYy?${
|
this.website.tokenHeader
|
}=${getToken()}`
|
);
|
return;
|
}
|
window.open(
|
`/api/blade-user/export-template-security?${
|
this.website.tokenHeader
|
}=${getToken()}`
|
);
|
},
|
handleTemplate3() {
|
window.open(
|
`/api/securityPaper/export-template-security-paper?${
|
this.website.tokenHeader
|
}=${getToken()}`
|
);
|
},
|
handleImport2() {
|
this.excelBox2 = true;
|
},
|
uploadAfter2(res, done, loading, column) {
|
window.console.log(column);
|
this.excelBox2 = false;
|
this.refreshChange();
|
done();
|
},
|
|
//行点击事件
|
rowClick(row) {
|
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(deptId) {
|
var data = {
|
departmentid: deptId
|
};
|
getInformationDetails(data).then(res => {
|
var obj = res.data.data;
|
var data = JSON.stringify(obj);
|
this.$router.push({
|
path: "/securityUnitChild",
|
query: { data: data }
|
});
|
});
|
},
|
nodeClick(data) {
|
this.treeDeptId = data.id;
|
this.page.currentPage = 1;
|
this.onLoad(this.page);
|
},
|
initData(tenantId) {
|
// getRoleTree(tenantId).then((res) => {
|
// const column = this.findObject(this.option.group, "roleId");
|
// column.dicData = res.data.data;
|
// });
|
// getDeptTree(tenantId).then((res) => {
|
// const column = this.findObject(this.option.group, "deptId");
|
// column.dicData = res.data.data;
|
// });
|
// getPostList(tenantId).then((res) => {
|
// const column = this.findObject(this.option.group, "postId");
|
// column.dicData = res.data.data;
|
// });
|
},
|
submitRole() {
|
const roleList = this.$refs.treeRole.getCheckedKeys().join(",");
|
grant(this.ids, roleList).then(() => {
|
this.roleBox = false;
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
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: "操作成功!"
|
});
|
});
|
},
|
// 证件核实申请
|
rowCheckApply(row) {
|
this.formSecurityCheckApply = {
|
id: null,
|
realName: row.realName,
|
userId: row.id
|
};
|
this.securityCheckApplyvisible = true;
|
},
|
//证件核实申请提交
|
submitSecurityCheckApply(row, done, loading) {
|
var that = this;
|
row["createUser"] = this.userInfo.Id;
|
add(row).then(() => {
|
that.$refs.formSecurityCheckApply.resetFields();
|
this.$message({
|
type: "success",
|
message: `操作成功`
|
});
|
this.securityCheckApplyvisible = false;
|
this.onLoad(this.page);
|
done();
|
});
|
error => {
|
window.console.log(error);
|
};
|
},
|
//保安员信息导出
|
handleExportSecurityInfo() {
|
this.$confirm("是否导出保安员信息数据?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
}).then(() => {
|
var data = {
|
cardid: this.search.cardid,
|
deptId: this.search.deptId,
|
roleAlias: "111",
|
hold: this.search.hold,
|
realName: this.search.realName,
|
securitynumber: this.search.securitynumber,
|
status: this.search.status,
|
userType: this.search.startTime,
|
examinationType: this.search.examinationType,
|
dispatch: this.search.dispatch,
|
isFingerprint: this.search.isFingerprint,
|
isAvatar: this.search.isAvatar
|
};
|
// console.log(data,123456);
|
//导出
|
if (this.userInfo.role_name == "保安公司管理员") {
|
//如果是保安公司管理员
|
if (this.search.deptId) {
|
data["deptId"] = this.search.deptId;
|
} else {
|
data["deptId"] = this.userInfo.dept_id;
|
}
|
}
|
if (this.userInfo.role_name == "培训公司管理员") {
|
//如果是培训公司管理员
|
data["trainingUnitId"] = this.userInfo.Id;
|
}
|
if (
|
this.userInfo.role_name == "公安管理员" ||
|
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");
|
// 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;
|
}
|
if (row.roleId) {
|
row.roleId = row.roleId.join(",");
|
}
|
if (row.postId) {
|
row.postId = row.postId.join(",");
|
}
|
const userMap = {
|
user: {
|
//是否是身份证自动识别进入
|
cell: this.nowCell,
|
//指纹↓
|
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,
|
guncode: row.guncode
|
}
|
};
|
|
securitySaves(userMap).then(
|
res => {
|
// console.log(res.data,111111111111111111);
|
this.initFlag = false;
|
if (res.data.code == 200) {
|
// this.$alert("新增成功，密码为身份证后六位", "温馨提示", {
|
// confirmButtonText: "确定",
|
// callback: action => {
|
// this.$message({
|
// type: "success",
|
// message: `操作成功`
|
// });
|
// this.onLoad(this.page);
|
// done();
|
// }
|
// });
|
this.$message({
|
type: "success",
|
message: `操作成功`
|
});
|
this.onLoad(this.page);
|
done();
|
}
|
//保安员证编号不匹配的情况
|
if (res.data.code == 201) {
|
this.$alert(
|
"用户新增成功!，密码为身份证后六位!注：当前保安证编号不匹配,请核实!",
|
"温馨提示",
|
{
|
confirmButtonText: "确定",
|
callback: action => {
|
this.$message({
|
type: "success",
|
message: `操作成功`
|
});
|
this.onLoad(this.page);
|
done();
|
}
|
}
|
);
|
}
|
},
|
error => {
|
window.console.log(error);
|
loading();
|
}
|
);
|
},
|
rowUpdate(row, index, done, loading) {
|
row.deptId = row.deptId;
|
row.roleId = row.roleId.join(",");
|
row.postId = row.postId.join(",");
|
//值替换，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;
|
}
|
|
//是否是身份证自动识别进入
|
if (row.cell != "2") {
|
row["cell"] = this.nowCell;
|
}
|
update(row).then(
|
res => {
|
this.initFlag = false;
|
this.onLoad(this.page);
|
if (res.data.code == 200) {
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
}
|
if (res.data.code == 201) {
|
this.$alert(
|
"修改成功!注：当前保安证编号不匹配,请核实!",
|
"温馨提示",
|
{
|
confirmButtonText: "确定",
|
callback: action => {
|
this.$message({
|
type: "success",
|
message: `操作成功`
|
});
|
this.onLoad(this.page);
|
done();
|
}
|
}
|
);
|
}
|
done();
|
},
|
error => {
|
window.console.log(error);
|
loading();
|
}
|
);
|
},
|
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("确定注销当前用户?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
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(() => {
|
this.onLoad(this.page);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
});
|
},
|
searchReset() {
|
this.query = {};
|
this.treeDeptId = "";
|
this.onLoad(this.page);
|
},
|
searchChange(params, done) {
|
this.query = params;
|
this.page.currentPage = 1;
|
this.onLoad(this.page, params);
|
done();
|
},
|
selectionChange(list) {
|
// this.selectionList = list;
|
this.choiceList = [];
|
for (let k in list) {
|
this.choiceList.push({
|
id: list[k].id
|
});
|
}
|
},
|
selectionClear() {
|
// this.selectionList = [];
|
this.sort = "";
|
this.sortName = "";
|
// this.$refs.crud.toggleSelection();
|
},
|
handleDelete() {
|
if (this.selectionList.length === 0) {
|
this.$message.warning("请选择至少一条数据");
|
return;
|
}
|
this.$confirm("确定将选择保安注销?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
return remove(this.ids);
|
})
|
.then(() => {
|
this.onLoad(this.page);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
this.$refs.crud.toggleSelection();
|
});
|
},
|
handleReset() {
|
if (this.selectionList.length === 0) {
|
this.$message.warning("请选择至少一条数据");
|
return;
|
}
|
this.$confirm("确定将选择账号密码重置为123456?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
return resetPassword(this.ids);
|
})
|
.then(() => {
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
this.$refs.crud.toggleSelection();
|
});
|
},
|
handleGrant() {
|
if (this.selectionList.length === 0) {
|
this.$message.warning("请选择至少一条数据");
|
return;
|
}
|
this.roleTreeObj = [];
|
if (this.selectionList.length === 1) {
|
this.roleTreeObj = this.selectionList[0].roleId.split(",");
|
}
|
getRoleTree().then(res => {
|
this.roleGrantList = res.data.data;
|
this.roleBox = true;
|
});
|
},
|
handlePlatform() {
|
this.platformBox = true;
|
},
|
handleImport() {
|
this.excelBox = true;
|
},
|
uploadAfter(res, done, loading, column) {
|
window.console.log(column);
|
this.excelBox = false;
|
this.refreshChange();
|
done();
|
},
|
handleExport() {
|
this.$confirm("是否导出保安数据?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
}).then(() => {
|
window.open(
|
`/api/blade-user/export-user?${
|
this.website.tokenHeader
|
}=${getToken()}&account=${this.search.account}&realName=${
|
this.search.realName
|
}`
|
);
|
});
|
},
|
handleTemplate() {
|
window.open(
|
`/api/blade-user/export-template?${
|
this.website.tokenHeader
|
}=${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;
|
}
|
}
|
}
|
},
|
SFZopens() {
|
if (this.haveSEL == "noDrive") {
|
let url =
|
"http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar";
|
window.open(url, "_self");
|
} else if (this.haveSEL == "noEquipment") {
|
this.radio = true;
|
}
|
},
|
olondSFZ() {
|
// console.log(123456);
|
var that = this;
|
// // 开始连接设备
|
// //调用对应的连接方法,并赋值给result
|
let lodings = val => {
|
setTimeout(res => {
|
that.SFZloding = val;
|
}, 1000);
|
};
|
this.cardShebei = CertCtl.connect(res => {
|
let k = "";
|
try {
|
k = JSON.parse(res);
|
} catch (error) {
|
k = res;
|
}
|
// console.log(res);
|
if (k == "") {
|
that.haveSEL = "noDrive";
|
// console.log("连接身份证设备失败，请安装驱动");
|
that.sfzButTitle = "未安装身份证驱动，点击下载";
|
this.$message({
|
type: "warning",
|
message: "连接身份证设备失败，请重新连接设备!"
|
});
|
that.radio = false;
|
lodings(false);
|
return;
|
}
|
if (k.resultFlag == 0) {
|
that.haveSEL = "connectionSucceeded";
|
// console.log("连接身份证设备成功");
|
this.$message({
|
type: "success",
|
message: "连接身份证设备成功!"
|
});
|
lodings(false);
|
} else {
|
that.haveSEL = "noEquipment";
|
that.sfzButTitle = "连接身份证设备失败,请重试";
|
// console.log("连接身份证设备失败，请重新连接设备!");
|
this.$message({
|
type: "warning",
|
message: "连接身份证设备失败，请重新连接设备!"
|
});
|
that.radio = false;
|
lodings(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.gender == 0 ? 2 : data.gender == 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 == "connectionSucceeded" && this.radio) {
|
this.haveCardid = false;
|
if (this.intTime) {
|
clearInterval(this.intTime);
|
this.setIntervals();
|
} else {
|
this.setIntervals();
|
}
|
} else {
|
clearInterval(this.intTime);
|
}
|
},
|
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"].includes(type)) {
|
this.type = 1;
|
}
|
if (["add"].includes(type)) {
|
this.type = 2;
|
}
|
if (["edit", "view"].includes(type)) {
|
getUser(this.form.id).then(res => {
|
this.form = res.data.data;
|
var d = {
|
education1: res.data.data.education
|
};
|
this.form = {
|
...this.form,
|
...d
|
};
|
// this.from["education1"] = res.data.data.education;
|
if (this.form.hasOwnProperty("deptId")) {
|
this.form.deptId = this.form.deptId;
|
}
|
if (this.form.hasOwnProperty("roleId")) {
|
this.form.roleId = this.form.roleId.split(",");
|
}
|
if (this.form.hasOwnProperty("postId")) {
|
this.form.postId = this.form.postId.split(",");
|
}
|
var userInfo = res.data.data;
|
//获取用户从业信息
|
getUserPractitionersInfo(userInfo.id).then(res1 => {
|
that.form.UserPractitionersInfo = res1.data.data;
|
});
|
});
|
}
|
this.initFlag = true;
|
done();
|
},
|
beforeClose(done, type) {
|
this.closeSFZ(112);
|
done();
|
},
|
currentChange(currentPage) {
|
this.page.currentPage = currentPage;
|
},
|
//行样式调整
|
rowStyle({ row, column, rowIndex }) {
|
if (row.examinationType == "1") {
|
return {
|
color: "#ff2727"
|
};
|
}
|
},
|
sizeChange(pageSize) {
|
this.page.pageSize = pageSize;
|
},
|
refreshChange() {
|
this.onLoad(this.page, this.query);
|
},
|
//排序
|
sortChange(value) {
|
if (value.order == "ascending") {
|
this.sort = "asc";
|
}
|
if (value.order == "descending") {
|
this.sort = "desc";
|
}
|
this.sortName = value.prop;
|
//字段匹配
|
if (value.prop == "sexs") {
|
this.sortName = "sex";
|
}
|
if (value.prop == "examinationType") {
|
this.sortName = "examination_type";
|
}
|
if (value.prop == "userType") {
|
this.sortName = "user_type";
|
}
|
this.onLoad(this.page, this.query);
|
},
|
onLoad(page, params = {}) {
|
if (this.isNotChangeSize) {
|
this.loading = true;
|
}
|
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 == "保安公司管理员") {
|
that.option.group[1].column[4].dicData = [
|
{
|
label: "是",
|
value: "1"
|
},
|
{
|
label: "否",
|
value: "2"
|
}
|
];
|
}
|
if (
|
roleAlias == "保安公司管理员" ||
|
roleAlias == "保安" ||
|
roleAlias == "分公司管理员"
|
) {
|
//去除保安公司查询
|
// const column = that.findObject(that.option.column, "deptId");
|
// column.search = false;
|
// column.dicUrl =
|
// "/api/blade-system/dept/security_lazy-tree?deptId="+that.userInfo.dept_id;
|
const deptColumn = that.findObject(that.option.group, "deptId");
|
deptColumn.dicUrl =
|
"/api/blade-system/dept/security_lazy-tree?deptId=" +
|
that.userInfo.dept_id;
|
//禁止编辑
|
// deptColumn.disabled = true;
|
deptColumn.value = that.userInfo.dept_id;
|
that.isSecurity = false;
|
//如果是保安公司管理员
|
if (this.search.deptId) {
|
params["deptId"] = this.search.deptId;
|
} else {
|
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 == "公安管理员" ||
|
roleAlias == "administrator" ||
|
this.userInfo.role_name == "民警"
|
) {
|
params["jurisdiction"] = that.userInfo.jurisdiction;
|
var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
|
ColumnDeptUpdate.dicUrl =
|
"/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
|
that.userInfo.jurisdiction;
|
|
//导入action 修改
|
const importColumn = that.findObject(
|
that.excelOption1.column,
|
"excelFile"
|
);
|
importColumn.action =
|
"/api/blade-user/import-security?deptId=" + this.deptIds;
|
|
//审查状态查询开启
|
// var columnExaminationType = that.findObject(
|
// that.option.column,
|
// "examinationType"
|
// );
|
// columnExaminationType.search = true;
|
// columnExaminationType.hide = false;
|
} else {
|
var ColumnDeptUpdate1 = that.findObject(
|
that.option.group,
|
"deptId"
|
);
|
ColumnDeptUpdate1.dicUrl =
|
"/api/blade-system/dept/security_lazy-tree";
|
}
|
|
if (this.sort) {
|
params["sort"] = this.sort;
|
}
|
if (this.sortName) {
|
params["sortName"] = this.sortName;
|
}
|
|
let values = {
|
...params
|
};
|
values = {
|
...params,
|
roleAlias: "111",
|
...that.query
|
};
|
|
getList(page.currentPage, page.pageSize, values).then(res => {
|
const data = res.data.data;
|
that.page.total = data.total;
|
// var d = data.records;
|
// var date = new Date();
|
// var datayear = date.getFullYear();
|
// for (const key in d) {
|
// var year = d[key].cardid.slice(6, 10);
|
// d[key]["age"] = +datayear - +year;
|
// // d[key].securitynumber = "赣洪202100009";
|
// }
|
that.data = data.records;
|
that.loading = false;
|
that.selectionClear();
|
that.$store.commit("setWindowSizeHeightAdd");
|
});
|
});
|
});
|
},
|
platformRowUpdate(row, index, done, loading) {
|
updatePlatform(row.id, row.userType, row.userExt).then(
|
() => {
|
this.platformOnLoad(this.platformPage);
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
done();
|
},
|
error => {
|
window.console.log(error);
|
loading();
|
}
|
);
|
},
|
platformBeforeOpen(done, type) {
|
if (["edit", "view"].includes(type)) {
|
getUserPlatform(this.platformForm.id).then(res => {
|
this.platformForm = res.data.data;
|
});
|
}
|
done();
|
},
|
platformSearchReset() {
|
this.platformQuery = {};
|
this.platformOnLoad(this.platformPage);
|
},
|
platformSearchChange(params, done) {
|
this.platformQuery = params;
|
this.platformPage.currentPage = 1;
|
this.platformOnLoad(this.platformPage, params);
|
done();
|
},
|
platformSelectionChange(list) {
|
this.platformSelectionList = list;
|
},
|
platformSelectionClear() {
|
this.platformSelectionList = [];
|
this.$refs.platformCrud.toggleSelection();
|
},
|
platformCurrentChange(currentPage) {
|
this.platformPage.currentPage = currentPage;
|
},
|
platformSizeChange(pageSize) {
|
this.platformPage.pageSize = pageSize;
|
},
|
platformRefreshChange() {
|
this.platformOnLoad(this.platformPage, this.platformQuery);
|
},
|
platformOnLoad(page, params = {}) {
|
this.platformLoading = true;
|
getList(
|
page.currentPage,
|
page.pageSize,
|
Object.assign(params, this.query),
|
this.treeDeptId
|
).then(res => {
|
const data = res.data.data;
|
this.platformPage.total = data.total;
|
this.platformData = data.records;
|
this.platformLoading = false;
|
this.selectionClear();
|
});
|
},
|
//照片上传拦截
|
uploadBefore(file, done, loading, column) {
|
//如果你想修改file文件,由于上传的file是只读文件，必须复制新的file才可以修改名字，完后赋值到done函数里,如果不修改的话直接写done()即可
|
//判断角色
|
if (this.userInfo.role_name != "administrator") {
|
if (file.type.indexOf("image/") == -1) {
|
MessageBox.alert(
|
"上传图片格式错误，请上传图片类型,如:JPG，PNG后缀的文件。"
|
);
|
loading();
|
return false;
|
}
|
let data = window.URL.createObjectURL(new Blob([file]));
|
this.filename = file;
|
this.option.img = data;
|
//判断文件大小
|
const isLt1M = file.size >= 30 * 1024 && file.size <= 500 * 1024;
|
if (!isLt1M) {
|
MessageBox.alert("上传图片大小必须大于30KB,且小于500KB!");
|
loading();
|
return false;
|
}
|
done();
|
return isLt1M;
|
}
|
done();
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.box {
|
height: 800px;
|
}
|
|
.el-scrollbar {
|
height: 100%;
|
}
|
|
.box .el-scrollbar__wrap {
|
overflow: scroll;
|
}
|
|
.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: 38px;
|
left: 121px;
|
right: 0;
|
line-height: 45px;
|
letter-spacing: 3px;
|
}
|
|
//发证时间
|
$timeTop: 315px; //整体高度
|
//年
|
.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: 384px; //整体高度
|
left: 145px;
|
}
|
|
//内容
|
// 姓名
|
$centerLeft: 458px;
|
.security_m_r_o_right {
|
position: absolute;
|
top: $downTop + $lineHigeht * 0+18px;
|
left: $centerLeft;
|
// width: $rightWidth;
|
}
|
|
// 生日
|
.security_m_r_o_rightbirthday {
|
position: absolute;
|
top: $downTop + $lineHigeht * 1+0px;
|
left: $centerLeft;
|
// width: $rightWidth;
|
}
|
|
// 地址
|
.security_m_r_o_rightaddress {
|
position: absolute;
|
top: $downTop + $lineHigeht * 2+0px;
|
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;
|
// }
|
|
.downSFZqudong {
|
position: absolute;
|
right: 239px;
|
top: 93px;
|
font-size: 14px;
|
a {
|
text-decoration: underline;
|
&:hover {
|
color: rgb(36, 143, 231);
|
}
|
}
|
}
|
.downSFZqudongS {
|
position: absolute;
|
right: 30px;
|
top: 10px;
|
font-size: 14px;
|
a {
|
text-decoration: underline;
|
&:hover {
|
color: rgb(36, 143, 231);
|
}
|
}
|
}
|
</style>
|
