Administrator
2022-06-15 47a0f58d4334939b08a55b9356f94de23c8b1367
src/views/securityGuard/securityGuard.vue
@@ -1,6 +1,6 @@
<template>
  <el-row class="securityGuard">
    <el-col :span="0" style="display: none">
  <el-row :class="{ securityGuard: isSecurity }">
    <!-- <el-col :span="0" style="display: none">
      <div class="box">
        <el-scrollbar>
          <basic-container>
@@ -12,10 +12,17 @@
          </basic-container>
        </el-scrollbar>
      </div>
    </el-col>
    </el-col> -->
    <el-col :span="24">
      <basic-container>
      <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"
@@ -24,11 +31,12 @@
          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"
          @sort-change="sortChange"
          @search-change="searchChange"
          @search-reset="searchReset"
          @selection-change="selectionChange"
@@ -36,7 +44,11 @@
          @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"
@@ -45,8 +57,45 @@
              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"
@@ -106,32 +155,166 @@
              @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
                style="display:none"
                icon="el-icon-edit"
                :size="size"
                :type="type"
                @click.stop="addOrUpdateHandle(row.id)"
                >修改
              </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"
              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>
@@ -144,7 +327,56 @@
          <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
@@ -235,57 +467,354 @@
            </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,
  add,
  securitySave,
  updateAccount,
  securitySaves,
  grant,
  resetPassword,
  getUserPractitionersInfo,
  saveOrUpdateUserPractitionersInfo,
  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 { getPostList } from "@/api/system/post";
import { mapGetters } from "vuex";
import website from "@/config/website";
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
import 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("请输入密码"));
    // 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();
      }
    };
    const validatePass2 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请再次输入密码"));
      } else if (value !== this.form.password) {
        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,
      isSecurity: false,
      excelBox2: false,
      excelBox3: false,
      isSecurity: true,
      securityCheckApplyvisible: false,
      excelForm1: {},
      excelOption1: {
        submitBtn: false,
@@ -299,20 +828,65 @@
            loadText: "文件上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data",
              res: "data"
            },
            tip: "请上传 .xls,.xlsx 标准格式文件",
            action: "/api/blade-user/import-user",
            action: "/api/blade-user/import-security?deptId=" + this.deptIds
          },
          {
            label: "模板下载",
            prop: "excelTemplate",
            formslot: true,
            span: 24,
          },
        ],
            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,
@@ -327,21 +901,24 @@
        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: [],
        deptTree: []
      },
      props: {
        label: "title",
        value: "key",
        value: "key"
      },
      roleGrantList: [],
      roleTreeObj: [],
