+预先判读是否有身份证设备

liuyg

2021-11-22 d9b9cd8ea1791bc6a28b2ae63d7b2ec42599b5ea

 src/views/securityGuard/securityGuard.vue

@@ -36,6 +36,8 @@
          @size-change="sizeChange"
          @refresh-change="refreshChange"
          @on-load="onLoad"
          :defaults.sync="defaults"
          :before-close="beforeClose"
        >
          <!-- @row-update="rowUpdate" -->
          <template slot="menuLeft">
@@ -76,13 +78,12 @@
              >证书制证申请
            </el-button>
            <el-button
              type="primary"
              type="warning"
              size="small"
              plain
              v-if="permission.securityGuard_escort_personnel_import"
              icon="el-icon-collection-tag"
              @click="handleEscortPersonnelImport"
              >押运人员批量导入
              icon="el-icon-download"
              @click="handleExportSecurityInfo"
              >保安信息导出
            </el-button>

            <el-button
@@ -180,6 +181,7 @@
            </el-button>
            <el-button
              icon="el-icon-edit"
              style="display: none"
              :size="size"
              :type="type"
              v-if="permission.securityGuard_paper"
@@ -197,8 +199,8 @@
              class="rowClickSelf"
              title="点击查看所属公司情况"
              @click="rowClickSelf(row.deptId)"
              >{{ row.deptName }}</el-tag
            >
              >{{ row.deptName }}
            </el-tag>
          </template>
          <template slot-scope="{ row }" slot="tenantName">
            <el-tag>{{ row.tenantName }}</el-tag>
@@ -390,6 +392,8 @@
</template>