@@ -350,14 +927,14 @@
      treeOption: {
        nodeKey: "id",
        lazy: true,
        treeLoad: function (node, resolve) {
        treeLoad: function(node, resolve) {
          const parentId = node.level === 0 ? 0 : node.data.id;
          getDeptLazyTree(parentId).then((res) => {
          getDeptLazyTree(parentId).then(res => {
            resolve(
              res.data.data.map((item) => {
              res.data.data.map(item => {
                return {
                  ...item,
                  leaf: !item.hasChildren,
                  leaf: !item.hasChildren
                };
              })
            );
@@ -370,29 +947,173 @@
          labelText: "标题",
          label: "title",
          value: "value",
          children: "children",
        },
          children: "children"
        }
      },
      option: {
      choiceList: [],
      deptIdss: "",
      optionSecurityCheckApply: {
        height: "auto",
        calcHeight: 80,
        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: "注销",
        // 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: "基础信息",
@@ -401,7 +1122,7 @@
            icon: "el-icon-user-solid",
            column: [
              {
                label: "所属保安公司",
                label: "企业名称",
                prop: "deptId",
                type: "tree",
                // dicUrl:
@@ -409,188 +1130,77 @@
                // dicUrl: "/api/blade-system/dept/lazy-tree?parentId=0",
                props: {
                  label: "title",
                  value: "id",
                  value: "id"
                },
                // disabled: true,
                rules: [
                  {
                    required: true,
                    message: "请选择保安公司",
                    trigger: "blur",
                  },
                ],
              },
              {
                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" },
                ],
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "姓名",
                prop: "realName",
                disabled: false,
                rules: [
                  {
                    required: true,
                    message: "请输入姓名",
                    trigger: "blur",
                    trigger: "blur"
                  },
                  {
                    min: 2,
                    max: 5,
                    message: "姓名长度在2到5个字符",
                  },
                ],
              },
              {
                label: "昵称",
                prop: "name",
              },
              {
                label: "个人照片",
                type: "upload",
                listType: "picture-img",
                propsHttp: {
                  res: "data",
                  url: "link",
                },
                canvasOption: {
                  text: " ",
                  ratio: 0.1,
                },
                action: "/api/blade-resource/oss/endpoint/put-file",
                tip: "只能上传jpg/png个人头像,且不超过500kb",
                span: 12,
                row: true,
                prop: "myPicture",
              },
                    message: "姓名长度在2到5个字符"
                  }
                ]
              }
              // {
              //   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: "所属角色",
              //   prop: "roleId",
              //   multiple: true,
              //   type: "tree",
              //   dicData: [],
              //   props: {
              //     label: "title",
              //   },
              //   checkStrictly: true,
              //   slot: true,
              //   label: "登录账号",
              //   prop: "account",
              //   editDisabled: true,
              //   rules: [
              //     {
              //       required: true,
              //       message: "请选择所属角色",
              //       trigger: "click",
              //       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: "postId",
              //   type: "tree",
              //   multiple: true,
              //   dicData: [],
              //   props: {
              //     label: "postName",
              //     value: "id",
              //   },
              //   label: "确认密码",
              //   prop: "password2",
              //   type: "password",
              //   hide: true,
              //   editDisplay: false,
              //   viewDisplay: false,
              //   rules: [
              //     {
              //       required: false,
              //       message: "请选择所属岗位",
              //       trigger: "click",
              //     },
              //     { required: true, validator: validatePass2, trigger: "blur" },
              //   ],
              // },
              {
                label: "是否持证",
                prop: "hold",
                dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
                props: {
                  label: "dictValue",
                  value: "dictKey",
                },
                type: "select",
                rules: [
                  {
                    required: true,
                    message: "请选择",
                    trigger: "blur",
                  },
                ],
              },
              {
                label: "保安员证编号",
                prop: "securitynumber",
                hide: true,
              },
              {
                label: "手机号码",
                prop: "phone",
                overHidden: true,
                rules: [
                  {
                    required: true,
                    message: "请输入手机号",
                    trigger: "blur",
                  },
                ],
              },
              {
                label: "电子邮箱",
                prop: "email",
              },
            ]
          },
          {
            label: "详细信息",
            prop: "detailInfo",
            labelWidth: "110",
            icon: "el-icon-s-order",
            column: [
              {
                label: "身份证号",
                prop: "cardid",
@@ -600,17 +1210,151 @@
                  {
                    required: true,
                    message: "请输入身份证号",
                    trigger: "blur",
                    trigger: "blur"
                  },
                ],
                  {
                    required: true,
                    validator: validatePassCardid,
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "籍贯",
                prop: "nativeplace",
                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",
                prop: "nation"
              },
              {
                label: "最高学历",
@@ -620,30 +1364,57 @@
                  "/api/blade-system/dict-biz/dictionary?code=educationType",
                props: {
                  label: "dictValue",
                  value: "dictKey",
                  value: "dictKey"
                },
                dataType: "number",
                slot: true,
                slot: true
              },
              {
                label: "政治面貌",
                prop: "politicaloutlook",
                prop: "politicaloutlook"
              },
              {
                label: "健康状态",
                prop: "healstats",
                prop: "healstats"
              },
              {
                label: "身高",
                prop: "height",
                prop: "height"
              },
              {
                label: "联系地址",
                prop: "address",
                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 +1422,13 @@
                type: "date",
                format: "yyyy-MM-dd",
                valueFormat: "yyyy-MM-dd",
                rules: [
                  {
                    required: true,
                    message: "请输入入职时间",
                    trigger: "click"
                  }
                ]
              },
              {
                label: "性别",
@@ -660,106 +1438,35 @@
                dicData: [
                  {
                    label: "男",
                    value: 1,
                    value: 1
                  },
                  {
                    label: "女",
                    value: 2,
                  },
                    value: 2
                  }
                  // {
                  //   label: "未知",
                  //   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: "默认值",
                    });
                  },
                  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,
                    },
                  ],
                },
              },
            ],
          },
        ],
                rules: [
                  {
                    required: true,
                    message: "请选择性别",
                    trigger: "blur"
                  }
                ]
              }
              // {
              //   label: "生日",
              //   type: "date",
              //   prop: "birthday",
              //   format: "yyyy-MM-dd",
              //   valueFormat: "yyyy-MM-dd",
              // },
            ]
          }
        ]
      },
      data: [],
      platformQuery: {},
@@ -782,25 +1489,25 @@
            label: "登录账号",
            prop: "account",
            search: true,
            display: false,
            display: false
          },
          {
            label: "所属保安单位",
            prop: "tenantName",
            slot: true,
            display: false,
            display: false
          },
          {
            label: "姓名",
            prop: "realName",
            search: true,
            display: false,
            display: false
          },
          {
            label: "平台",
            prop: "userTypeName",
            slot: true,
            display: false,
            display: false
          },
          {
            label: "平台",
@@ -808,7 +1515,7 @@
            dicUrl: "/api/blade-system/dict/dictionary?code=user_type",
            props: {
              label: "dictValue",
              value: "dictKey",
              value: "dictKey"
            },
            dataType: "number",
            search: true,
@@ -819,9 +1526,9 @@
              {
                required: true,
                message: "请选择平台",
                trigger: "blur",
              },
            ],
                trigger: "blur"
              }
            ]
          },
          {
            label: "拓展",
@@ -831,9 +1538,9 @@
            span: 24,
            overHidden: true,
            row: true,
            hide: true,
          },
        ],
            hide: true
          }
        ]
      },
      excelForm: {},
      excelOption: {
@@ -848,10 +1555,10 @@
            loadText: "模板上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data",
              res: "data"
            },
            tip: "请上传 .xls,.xlsx 标准格式文件",
            action: "/api/blade-user/import-user",
            action: "/api/blade-user/import-security"
          },
          // {
          //   label: "数据覆盖",
@@ -883,16 +1590,131 @@
            label: "模板下载",
            prop: "excelTemplate",
            formslot: true,
            span: 24,
          },
        ],
            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"() {