<script>
// 身份证引入
import CertCtl from "./sfzJS";
import {
  getUser,
  getUserPlatform,
@@ -415,6 +419,7 @@
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
import Qs from "qs";

//加载指纹类
import Client from "./Client";
@@ -463,36 +468,36 @@
      if (!test.test(value)) {
        callback(new Error("请输入正确身份证号码"));
      } else {
        //加入校验18岁到60岁的
        oldy = +value.slice(6, 10);
        oldm = +value.slice(10, 12);
        oldd = +value.slice(12, 14);
        ok =
          year - oldy < 18 || year - oldy > 60
            ? false
            : year - oldy == 18
            ? mouth < oldm
              ? false
              : mouth > oldm
              ? true
              : day < oldd
              ? false
              : true
            : year - oldy == 60
            ? mouth < oldm
              ? true
              : mouth > oldm
              ? false
              : day <= oldd
              ? false
              : true
            : true;
        if (ok) {
          callback();
        } else {
          // callback(new Error("根据国家要求，需在18岁至60岁"));
          callback(new Error("年龄不符"));
        }
        // //加入校验18岁到60岁的
        // oldy = +value.slice(6, 10);
        // oldm = +value.slice(10, 12);
        // oldd = +value.slice(12, 14);
        // ok =
        //   year - oldy < 18 || year - oldy > 60
        //     ? false
        //     : year - oldy == 18
        //     ? mouth < oldm
        //       ? false
        //       : mouth > oldm
        //       ? true
        //       : day < oldd
        //       ? false
        //       : true
        //     : year - oldy == 60
        //     ? mouth < oldm
        //       ? true
        //       : mouth > oldm
        //       ? false
        //       : day <= oldd
        //       ? false
        //       : true
        //     : true;
        // if (ok) {
        callback();
        // } else {
        //   // callback(new Error("根据国家要求，需在18岁至60岁"));
        //   callback(new Error("年龄不符"));
        // }
      }
    };
    const validatePassPhone = (rule, value, callback) => {
@@ -504,6 +509,13 @@
      }
    };
    return {
      // 表格数据
      defaults: {},
      // 身份证设备数据
      haveSEL: true, //是否存在设备
      cardShebei: "",
      intTime: "", //自动获取身份证；
      haveCardid: true, //读卡开关
      // 指纹数据
      isopen: false, //识别是否需要传指纹进去（解决异步传递后指纹DOM不存在的问题）
      zhiwenImg: "",
@@ -643,7 +655,11 @@
        searchShow: true,
        reserveSelection: true,
        selectable: (row) => {
          if (row.hold !== "1" || row.securitynumber==null || row.securitynumber=='') {
          if (
            row.hold !== "1" ||
            row.securitynumber == null ||
            row.securitynumber == ""
          ) {
            return false;
          } else {
            return true;
@@ -694,6 +710,7 @@
              {
                label: "姓名",
                prop: "realName",
                disabled: false,
                rules: [
                  {
                    required: true,
@@ -1150,6 +1167,7 @@
      if (this.form.fingerprint != undefined) {
        that.isopen = true;
        let isoks = false;

        function sets(state, fingerprint, myPicture) {
          isoks = state;
          var winzhiwen = document.getElementById("zhiwen").contentWindow;
@@ -1161,6 +1179,7 @@
            isoks: isoks,
          });
        }

        setTimeout(() => {
          // if()
          if (!this.form.id) {
@@ -1229,9 +1248,31 @@
  },
  beforeCreate() {},
  created() {
    // console.log(this.userInfo, 9999);
    if (this.userInfo.role_name == "办证管理员") {
      this.search["userType"] = 7;
      this.search["hold"] = "1";
    }

    if (
      this.userInfo.account == "南昌市保安服务总公司" ||
      this.userInfo.account == "押运分公司"
    ) {
      this.option.column.push({
        label: "持枪证编号",
        prop: "guncode",
        width: 90,
        addDisplay: false,
        editDisplay: false,
      });

      this.option.group[1].column.push({
        label: "持枪证编号",
        prop: "guncode",
      });

      this.excelOption1.column[0].action =
        "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id;
    }
  },
  mounted() {
@@ -1247,6 +1288,7 @@
    this.deptIds = this.userInfo.dept_id;

    // this.beginzhiwen();
    this.olondSFZ(); //检查身份证设备是否存在
  },
  methods: {
    openccc() {
@@ -1434,6 +1476,13 @@
      done();
    },
    handleTemplate1() {
      if (
        this.userInfo.account == "南昌市保安服务总公司" ||
        this.userInfo.account == "押运分公司"
      ) {
        window.open(`/api/blade-user/export-template-securityYy`);
        return;
      }
      window.open(`/api/blade-user/export-template-security`);
    },
    handleImport2() {
@@ -1592,7 +1641,7 @@
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type:1
            type: 1,
          };
          return securityApply(data);
        })
@@ -1630,7 +1679,7 @@
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type:2
            type: 2,
          };
          return securityApply(data);
        })
@@ -1641,6 +1690,50 @@
            message: "操作成功!",
          });
        });
    },
    //保安员信息导出
    handleExportSecurityInfo() {
      this.$confirm("是否导出保安员信息数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        //获取查询条件
        // const { releaseTimeRange } = this.search;
        // if (releaseTimeRange) {
        //   this.search["startTime"] = releaseTimeRange[0];
        //   this.search["endTime"] = releaseTimeRange[1];
        // }
        var data = {
          cardid: this.search.cardid,
          deptId: this.search.deptId,
          hold: this.search.hold,
          realName: this.search.realName,
          securitynumber: this.search.securitynumber,
          status: this.search.status,
          userType: this.search.startTime,
        };
        //导出
        if (this.userInfo.role_name == "保安公司管理员") {
          //如果是保安公司管理员
          data["deptId"] = this.userInfo.dept_id;
        }
        if (this.userInfo.role_name == "培训公司管理员") {
          //如果是培训公司管理员
          data["trainingUnitId"] = this.userInfo.Id;
        }
        if (this.userInfo.role_name == "公安管理员") {
          //如果是公安管理员
          data["jurisdiction"] = this.userInfo.jurisdiction;
        }
        //序列号url形式，用&拼接
        data = Qs.stringify(data);
        window.open(
          `/api/blade-user/export-security-info?${
            this.website.tokenHeader
          }=${getToken()}&` + data
        );
      });
    },
    rowSave(row, done, loading) {
      // var dom = document.getElementById("zhiwenOur");
@@ -1694,6 +1787,7 @@
          rtime: row.rtime,
          securitynumber: row.securitynumber,
          sex: row.sex,
          guncode: row.guncode,
        },
      };