@@ -901,18 +1723,25 @@
    "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}`;
      }
    },
    }
  },
  computed: {
    ...mapGetters(["userInfo", "permission"]),
    ...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(this.permission.securityGuard_delete, false),
        editBtn: this.vaildData(this.permission.securityGuard_edit, false),
        delBtn: this.vaildData(null, false),
        editBtn: this.vaildData(this.permission.securityGuard_edit, false)
      };
    },
    platformPermissionList() {
@@ -920,48 +1749,485 @@
        addBtn: false,
        viewBtn: false,
        delBtn: false,
        editBtn: this.vaildData(this.permission.user_edit, false),
        editBtn: this.vaildData(this.permission.user_edit, false)
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach((ele) => {
      this.selectionList.forEach(ele => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
    ...mapState({
      userInfo: (state) => state.user.userInfo,
    }),
      userInfo: state => state.user.userInfo
    })
  },
  beforeCreate() {},
  created() {},
  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();
      this.refreshChange();
      done();
    },
    handleTemplate1() {
      window.open(`/api/blade-user/export-template-security`);
      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) },
        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) {
@@ -989,12 +2255,176 @@
        this.roleBox = false;
        this.$message({
          type: "success",
          message: "操作成功!",
          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;
      }
@@ -1004,64 +2434,87 @@
      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: {
          //是否是身份证自动识别进入
          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
        }
      };
      securitySave(userMap).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
      securitySaves(userMap).then(
        res => {
          // console.log(res.data,111111111111111111);
          this.initFlag = false;
          this.onLoad(this.page);
          done();
          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) => {
        error => {
          window.console.log(error);
          loading();
        }
@@ -1071,65 +2524,118 @@
      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;
      }
      //是否是身份证自动识别进入
      if (row.cell != "2") {
        row["cell"] = this.nowCell;
      }
      update(row).then(
        () => {
          const experience = {
            securityid: IdCardNo,
            userPractitionersInfo: userPractitionersList,
          };
          //更新从业信息
          saveOrUpdateUserPractitionersInfo(experience).then(() => {
            this.$message({
              type: "success",
              message: "操作成功!",
            });
          });
        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) => {
        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("确定将选择保安登记离职?", {
      this.$confirm("确定注销当前用户?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        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(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
        });
    },
@@ -1145,11 +2651,19 @@
      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.sort = "";
      this.sortName = "";
      // this.$refs.crud.toggleSelection();
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
@@ -1159,7 +2673,7 @@
      this.$confirm("确定将选择保安注销?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        type: "warning"
      })
        .then(() => {
          return remove(this.ids);
@@ -1168,7 +2682,7 @@
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
@@ -1181,7 +2695,7 @@
      this.$confirm("确定将选择账号密码重置为123456?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        type: "warning"
      })
        .then(() => {
          return resetPassword(this.ids);
@@ -1189,7 +2703,7 @@
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
@@ -1203,7 +2717,7 @@
      if (this.selectionList.length === 1) {
        this.roleTreeObj = this.selectionList[0].roleId.split(",");
      }
      getRoleTree().then((res) => {
      getRoleTree().then(res => {
        this.roleGrantList = res.data.data;
        this.roleBox = true;
      });
@@ -1224,7 +2738,7 @@
      this.$confirm("是否导出保安数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        type: "warning"
      }).then(() => {
        window.open(
          `/api/blade-user/export-user?${
@@ -1242,17 +2756,176 @@
        }=${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) => {
        getUser(this.form.id).then(res => {
          this.form = res.data.data;
          var d = {
            education1: res.data.data.education,
            education1: res.data.data.education
          };
          this.form = {
            ...this.form,
            ...d,
            ...d
          };
          // this.from["education1"] = res.data.data.education;
          if (this.form.hasOwnProperty("deptId")) {
@@ -1266,7 +2939,7 @@
          }
          var userInfo = res.data.data;
          //获取用户从业信息
          getUserPractitionersInfo(userInfo.id).then((res1) => {
          getUserPractitionersInfo(userInfo.id).then(res1 => {
            that.form.UserPractitionersInfo = res1.data.data;
          });
        });
@@ -1274,8 +2947,20 @@
      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;
@@ -1283,76 +2968,147 @@
    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) => {
      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 == "未持证保安"
            roleAlias == "分公司管理员"
          ) {
            //去除保安公司查询
            const column = that.findObject(that.option.column, "deptId");
            column.search = false;
            // 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?parentId=1413470343230877697";
              "/api/blade-system/dept/security_lazy-tree?deptId=" +
              that.userInfo.dept_id;
            //禁止编辑
            deptColumn.disabled = true;
            // deptColumn.disabled = true;
            deptColumn.value = that.userInfo.dept_id;
            that.isSecurity = true;
            that.isSecurity = false;
            //如果是保安公司管理员
            params["deptId"] = that.userInfo.dept_id;
          } else if (roleAlias == "公安管理员") {
            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 columnDept = that.findObject(that.option.column, "deptId");
            columnDept.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
              that.userInfo.jurisdiction;
            var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
            ColumnDeptUpdate.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
              "/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 columnDept1 = that.findObject(that.option.column, "deptId");
            columnDept1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
            var ColumnDeptUpdate1 = that.findObject(
              that.option.group,
              "deptId"
            );
            ColumnDeptUpdate1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
              "/api/blade-system/dept/security_lazy-tree";
          }
          if (this.sort) {
            params["sort"] = this.sort;
          }
          if (this.sortName) {
            params["sortName"] = this.sortName;
          }
          let values = {
            ...params,
            ...params
          };
          values = {
            ...params,
            roleAlias: "111",
            ...that.query,
            ...that.query
          };
          that.loading = true;
          getList(page.currentPage, page.pageSize, values).then((res) => {
          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";
            }
            // 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");
          });
        });
      });
@@ -1363,11 +3119,11 @@
          this.platformOnLoad(this.platformPage);
          this.$message({
            type: "success",
            message: "操作成功!",
            message: "操作成功!"
          });
          done();
        },
        (error) => {
        error => {
          window.console.log(error);
          loading();
        }
@@ -1375,7 +3131,7 @@
    },
    platformBeforeOpen(done, type) {
      if (["edit", "view"].includes(type)) {
        getUserPlatform(this.platformForm.id).then((res) => {
        getUserPlatform(this.platformForm.id).then(res => {
          this.platformForm = res.data.data;
        });
      }
@@ -1414,7 +3170,7 @@
        page.pageSize,
        Object.assign(params, this.query),
        this.treeDeptId
      ).then((res) => {
      ).then(res => {
        const data = res.data.data;
        this.platformPage.total = data.total;
        this.platformData = data.records;
@@ -1422,11 +3178,38 @@
        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>
<style lang="scss" scoped>
.box {
  height: 800px;
}
@@ -1438,4 +3221,260 @@
.box .el-scrollbar__wrap {
  overflow: scroll;
}
</style>
.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;
}
//发证公安机关&nbsp;(印章)
.security_m_l_center {
  position: absolute;
  top: 270px;
  left: 30px;
  line-height: 40px;
}
//证件编号 &nbsp;
.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>