@@ -1930,8 +2024,191 @@
        }=${getToken()}`
      );
    },
    openClosegroup(val) {
      let ql = /realName|nation|cardid|registered|sex/;
      for (let k in this.option.group) {
        for (let i in this.option.group[k].column) {
          if (ql.test(this.option.group[k].column[i].prop)) {
            this.option.group[k].column[i]["disabled"] = val;
          }
        }
      }
    },
    olondSFZ() {
      console.log(123456);
      var that = this;
      try {
        // 开始连接设备
        //调用对应的连接方法,并赋值给result
        this.cardShebei = CertCtl.connect();
        //如果result为空,代表读卡插件未启动
        if (this.cardShebei == "") {
          console.log("未启动读卡插件!1");
          that.haveSEL = false;
          return;
        } else {
          //result页面回显
          console.log("ok!");
        }
      } catch (e) {
        that.haveSEL = false;
        return;
      }
      let result = CertCtl.readCert();
      if (result == "") {
        console.log("未启动读卡插件!2");
        that.haveSEL = false;
        return;
      } else {
        var resultObj = eval("(" + result + ")");
        //resultFlag为0代表读卡成功
        if (resultObj.resultFlag == "0") {
          //回显相关数据
          console.log("身份证设备连接成功");
          that.haveSEL = true;
        } else if (resultObj.resultFlag == "-1") {
          if (resultObj.errorMsg == "端口打开失败") {
            console.log("读卡器未连接");
            that.haveSEL = false;
          } else {
            console.log(resultObj.errorMsg);
            //无卡片提醒
            that.haveSEL = true;
          }
        } else if (resultObj.resultFlag == "-2") {
          console.log(resultObj.errorMsg);
          that.haveSEL = false;
        }
      }
    },
    setIntervals: function () {
      let that = this;
      this.intTime = setInterval(function () {
        if (!that.haveCardid) {
          //定时读卡
          let result = CertCtl.readCert();
          if (result == "") {
            console.log("未启动读卡插件!");
            that.closeSFZ();
          } else {
            var resultObj = eval("(" + result + ")");
            //resultFlag为0代表读卡成功
            if (resultObj.resultFlag == "0") {
              //回显相关数据
              // console.log(resultObj, 123);
              const data = resultObj.resultContent;
              that.haveCardid = true;
              // console.log(data, 789);
              // that.defaults.cardid.display = true;
              // that.defaults.cardid.value = "123";
              // console.log(that.defaults);
              that.form.realName = data.partyName;
              that.form.cardid = data.certNumber;
              that.form.nation = data.nation;
              that.form.registered = data.certAddress;
              that.form.sex = data.certType;
              //禁止编辑
              that.openClosegroup(true);
              //赋值数据
              // that.obj = {
              //   name: data.partyName,
              //   national: data.nation,
              //   certAddress: data.certAddress,
              //   sex:
              //     data.certType == 0
              //       ? "未知"
              //       : data.certType == 1
              //       ? "男"
              //       : data.certType == 2
              //       ? "女"
              //       : data.certType == 9
              //       ? "未说明"
              //       : "未能识别",
              //   imgs: "data:image/bmp;base64," + data.identityPic,
              //   yxqend:
              //     data.expDate.slice(0, 4) +
              //     "-" +
              //     data.expDate.slice(4, 6) +
              //     "-" +
              //     data.expDate.slice(6, 8),
              //   yxqstart:
              //     data.effDate.slice(0, 4) +
              //     "-" +
              //     data.effDate.slice(4, 6) +
              //     "-" +
              //     data.effDate.slice(6, 8),
              //   birthday:
              //     data.bornDay.slice(0, 4) +
              //     "-" +
              //     data.bornDay.slice(4, 6) +
              //     "-" +
              //     data.bornDay.slice(6, 8),
              //   id: data.certNumber,
              //   qfjg: data.certOrg,
              // };
              // that.$store.commit("setCardInfor", that.obj);
              // that.$store.commit("setCardidState", true);
            } else if (resultObj.resultFlag == "-1") {
              if (resultObj.errorMsg == "端口打开失败") {
                console.log("读卡器未连接");
                that.closeSFZ();
              } else {
                // console.log(resultObj.errorMsg);
                //无卡片提醒
                that.closeSFZ();
              }
            } else if (resultObj.resultFlag == "-2") {
              console.log(resultObj.errorMsg);
              that.closeSFZ();
            }
          }
        } else {
          // console.log("停止获取");
        }
      }, 2000);
    },
    beginSFZ() {
      if (this.haveSEL) {
        try {
          // 开始连接设备
          //调用对应的连接方法,并赋值给result
          this.cardShebei = CertCtl.connect();
          //如果result为空,代表读卡插件未启动
          if (this.cardShebei == "") {
            console.log("未启动读卡插件!");
          } else {
            //result页面回显
            console.log("ok!");
          }
        } catch (e) {}
        this.haveCardid = false;
        if (this.intTime) {
          clearInterval(this.intTime);
          this.setIntervals();
        } else {
          this.setIntervals();
        }
      }
    },
    closeSFZ(val) {
      if (this.intTime) {
        clearInterval(this.intTime);
        // this.setIntervals();
      } else {
        clearInterval(this.intTime);
        // this.setIntervals();
      }
      if (val) {
        this.haveCardid = true;
        this.cardShebei = "";
        //可以编辑
      }
      this.openClosegroup(false);
    },
    beforeOpen(done, type) {
      var that = this;
      // console.log(type, 123);
      this.beginSFZ();
      if (["edit", "view"].includes(type)) {
        getUser(this.form.id).then((res) => {
          this.form = res.data.data;
@@ -1962,6 +2239,10 @@
      this.initFlag = true;
      done();
    },
    beforeClose(done, type) {
      this.closeSFZ(112);
      done();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
@@ -1987,7 +2268,11 @@
      roleIds.forEach((roleId) => {
        getRoleDetail(roleId).then((res) => {
          var roleAlias = res.data.data.roleAlias;
          if (roleAlias == "保安公司管理员" || roleAlias == "保安") {
          if (
            roleAlias == "保安公司管理员" ||
            roleAlias == "保安" ||
            roleAlias == "分公司管理员"
          ) {
            //去除保安公司查询
            const column = that.findObject(that.option.column, "deptId");
            column.search = false;
@@ -2008,7 +2293,10 @@
            );
            importColumn.action =
              "/api/blade-user/import-security?deptId=" + this.deptIds;
          } else if (roleAlias == "公安管理员") {
          } else if (
            roleAlias == "公安管理员" ||
            roleAlias == "administrator"
          ) {
            params["jurisdiction"] = that.userInfo.jurisdiction;
            var columnDept = that.findObject(that.option.column, "deptId");
            columnDept.dicUrl =
@@ -2018,9 +2306,17 @@
            ColumnDeptUpdate.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
              that.userInfo.jurisdiction;

            //审查状态查询开启
            var columnExaminationType = that.findObject(
              that.option.column,
              "examinationType"
            );
            columnExaminationType.search = true;
            columnExaminationType.hide = false;
          } else if (roleAlias == "培训公司管理员") {
            //如果是保安公司管理员
            params["trainingUnitId"] = that.userInfo.dept_id;
            //如果是培训公司管理员
            // params["trainingUnitId"] = that.userInfo.dept_id;
            var columnDept2 = that.findObject(that.option.column, "deptId");
            columnDept2.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
@@ -2151,11 +2447,13 @@
.box .el-scrollbar__wrap {
  overflow: scroll;
}

.rowClickSelf {
  &:hover {
    cursor: pointer;
  }
}

//保安证  本子
.certificate_box {
  width: 100%;
@@ -2167,6 +2465,7 @@
  flex-direction: column;
  font: normal 18px "SimSuncss" !important;
}

.security_main {
  width: 630px;
  height: 512px;
@@ -2178,6 +2477,7 @@
  // background-repeat: no-repeat;
  position: relative;
}

// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
@@ -2189,6 +2489,7 @@
  line-height: 45px;
  letter-spacing: 3px;
}

//发证公安机关&nbsp;（印章）
.security_m_l_center {
  position: absolute;
@@ -2196,6 +2497,7 @@
  left: 30px;
  line-height: 40px;
}

//证件编号 &nbsp;
.security_m_l_down {
  position: absolute;
@@ -2217,6 +2519,7 @@
  text-align: justify;
  text-align-last: justify;
}

//出生年月
.security_m_r_b {
  position: absolute;
@@ -2226,6 +2529,7 @@
  text-align: justify;
  text-align-last: justify;
}

//地址
.security_m_r_c {
  position: absolute;
@@ -2235,6 +2539,7 @@
  text-align: justify;
  text-align-last: justify;
}

//公民身份证
.security_m_r_d {
  position: absolute;
@@ -2244,6 +2549,7 @@
  text-align: justify;
  text-align-last: justify;
}

//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
@@ -2253,6 +2559,7 @@
  position: absolute;
  top: $upTop;
  left: 421px;

  img {
    width: 100%;
    height: 100%;
@@ -2269,6 +2576,7 @@
  line-height: 45px;
  letter-spacing: 3px;
}

//发证时间
$timeTop: 315px; //整体高度
//年
@@ -2278,6 +2586,7 @@
  left: 109px;
  line-height: 40px;
}

//月
.security_m_l_titlepaperTimeyue {
  position: absolute;
@@ -2285,6 +2594,7 @@
  left: 168px;
  line-height: 40px;
}

//日
.security_m_l_titlepaperTimeri {
  position: absolute;
@@ -2292,6 +2602,7 @@
  left: 159px;
  line-height: 40px;
}

//证件编号
.security_m_l_downsecuritynumber {
  position: absolute;
@@ -2308,6 +2619,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

// 生日
.security_m_r_o_rightbirthday {
  position: absolute;
@@ -2315,6 +2627,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

// 地址
.security_m_r_o_rightaddress {
  position: absolute;
@@ -2322,6 +2635,7 @@
  left: $centerLeft;
  width: 185px;
}

// 身份证
.security_m_r_o_rightcardid {
  position: absolute;
@@ -2329,6 +2643,7 @@
  left: $centerLeft;
  // width: $rightWidth;
}

//背景图
.security_main_backImge {
  position: absolute;
@@ -2346,6 +2661,7 @@
  line-height: 40px;
  letter-spacing: 2px;
}

.zhiwenMain {
  width: 100%;
  height: 305px;
@@ -2354,6 +2670,7 @@
  // justify-content: space-around;
  // border: 1px solid red;
}

// .zhiwenImgs {
//   width: 178px;
//   height: 178px;