保安基本信息样式和打印功能

guanqb

2024-01-02 2e011ae9b681fd78a47b2c2ed070cde733dc52ec

保安基本信息样式和打印功能

 src/views/securityGuard/securityGuard.vue

@@ -24,40 +24,38 @@
          @row-save="rowSave" @row-update="rowUpdate" :before-open="beforeOpen" :page.sync="page"
          @sort-change="sortChange" @search-change="searchChange" @search-reset="searchReset"
          @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
          @refresh-change="refreshChange" @on-load="onLoad" :upload-before="uploadBefore" :defaults.sync="defaults"
          :before-close="beforeClose">
                    @refresh-change="refreshChange" @on-load="onLoad" :upload-before="uploadBefore"
                    :defaults.sync="defaults" :before-close="beforeClose">
          <!-- @row-update="rowUpdate" -->
          <template slot="menuLeft">
            <el-button type="primary" size="small" plain icon="el-icon-s-check"
                       @click="handleBatchAudit">批量审批
                        <el-button type="primary" size="small" plain icon="el-icon-s-check" @click="handleBatchAudit">批量审批
            </el-button>
            <el-button type="success" size="small" plain icon="el-icon-upload2" v-if="permission.securityGuard_import"
              @click="handleImport1">保安员批量导入
                        <el-button type="success" size="small" plain icon="el-icon-upload2"
                            v-if="permission.securityGuard_import" @click="handleImport1">保安员批量导入
            </el-button>
            <el-button type="success" size="small" plain icon="el-icon-upload2" v-if="permission.securityGuard_import"
              @click="handleImport2">个人照片批量上传
                        <el-button type="success" size="small" plain icon="el-icon-upload2"
                            v-if="permission.securityGuard_import" @click="handleImport2">个人照片批量上传
            </el-button>
            <el-button type="success" size="small" plain icon="el-icon-upload2" v-if="permission.securityGuard_import"
              @click="handleImportHealth">健康状况图片(健康证)批量上传
                        <el-button type="success" size="small" plain icon="el-icon-upload2"
                            v-if="permission.securityGuard_import" @click="handleImportHealth">健康状况图片(健康证)批量上传
            </el-button>
            <el-button type="success" size="small" plain icon="el-icon-upload2" v-if="permission.securityGuard_import"
              @click="handleImportNoCriminal">无犯罪记录图片批量上传
                        <el-button type="success" size="small" plain icon="el-icon-upload2"
                            v-if="permission.securityGuard_import" @click="handleImportNoCriminal">无犯罪记录图片批量上传
            </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 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 type="warning" size="small" plain icon="el-icon-download"
                            v-if="permission.export_security_info" @click="handleExportSecurityInfo">保安信息导出
            </el-button>


            <el-button type="danger" size="small" plain icon="el-icon-delete" v-if="permission.securityGuard_delete"
              @click="handleDelete">注 销
                        <el-button type="danger" size="small" plain icon="el-icon-delete"
                            v-if="permission.securityGuard_delete" @click="handleDelete">注 销
            </el-button>
            <el-button type="info" style="display: none" size="small" plain v-if="permission.user_role"
              icon="el-icon-user" @click="handleGrant">角色配置
@@ -65,14 +63,14 @@
            <el-button type="info" style="display: none" size="small" plain v-if="permission.user_reset"
              icon="el-icon-refresh" @click="handleReset">密码重置
            </el-button>
            <el-button type="info" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-setting" @click="handlePlatform">平台配置
                        <el-button type="info" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-setting" @click="handlePlatform">平台配置
            </el-button>
            <el-button type="success" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-upload2" @click="handleImport">导入
                        <el-button type="success" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-upload2" @click="handleImport">导入
            </el-button>
            <el-button type="warning" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-download" @click="handleExport">导出
                        <el-button type="warning" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-download" @click="handleExport">导出
            </el-button>
          </template>

@@ -80,13 +78,14 @@
            <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 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_delete && row.status != 2" @click="$refs.crud.rowEdit(row, index)">编辑
                                    v-if="permission.securityGuard_delete && row.status != 2"
                                    @click="$refs.crud.rowEdit(row, index)">编辑
                </el-button>
                <br v-if="permission.securityGuard_delete && row.status != 2" />

@@ -96,7 +95,8 @@
                <br v-if="permission.securityGuard_delete && 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)">注销
                                    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" />

@@ -104,7 +104,8 @@
<!--                  v-if="permission.securityGuard_delete && row.status != 2" @click.stop="rowStatus(row)">离职-->
<!--                </el-button>-->
                <el-button icon="el-icon-circle-close" :size="size" :type="type"
                           v-if="permission.securityGuard_delete && row.status != 2" @click.stop="rowLeaveStatus(row)">离职
                                    v-if="permission.securityGuard_delete && row.status != 2"
                                    @click.stop="rowLeaveStatus(row)">离职
                </el-button>
                <br v-if="permission.securityGuard_delete && row.status != 2" />

@@ -113,13 +114,13 @@
                </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 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 icon="el-icon-money" :size="size" :type="type"
                                    v-if="permission.securityGuard_check_apply" @click.stop="rowCheckApply(row)">证件核实申请
                </el-button>
                <!-- <br />
                <el-button
@@ -220,14 +221,14 @@
                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>
                            <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="用户角色配置" append-to-body :visible.sync="roleBox" width="345px">
          <el-tree :data="roleGrantList" show-checkbox check-strictly default-expand-all node-key="id" ref="treeRole"
            :default-checked-keys="roleTreeObj" :props="props">
                    <el-tree :data="roleGrantList" show-checkbox check-strictly default-expand-all node-key="id"
                        ref="treeRole" :default-checked-keys="roleTreeObj" :props="props">
          </el-tree>

          <span slot="footer" class="dialog-footer">
@@ -245,12 +246,12 @@
          </avue-form>
        </el-dialog>
        <el-dialog title="用户平台配置" append-to-body :visible.sync="platformBox">
          <avue-crud :option="platformOption" :table-loading="platformLoading" :data="platformData" ref="platformCrud"
            v-model="platformForm" :before-open="platformBeforeOpen" :page.sync="platformPage"
            :permission="platformPermissionList" @row-update="platformRowUpdate" @search-change="platformSearchChange"
            @search-reset="platformSearchReset" @selection-change="platformSelectionChange"
            @current-change="platformCurrentChange" @size-change="platformSizeChange"
            @refresh-change="platformRefreshChange" @on-load="platformOnLoad">
                    <avue-crud :option="platformOption" :table-loading="platformLoading" :data="platformData"
                        ref="platformCrud" v-model="platformForm" :before-open="platformBeforeOpen"
                        :page.sync="platformPage" :permission="platformPermissionList" @row-update="platformRowUpdate"
                        @search-change="platformSearchChange" @search-reset="platformSearchReset"
                        @selection-change="platformSelectionChange" @current-change="platformCurrentChange"
                        @size-change="platformSizeChange" @refresh-change="platformRefreshChange" @on-load="platformOnLoad">
            <template slot-scope="{ row }" slot="tenantName">
              <el-tag>{{ row.tenantName }}</el-tag>
            </template>
@@ -277,23 +278,25 @@
          </avue-form>
        </el-dialog>
        <el-dialog title="无犯罪记录图片批量上传" append-to-body :visible.sync="excelBoxNoCriminal" width="555px">
          <avue-form :option="excelOptionNoCriminal" v-model="excelFormNoCriminal" :upload-after="uploadAfterNoCriminal">
                    <avue-form :option="excelOptionNoCriminal" v-model="excelFormNoCriminal"
                        :upload-after="uploadAfterNoCriminal">
          </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">
                    :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 ref="formSecurityCheckApply" :option="optionSecurityCheckApply"
                            v-model="formSecurityCheckApply" @reset-change="emptytChange"
                            @submit="submitSecurityCheckApply">
            </avue-form>
          </div>
        </el-dialog>


        <el-dialog title="离职信息填写" :visible.sync="leaveInfoVisible" 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">
                    :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="formLeaveInfo" :option="optionLeaveInfo" v-model="formLeaveInfo"
                        @submit="leaveInfoSubmit">
@@ -361,7 +364,7 @@

<script>
// 身份证引入
import CertCtl from "./sfzJS";
import CertCtl from "./sfzJS"
import {
  getUser,
  getUserPlatform,
@@ -375,22 +378,22 @@
  updatePaperTime,
  getzhiwen, //指纹
  checkAccountByUser, batchAudit, userLeave
} from "@/api/system/user";
import { securityApply } from "@/api/accreditationRecords/accreditationRecords";
import { add } from "@/api/securityapplyRecord/securityapplyRecord";
import { getList } from "@/api/securityGuard/securityGuard";
import { getDeptLazyTree } from "@/api/system/dept";
import { getInformationDetails } from "@/api/securityUnit/securityUnit";
import { getRoleTree, getRoleDetail } from "@/api/system/role";
import { mapGetters } from "vuex";
import website from "@/config/website";
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
import Qs from "qs";
import { MessageBox } from "element-ui";
} from "@/api/system/user"
import { securityApply } from "@/api/accreditationRecords/accreditationRecords"
import { add } from "@/api/securityapplyRecord/securityapplyRecord"
import { getList } from "@/api/securityGuard/securityGuard"
import { getDeptLazyTree } from "@/api/system/dept"
import { getInformationDetails } from "@/api/securityUnit/securityUnit"
import { getRoleTree, getRoleDetail } from "@/api/system/role"
import { mapGetters } from "vuex"
import website from "@/config/website"
import { getToken } from "@/util/auth"
import { securityFormPageColumn } from "./data"
import { mapState } from "vuex"
import Qs from "qs"
import { MessageBox } from "element-ui"
//加载指纹类
import Client from "./Client";
import Client from "./Client"

export default {
  data() {
@@ -418,34 +421,34 @@
    //     callback();
    //   }
    // };
    var date = new Date();
        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
            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; // 声明加权求和变量
            var sum = 0 // 声明加权求和变量
      if (a_idCard[17].toLowerCase() == "x") {
        a_idCard[17] = 10; // 将最后位为x的验证码替换为10方便后续操作
                a_idCard[17] = 10 // 将最后位为x的验证码替换为10方便后续操作
      }
      for (var i = 0; i < 17; i++) {
        sum += Wi[i] * a_idCard[i]; // 加权求和
                sum += Wi[i] * a_idCard[i] // 加权求和
      }
      let valCodePosition = sum % 11; // 得到验证码所位置
            let valCodePosition = sum % 11 // 得到验证码所位置
      if (a_idCard[17] == ValideCode[valCodePosition]) {
        return true;
                return true
      } else {
        return false;
                return false
      }
    }
    /**
@@ -454,93 +457,93 @@
     * @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));
            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;
                return false
      } else {
        return true;
                return true
      }
    }
    //去掉字符串头尾空格
    function trim(str) {
      return str.replace(/(^\s*)|(\s*$)/g, "");
            return str.replace(/(^\s*)|(\s*$)/g, "")
    }
    /**
     * 身份证号码账号校验
     */
    let useBack = "";
        let useBack = ""
    function checkAccount(idCard, callback) {
      var data = {
        cardid: idCard
      };
            }
      if (window.deptIdss) {
        data["deptId"] = window.deptIdss;
                data["deptId"] = window.deptIdss
      }
      //调用接口校验
      if (useBack != idCard) {
        useBack = idCard;
                useBack = idCard
        checkAccountByUser(data)
          .then(res => {
            useBack = "ok";
            callback();
                        useBack = "ok"
                        callback()
          })
          .catch(error => {
            callback("当前身份证号码已录入!");
          });
                        callback("当前身份证号码已录入!")
                    })
      } else if (useBack == "ok") {
        callback();
                callback()
      } else {
        console.log("cf");
        callback(new Error("当前身份证号码已录入!"));
                console.log("cf")
                callback(new Error("当前身份证号码已录入!"))
      }
    }
    const validatePassCardid = (rule, value, callback) => {
      let ok = false;
            let ok = false
      if (value.length == 18) {
        let idCard = trim(value.replace(/ /g, ""));
        var a_idCard = idCard.split("");
                let idCard = trim(value.replace(/ /g, ""))
                var a_idCard = idCard.split("")
        if (
          isValidityBrithBy18IdCard(idCard) &&
          isTrueValidateCodeBy18IdCard(a_idCard)
        ) {
          //进行18位身份证的基本验证和第18位的验证
          ok = true;
                    ok = true
        } else {
          ok = false;
                    ok = false
        }
      } else {
        ok = false;
                ok = false
      }

      if (ok) {
        // console.log(this.nowCell,123456);
        if (this.type == 1 || this.nowCell == 2) {
          //修改不校验身份证hao
          callback();
                    callback()
        } else {
          //调用接口进行账户重复校验
          checkAccount(value, callback);
                    checkAccount(value, callback)
        }
      } else {
        callback(new Error("身份证错误"));
                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;
            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("请输入正确手机号码"));
                callback(new Error("请输入正确手机号码"))
      } else {
        callback();
                callback()
      }
    };
        }
    return {
      excelBoxHealth: false,
      excelBoxNoCriminal: false,
@@ -723,17 +726,17 @@
        nodeKey: "id",
        lazy: true,
        treeLoad: function (node, resolve) {
          const parentId = node.level === 0 ? 0 : node.data.id;
                    const parentId = node.level === 0 ? 0 : node.data.id
          getDeptLazyTree(parentId).then(res => {
            resolve(
              res.data.data.map(item => {
                return {
                  ...item,
                  leaf: !item.hasChildren
                };
                                }
              })
            );
          });
                        )
                    })
        },
        addBtn: false,
        menu: false,
@@ -972,18 +975,6 @@
              },
              {
                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"
@@ -1425,31 +1416,31 @@
          },
        ]
      },
    };
        }
  },
  watch: {
    radio() {
      if (this.radio) {
        this.SFZloding = true;
        this.olondSFZ();
                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);
                this.initData(this.form.tenantId)
      }
    },
    "form.deptId": {
      handler(val) {
        if (val) {
          window.deptIdss = val;
                    window.deptIdss = val
        }
      },
      immediate: true
@@ -1459,60 +1450,60 @@
        var securitynumbercolumn = this.findObject(
          this.option.group,
          "securitynumber"
        );
                )
        // var emailcolumn = this.findObject(this.option.group, "email");
        if (val == 1) {
          securitynumbercolumn.display = true;
                    securitynumbercolumn.display = true
          securitynumbercolumn.rules = [
            {
              required: true,
              message: "请输入保安员证编号",
              trigger: "blur"
            }
          ];
                    ]
          // emailcolumn.display = true;
        } else {
          securitynumbercolumn.display = false;
                    securitynumbercolumn.display = false
          securitynumbercolumn.rules = [
            {
              required: false,
              message: "请输入保安员证编号",
              trigger: "blur"
            }
          ];
                    ]
          // emailcolumn.display = false;
        }
      },
      immediate: true
    },
    "form.fingerprint"() {
      let that = this;
            let that = this
      if (this.form.fingerprint != undefined) {
        that.isopen = true;
        let isoks = false;
                that.isopen = true
                let isoks = false

        function sets(state, dom, fingerprint, myPicture) {
          isoks = state;
                    isoks = state
          dom.onload = function () {
            // var winzhiwen = document.getElementById("zhiwen").contentWindow;
            var winzhiwen = dom.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;
                        sets(false, dom)
                        return
          }
          // return;
          getzhiwen(this.form.id).then(res => {
            const data = res.data.data;
                        const data = res.data.data
            if (that.isopen) {
              if (
                data.fingerprint != "" &&
@@ -1520,13 +1511,13 @@
                data.myPicture != "" &&
                data.myPicture != undefined
              ) {
                sets(true, dom, data.fingerprint, data.myPicture);
                                sets(true, dom, data.fingerprint, data.myPicture)
              } else {
                sets(false, dom);
                                sets(false, dom)
              }
            }
          });
        };
                    })
                }

        // setTimeout(() => {
        // var iframeDom = document.getElementById("zhiwen");
@@ -1539,19 +1530,19 @@
        //判断是否加载完成指纹dom
        that.checkDom("", dom => {
          // console.log(dom);
          doZhiwen(dom);
        });
                    doZhiwen(dom)
                })
      } else {
        that.isopen = false;
                that.isopen = false
      }
    },
    "form.deptId"() {
      this.initData(this.form.tenantId);
            this.initData(this.form.tenantId)
    },
    "excelForm.isCovered"() {
      if (this.excelForm.isCovered !== "") {
        const column = this.findObject(this.excelOption.column, "excelFile");
        column.action = `/api/blade-user/import-security?isCovered=${this.excelForm.isCovered}`;
                const column = this.findObject(this.excelOption.column, "excelFile")
                column.action = `/api/blade-user/import-security?isCovered=${this.excelForm.isCovered}`
      }
    }
  },
@@ -1565,7 +1556,7 @@
      "screenHeight"
    ]),
    permissionList() {
      console.log(this.permission, 789787);
            console.log(this.permission, 789787)
      return {
        addBtn: this.vaildData(this.permission.securityGuard_add, false),
        viewBtn: this.vaildData(null, false),
@@ -1573,7 +1564,7 @@
        editBtn: this.vaildData(this.permission.securityGuard_edit, false),
        securityGuard_security_apply:this.vaildData(this.permission.securityGuard_security_apply,true),
        securityGuard_security_paper_apply:this.vaildData(this.permission.securityGuard_security_paper_apply,true)
      };
            }
    },
    platformPermissionList() {
      return {
@@ -1581,14 +1572,14 @@
        viewBtn: false,
        delBtn: false,
        editBtn: this.vaildData(this.permission.user_edit, false)
      };
            }
    },
    ids() {
      let ids = [];
            let ids = []
      this.selectionList.forEach(ele => {
        ids.push(ele.id);
      });
      return ids.join(",");
                ids.push(ele.id)
            })
            return ids.join(",")
    },
    ...mapState({
      userInfo: state => state.user.userInfo
@@ -1596,12 +1587,12 @@
  },
  beforeCreate() { },
  created() {
    var that = this;
        var that = this
    if (this.userInfo.role_name == "办证管理员") {
      this.search["userType"] = 7;
      this.search["hold"] = "1";
            this.search["userType"] = 7
            this.search["hold"] = "1"
    }
    var roleName = this.userInfo.role_name;
        var roleName = this.userInfo.role_name
    // console.log(this.userInfo,52252);
    // this.userInfo.rname.forEach((roleName) => {
    if (
@@ -1610,28 +1601,28 @@
      roleName == "分公司管理员"
    ) {
      //查询保安单位信息（包含子级）
      const column = this.findObject(this.option.column, "deptId");
            const column = this.findObject(this.option.column, "deptId")
      // column.search = false;
      //默认全部展开
      column.defaultExpandAll = true;
            column.defaultExpandAll = true
      column.dicUrl =
        "/api/blade-system/dept/security_lazy-tree?deptId=" +
        this.userInfo.dept_id;
                this.userInfo.dept_id
    } else if (
      roleName == "公安管理员" ||
      roleName == "administrator" ||
      this.userInfo.role_name == "民警"
    ) {
      var columnDept = that.findObject(that.option.column, "deptId");
            var columnDept = that.findObject(that.option.column, "deptId")
      columnDept.dicUrl =
        "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
        that.userInfo.jurisdiction;
                that.userInfo.jurisdiction
    } else {
      //查询保安单位信息（包含子级）
      const column = this.findObject(this.option.column, "deptId");
            const column = this.findObject(this.option.column, "deptId")
      // column.search = false;
      //默认全部展开
      column.dicUrl = "/api/blade-system/dept/security_lazy-tree";
            column.dicUrl = "/api/blade-system/dept/security_lazy-tree"
    }
    // });

@@ -1645,67 +1636,68 @@
        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;
                "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id
    }
  },
  mounted() {
        console.log('...this.$store.state.control.clearOtherBut', ...this.$store.state.control.clearOtherBut)
    // console.log(this.screenSize, "screenSize");
    this.option.height = this.screenHeight;
    this.$store.commit("setWindowSizeHeightAdd");
        this.option.height = this.
            this.$store.commit("setWindowSizeHeightAdd")
    // this.$store.dispatch("MOUNTED_TABLE_SIZE");

    // this.option.column[0].hide = true
    // 非保安单位模式默认加载管理组数据
    if (!website.tenantMode) {
      this.initData(website.tenantId);
            this.initData(website.tenantId)
    }
    this.search["status"] = 1;
        this.search["status"] = 1
    if (this.userInfo.roleName == "办证管理员") {
      this.search["userType"] = 7;
            this.search["userType"] = 7
    }
    this.deptIds = this.userInfo.dept_id;
        this.deptIds = this.userInfo.dept_id
    // this.beginzhiwen();
    // this.olondSFZ(); //检查身份证设备是否存在
  },
  methods: {
    checkDom(name, fn) {
      //  声明定时器
      let that = this;
      var timer = null;
            let that = this
            var timer = null
      //  检查dom是否执行完成
      function checkDom() {
        let dom = document.getElementById("zhiwen");
                let dom = document.getElementById("zhiwen")
        if (dom) {
          //  执行dom加载完成后的操作
          //  清除定时器
          if (!timer) {
            clearTimeout(timer);
                        clearTimeout(timer)
          }
          if (fn) {
            //回调函数
            fn(dom);
            return;
                        fn(dom)
                        return
          } else {
            return dom;
                        return dom
          }
        } else {
          //  自我调用
          timer = setTimeout(checkDom, 100);
                    timer = setTimeout(checkDom, 100)
        }
      }
      //  首次执行
      checkDom();
            checkDom()
    },
    openccc() {
      console.log(this.zhiwenImg);
            console.log(this.zhiwenImg)
      // console.log(this.zhiwenChart);
      // this.Client.CID_Alg_FeatureExtract(
      //         //99是获取特征
@@ -1717,66 +1709,66 @@
    },
    beginzhiwen() {
      //初始化指纹采集系统
      let that = this;
      this.Client = new Client(); //实例化指纹采集类
            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(); //开始预览指纹
                    console.log("初始化成功")
                    that.zhiwenTitle = "选定指纹"
                    that.isOr = false
                    that.beginUseImg() //开始预览指纹
        } else {
          that.closezhiwen();
          alert("设备被占用或发生不可预料原因   错误码：" + code);
          console.log("算法初始化发生错误   错误码：" + code);
                    that.closezhiwen()
                    alert("设备被占用或发生不可预料原因   错误码：" + code)
                    console.log("算法初始化发生错误   错误码：" + code)
        }
      };
            }
      this.Client.OnCID_Close = function (code, msg) {
        //关闭机器返数据
        if (code == 1) {
          console.log("关闭设备成功");
                    console.log("关闭设备成功")
          that.Client.CID_Alg_FeatureExtract(
            //99是获取特征
            // ID_FingerPosition.UNKNOWN,
            99,
            that.RAWzhiwen
          );
          that.zhiwenTitle = "开始采集";
          that.isOr = true;
                    )
                    that.zhiwenTitle = "开始采集"
                    that.isOr = true
        } else {
          console.log("关闭设备发生错误   错误码：" + code);
                    console.log("关闭设备发生错误   错误码：" + code)
        }
      };
            }
      this.Client.OnCID_BeginCapture = function (code, msg) {
        //开始使用预览图片模式函数
        // console.log(code, "图片模式开始");
        if (code == 1) {
          that.Client.CID_GetFPBmpData(0);
                    that.Client.CID_GetFPBmpData(0)
        } else {
          console.log("开始采集发生错误   错误码：" + code);
                    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;
                    that.zhiwenImg = "data:image/bmp;base64," + imagedata
          if (that.begin_cap) {
            that.Client.BmpToRaw(imagedata, 256, 360);
                        that.Client.BmpToRaw(imagedata, 256, 360)
          }
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
          console.log("采集发生错误   错误码：" + code);
                    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");
@@ -1795,26 +1787,26 @@
        //使用预览图片模式  BMP格式转换成RAW
        // console.log(code, msg, "BMP格式转换成RAW");
        if (code == 0) {
          that.Client.CID_Alg_GetQualityScore(imagedata);
                    that.Client.CID_Alg_GetQualityScore(imagedata)
          // console.log(imagedata);
          that.RAWzhiwen = imagedata;
                    that.RAWzhiwen = imagedata
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
          alert("格式转换失败," + code + " " + msg);
                    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);
                        that.Client.CID_BeginCapture(0)
          }
        } else {
          that.begin_cap = false;
          console.log("停止采集发生错误   错误码：" + code);
                    that.begin_cap = false
                    console.log("停止采集发生错误   错误码：" + code)
        }
      };
            }
      this.Client.OnCID_Alg_GetQualityScore = function (code, msg, score) {
        //停止获取
        console.log(
@@ -1822,71 +1814,71 @@
          "msg：" + msg + ";",
          "score：" + score + ";",
          "传送RAW图片代码后返回值"
        );
                )
        if (code == 1) {
          if (score >= that.yuzhi) {
            that.begin_cap = false;
            that.Client.CID_EndCapture(0);
                        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);
                        that.Client.CID_EndCapture(0)
          }
        } else if (code == -9) {
          that.Client.CID_EndCapture(0);
                    that.Client.CID_EndCapture(0)
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
                    that.Client.CID_EndCapture(0)
                    that.begin_cap = false
          // console.log("获取质量分数发生错误   错误码：" + code);
          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);
                    that.zhiwenChart = featuredata
                    console.log("特征提取成功")
                    console.log("特征提取成功", that.zhiwenChart)
        } else {
          console.log("特征提取发生错误   错误码：" + code);
                    console.log("特征提取发生错误   错误码：" + code)
        }
      };
            }
    },
    openzhiwen() {
      // 连接指纹助手
      this.Client.Connect_Server(); //成功后台打印Connect Success
            this.Client.Connect_Server() //成功后台打印Connect Success
      //成功后将自动初始化设备
      //若不成功将重复2秒计时重连设备
    },
    closezhiwen() {
      // 关闭指纹设备
      if (!this.Client.isConnect) {
        console.log("助手程序未连接");
        return;
                console.log("助手程序未连接")
                return
      }
      this.Client.CID_Close();
            this.Client.CID_Close()
    },
    beginUseImg() {
      //开始预览图片
      if (!this.Client.isConnect) {
        alert("助手程序未连接");
        return;
                alert("助手程序未连接")
                return
      }
      this.begin_cap = true;
      this.Client.CID_BeginCapture(0);
            this.begin_cap = true
            this.Client.CID_BeginCapture(0)
    },
    handleImport1() {
      this.excelBox1 = true;
            this.excelBox1 = true
    },
    uploadAfter1(res, done, loading, column) {
      window.console.log(column);
      this.excelBox1 = false;
      this.refreshChange();
      done();
            window.console.log(column)
            this.excelBox1 = false
            this.refreshChange()
            done()
    },
    handleTemplate1() {
      // if (
@@ -1902,55 +1894,55 @@
      window.open(
        `/api/blade-user/export-template-security?${this.website.tokenHeader
        }=${getToken()}`
      );
            )
    },
    // 头像批量上传
    handleImport2() {
      this.excelBox2 = true;
            this.excelBox2 = true
    },
    uploadAfter2(res, done, loading, column) {
      window.console.log(column);
      this.excelBox2 = false;
      this.refreshChange();
      done();
            window.console.log(column)
            this.excelBox2 = false
            this.refreshChange()
            done()
    },
    // 健康状况图片(健康证)
    handleImportHealth() {
      this.excelBoxHealth = true;
            this.excelBoxHealth = true
    },
    uploadAfterHealth(res, done, loading, column) {
      window.console.log(column);
      this.excelBoxHealth = false;
      this.refreshChange();
      done();
            window.console.log(column)
            this.excelBoxHealth = false
            this.refreshChange()
            done()
    },
    // 无犯罪记录图片
    handleImportNoCriminal() {
      this.excelBoxNoCriminal = true;
            this.excelBoxNoCriminal = true
    },
    uploadAfterNoCriminal(res, done, loading, column) {
      window.console.log(column);
      this.excelBoxNoCriminal = false;
      this.refreshChange();
      done();
            window.console.log(column)
            this.excelBoxNoCriminal = false
            this.refreshChange()
            done()
    },
    //行点击事件
    rowClick(row) {
      this.$router.push({
        path: "/securityGuardDetail",
        query: { row: JSON.stringify(row) }
      });
            })
    },
    //行点击事件
    certificateClick(row) {
      if (row) {
        var time = this.getNewTime();
        this.certificateYear = time[0];
        this.certificateMonth = time[1];
        this.certificateObj = row;
                var time = this.getNewTime()
                this.certificateYear = time[0]
                this.certificateMonth = time[1]
                this.certificateObj = row
        setTimeout(() => {
          this.Print();
        }, 500);
                    this.Print()
                }, 500)
      }
    },
    Print() {
@@ -1958,17 +1950,17 @@
        this.certificateObj.registered == "" ||
        this.certificateObj.registered == null
      ) {
        this.$message({ message: "请完善身份证住址信息", type: "warning" });
        return;
                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";
            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",
@@ -1976,65 +1968,65 @@
          // console.log('打印开始', Date.parse(new Date()));
        },
        onEnd: () => {
          this.updateUserInfo();
                    this.updateUserInfo()
          // console.log('打印完成', Date.parse(new Date()));
        }
      });
            })
    },
    getNewTime() {
      var nowTime = new Date();
            var nowTime = new Date()

      var oneHoursAgo = new Date(
        new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
      );
      var oneHoursAgoY = oneHoursAgo.getFullYear();
            )
            var oneHoursAgoY = oneHoursAgo.getFullYear()
      var oneHoursAgoM =
        oneHoursAgo.getMonth() + 1 < 10
          ? "0" + (oneHoursAgo.getMonth() + 1)
          : oneHoursAgo.getMonth() + 1;
                    : oneHoursAgo.getMonth() + 1

      /**
       * @return 返回1小时，2小时，3小时，4小时，24小时
       */
      return [oneHoursAgoY, oneHoursAgoM];
            return [oneHoursAgoY, oneHoursAgoM]
    },
    //更新用户发证时间
    updateUserInfo() {
      var nowTime = new Date();
            var nowTime = new Date()
      var oneHoursAgo = new Date(
        new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
      );
      var oneHoursAgoY = oneHoursAgo.getFullYear();
            )
            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;
                    : oneHoursAgo.getMonth() + 1
            var day = oneHoursAgo.getDay()
            var date = oneHoursAgoY + "-" + oneHoursAgoM + "-" + day
      const data = {
        id: this.certificateObj.id,
        userType: 6,
        paperTime: date
      };
      updatePaperTime(data);
            }
            updatePaperTime(data)
    },
    rowClickSelf(deptId) {
      var data = {
        departmentid: deptId
      };
            }
      getInformationDetails(data).then(res => {
        var obj = res.data.data;
        var data = JSON.stringify(obj);
                var obj = res.data.data
                var data = JSON.stringify(obj)
        this.$router.push({
          path: "/securityUnitChild",
          query: { data: data }
        });
      });
                })
            })
    },
    nodeClick(data) {
      this.treeDeptId = data.id;
      this.page.currentPage = 1;
      this.onLoad(this.page);
            this.treeDeptId = data.id
            this.page.currentPage = 1
            this.onLoad(this.page)
    },
    initData(tenantId) {
      // getRoleTree(tenantId).then((res) => {
@@ -2051,21 +2043,21 @@
      // });
    },
    submitRole() {
      const roleList = this.$refs.treeRole.getCheckedKeys().join(",");
            const roleList = this.$refs.treeRole.getCheckedKeys().join(",")
      grant(this.ids, roleList).then(() => {
        this.roleBox = false;
                this.roleBox = false
        this.$message({
          type: "success",
          message: "操作成功!"
        });
        this.onLoad(this.page);
      });
                })
                this.onLoad(this.page)
            })
    },
    //制证申请
    handleSecurityApply() {
      if (this.choiceList.length === 0) {
        this.$message.warning("请勾选至少一位持证保安员");
        return;
                this.$message.warning("请勾选至少一位持证保安员")
                return
      }
      this.$confirm(
        "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
@@ -2076,34 +2068,34 @@
        }
      )
        .then(() => {
          let cho = this.choiceList;
          let str = "";
                    let cho = this.choiceList
                    let str = ""
          for (let k in cho) {
            str += cho[k].id;
                        str += cho[k].id
            if (k != cho.length - 1) {
              str += ",";
                            str += ","
            }
          }
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type: 1
          };
          return securityApply(data);
                    }
                    return securityApply(data)
        })
        .then(() => {
          this.$refs.crud.toggleSelection();
                    this.$refs.crud.toggleSelection()
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
                    })
                })
    },
    //证书制证申请
    handleSecurityPaperApply() {
      if (this.choiceList.length === 0) {
        this.$message.warning("请勾选至少一位持证保安员");
        return;
                this.$message.warning("请勾选至少一位持证保安员")
                return
      }
      this.$confirm(
        "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
@@ -2114,28 +2106,28 @@
        }
      )
        .then(() => {
          let cho = this.choiceList;
          let str = "";
                    let cho = this.choiceList
                    let str = ""
          for (let k in cho) {
            str += cho[k].id;
                        str += cho[k].id
            if (k != cho.length - 1) {
              str += ",";
                            str += ","
            }
          }
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type: 2
          };
          return securityApply(data);
                    }
                    return securityApply(data)
        })
        .then(() => {
          this.$refs.crud.toggleSelection();
                    this.$refs.crud.toggleSelection()
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
                    })
                })
    },
    // 证件核实申请
    rowCheckApply(row) {
@@ -2143,26 +2135,26 @@
        id: null,
        realName: row.realName,
        userId: row.id
      };
      this.securityCheckApplyvisible = true;
            }
            this.securityCheckApplyvisible = true
    },
    //证件核实申请提交
    submitSecurityCheckApply(row, done, loading) {
      var that = this;
      row["createUser"] = this.userInfo.Id;
            var that = this
            row["createUser"] = this.userInfo.Id
      add(row).then(() => {
        that.$refs.formSecurityCheckApply.resetFields();
                that.$refs.formSecurityCheckApply.resetFields()
        this.$message({
          type: "success",
          message: `操作成功`
        });
        this.securityCheckApplyvisible = false;
        this.onLoad(this.page);
        done();
      });
                })
                this.securityCheckApplyvisible = false
                this.onLoad(this.page)
                done()
            })
      error => {
        window.console.log(error);
      };
                window.console.log(error)
            }
    },
    //保安员信息导出
    handleExportSecurityInfo() {
@@ -2184,47 +2176,47 @@
          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;
                        data["deptId"] = this.search.deptId
          } else {
            data["deptId"] = this.userInfo.dept_id;
                        data["deptId"] = this.userInfo.dept_id
          }
        }
        if (this.userInfo.role_name == "培训公司管理员") {
          //如果是培训公司管理员
          data["trainingUnitId"] = this.userInfo.Id;
                    data["trainingUnitId"] = this.userInfo.Id
        }
        if (
          this.userInfo.role_name == "公安管理员" ||
          this.userInfo.role_name == "民警"
        ) {
          //如果是公安管理员
          data["jurisdiction"] = this.userInfo.jurisdiction;
                    data["jurisdiction"] = this.userInfo.jurisdiction
        }
        //序列号url形式，用&拼接
        data = Qs.stringify(data);
                data = Qs.stringify(data)
        window.open(
          `/api/blade-user/export-security-info?${this.website.tokenHeader
          }=${getToken()}&` + data
        );
      });
                )
            })
    },
    rowSave(row, done, loading) {
      var winzhiwen = document.getElementById("zhiwen").contentWindow;
      let zhiwen = winzhiwen.outZhiwenData();
            var winzhiwen = document.getElementById("zhiwen").contentWindow
            let zhiwen = winzhiwen.outZhiwenData()
      if (row.deptId) {
        row.deptId = row.deptId;
                row.deptId = row.deptId
      }
      if (row.roleId) {
        row.roleId = row.roleId.join(",");
                row.roleId = row.roleId.join(",")
      }
      if (row.postId) {
        row.postId = row.postId.join(",");
                row.postId = row.postId.join(",")
      }
      const userMap = {
        user: {
@@ -2274,12 +2266,12 @@
          acceptanceTime: row.acceptanceTime,
          unitName: row.unitName,
        }
      };
            }

      securitySave(userMap).then(
        res => {
          // console.log(res.data,111111111111111111);
          this.initFlag = false;
                    this.initFlag = false
          if (res.data.code == 200) {
            this.$alert("账号为身份证号码，密码为身份证后六位", "温馨提示", {
              confirmButtonText: "确定",
@@ -2287,11 +2279,11 @@
                this.$message({
                  type: "success",
                  message: `操作成功`
                });
                this.onLoad(this.page);
                done();
                                })
                                this.onLoad(this.page)
                                done()
              }
            });
                        })
          }
          //保安员证编号不匹配的情况
          if (res.data.code == 201) {
@@ -2304,36 +2296,36 @@
                  this.$message({
                    type: "success",
                    message: `操作成功`
                  });
                  this.onLoad(this.page);
                  done();
                                    })
                                    this.onLoad(this.page)
                                    done()
                }
              }
            );
                        )
          }
        },
        error => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
    },
    rowUpdate(row, index, done, loading) {
      row.deptId = row.deptId;
      row.roleId = row.roleId.join(",");
            row.deptId = row.deptId
            row.roleId = row.roleId.join(",")
      // row.postId = row.postId.join(",");
      //值替换，education 放在页面会卡死
      var winzhiwen = document.getElementById("zhiwen").contentWindow;
      let zhiwen = winzhiwen.outZhiwenData();
            var winzhiwen = document.getElementById("zhiwen").contentWindow
            let zhiwen = winzhiwen.outZhiwenData()
      // console.log(zhiwen);
      if (zhiwen.isoks) {
        row.fingerprint = zhiwen.imgBMP;
        row.myPicture = zhiwen.featuredata;
                row.fingerprint = zhiwen.imgBMP
                row.myPicture = zhiwen.featuredata
      }

      //是否是身份证自动识别进入
      if (row.cell != "2") {
        row["cell"] = this.nowCell;
                row["cell"] = this.nowCell
      }
      const userMap = {
        user: {
@@ -2382,16 +2374,16 @@
          acceptanceTime: row.acceptanceTime,
          unitName: row.unitName,
        }
      };
            }
      update(userMap).then(
        res => {
          this.initFlag = false;
          this.onLoad(this.page);
                    this.initFlag = false
                    this.onLoad(this.page)
          if (res.data.code == 200) {
            this.$message({
              type: "success",
              message: "操作成功!"
            });
                        })
          }
          if (res.data.code == 201) {
            this.$alert(
@@ -2403,20 +2395,20 @@
                  this.$message({
                    type: "success",
                    message: `操作成功`
                  });
                  this.onLoad(this.page);
                  done();
                                    })
                                    this.onLoad(this.page)
                                    done()
                }
              }
            );
                        )
          }
          done();
                    done()
        },
        error => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
    },
    rowDellook(row) {
      this.$alert(
@@ -2426,7 +2418,7 @@
          confirmButtonText: "确定",
          callback: action => { }
        }
      );
            )
    },


@@ -2434,25 +2426,25 @@

      console.log(this.formLeaveInfo)
      this.formLeaveInfo.status = "2"
      var that = this;
            var that = this
      userLeave(this.formLeaveInfo).then(() => {
        that.$refs.formLeaveInfo.resetFields();
                that.$refs.formLeaveInfo.resetFields()
        this.$message({
          type: "success",
          message: `操作成功`
        });
        this.leaveInfoVisible = false;
        this.onLoad(this.page);
        done();
      });
                })
                this.leaveInfoVisible = false
                this.onLoad(this.page)
                done()
            })
      error => {
        window.console.log(error);
      };
                window.console.log(error)
            }

    },
    rowLeaveStatus(row){
      this.formLeaveInfo = row
      this.leaveInfoVisible = true;
            this.leaveInfoVisible = true
    },

    rowStatus(row) {
@@ -2462,18 +2454,18 @@
        inputErrorMessage: ""
      })
        .then(({ value }) => {
          row.reasonForLeav = value;
          row.status = "2";
                    row.reasonForLeav = value
                    row.status = "2"
          // return;
          update(row).then(res => {
            this.$message({
              type: "success",
              message: "操作成功"
            });
          });
          this.refreshChange();
        })
        .catch(() => { });
                    })
                    this.refreshChange()
                })
                .catch(() => { })
    },
    rowDel(row) {
      this.$confirm("确定注销当前用户?", {
@@ -2482,15 +2474,15 @@
        type: "warning"
      })
        .then(() => {
          return remove(row.id);
                    return remove(row.id)
        })
        .then(() => {
          this.onLoad(this.page);
                    this.onLoad(this.page)
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
                    })
                })
    },
    rowCheck(row) {
      this.$confirm("确定审查异常标记?", {
@@ -2499,47 +2491,47 @@
        type: "warning"
      })
        .then(() => {
          row.examinationType = "1";
          return update(row);
                    row.examinationType = "1"
                    return update(row)
        })
        .then(() => {
          this.onLoad(this.page);
                    this.onLoad(this.page)
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
                    })
                })
    },
    searchReset() {
      this.query = {};
      this.treeDeptId = "";
      this.onLoad(this.page);
            this.query = {}
            this.treeDeptId = ""
            this.onLoad(this.page)
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
            this.query = params
            this.page.currentPage = 1
            this.onLoad(this.page, params)
            done()
    },
    selectionChange(list) {
      this.selectionList = list;
      this.choiceList = [];
            this.selectionList = list
            this.choiceList = []
      for (let k in list) {
        this.choiceList.push({
          id: list[k].id
        });
                })
      }
    },
    selectionClear() {
      // this.selectionList = [];
      this.sort = "";
      this.sortName = "";
            this.sort = ""
            this.sortName = ""
      // this.$refs.crud.toggleSelection();
    },
    handleBatchAudit(){
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
                this.$message.warning("请选择至少一条数据")
                return
      }
      this.$confirm("请选择审批结果", {
        distinguishCancelAndClose: true,
@@ -2551,13 +2543,13 @@
          //审核通过
          batchAudit(this.ids,1)
          .then(() => {
            this.onLoad(this.page);
                            this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!"
            });
            this.$refs.crud.toggleSelection();
          });
                            })
                            this.$refs.crud.toggleSelection()
                        })

        }).catch(action => {
          console.log(action)
@@ -2565,13 +2557,13 @@
            //审核不通过
            batchAudit(this.ids,2)
              .then(() => {
                this.onLoad(this.page);
                                this.onLoad(this.page)
                this.$message({
                  type: "success",
                  message: "操作成功!"
                });
                this.$refs.crud.toggleSelection();
              });
                                })
                                this.$refs.crud.toggleSelection()
                            })
          }
      })

@@ -2588,13 +2580,13 @@
          //审核通过
          batchAudit(row.id,1)
            .then(() => {
              this.onLoad(this.page);
                            this.onLoad(this.page)
              this.$message({
                type: "success",
                message: "操作成功!"
              });
              this.$refs.crud.toggleSelection();
            });
                            })
                            this.$refs.crud.toggleSelection()
                        })

        }).catch(action => {
        console.log(action)
@@ -2602,21 +2594,21 @@
          //审核不通过
          batchAudit(row.id,2)
            .then(() => {
              this.onLoad(this.page);
                                this.onLoad(this.page)
              this.$message({
                type: "success",
                message: "操作成功!"
              });
              this.$refs.crud.toggleSelection();
            });
                                })
                                this.$refs.crud.toggleSelection()
                            })
        }
      })
    },

    handleDelete() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
                this.$message.warning("请选择至少一条数据")
                return
      }
      this.$confirm("确定将选择保安注销?", {
        confirmButtonText: "确定",
@@ -2624,21 +2616,21 @@
        type: "warning"
      })
        .then(() => {
          return remove(this.ids);
                    return remove(this.ids)
        })
        .then(() => {
          this.onLoad(this.page);
                    this.onLoad(this.page)
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
                    })
                    this.$refs.crud.toggleSelection()
                })
    },
    handleReset() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
                this.$message.warning("请选择至少一条数据")
                return
      }
      this.$confirm("确定将选择账号密码重置为123456?", {
        confirmButtonText: "确定",
@@ -2646,41 +2638,41 @@
        type: "warning"
      })
        .then(() => {
          return resetPassword(this.ids);
                    return resetPassword(this.ids)
        })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
                    })
                    this.$refs.crud.toggleSelection()
                })
    },
    handleGrant() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
                this.$message.warning("请选择至少一条数据")
                return
      }
      this.roleTreeObj = [];
            this.roleTreeObj = []
      if (this.selectionList.length === 1) {
        this.roleTreeObj = this.selectionList[0].roleId.split(",");
                this.roleTreeObj = this.selectionList[0].roleId.split(",")
      }
      getRoleTree().then(res => {
        this.roleGrantList = res.data.data;
        this.roleBox = true;
      });
                this.roleGrantList = res.data.data
                this.roleBox = true
            })
    },
    handlePlatform() {
      this.platformBox = true;
            this.platformBox = true
    },
    handleImport() {
      this.excelBox = true;
            this.excelBox = true
    },
    uploadAfter(res, done, loading, column) {
      window.console.log(column);
      this.excelBox = false;
      this.refreshChange();
      done();
            window.console.log(column)
            this.excelBox = false
            this.refreshChange()
            done()
    },
    handleExport() {
      this.$confirm("是否导出保安数据?", "提示", {
@@ -2692,22 +2684,22 @@
          `/api/blade-user/export-user?${this.website.tokenHeader
          }=${getToken()}&account=${this.search.account}&realName=${this.search.realName
          }`
        );
      });
                )
            })
    },
    handleTemplate() {
      window.open(
        `/api/blade-user/export-template?${this.website.tokenHeader
        }=${getToken()}`
      );
            )
    },
    openClosegroup(val) {
      // let ql = /realName|nation|cardid|registered|sex/;
      let ql = /realName|nation|cardid|registered/;
            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;
                        this.option.group[k].column[i]["disabled"] = val
          }
        }
      }
@@ -2715,253 +2707,254 @@
    SFZopens() {
      if (this.haveSEL == "noDrive") {
        let url =
          "http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar";
        window.open(url, "_self");
                    "http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar"
                window.open(url, "_self")
      } else if (this.haveSEL == "noEquipment") {
        this.radio = true;
                this.radio = true
      }
    },
    olondSFZ() {
      // console.log(123456);
      var that = this;
            var that = this
      //   // 开始连接设备
      //   //调用对应的连接方法,并赋值给result
      let lodings = val => {
        setTimeout(res => {
          that.SFZloding = val;
        }, 1000);
      };
                    that.SFZloding = val
                }, 1000)
            }
      this.cardShebei = CertCtl.connect(res => {
        let k = "";
                let k = ""
        try {
          k = JSON.parse(res);
                    k = JSON.parse(res)
        } catch (error) {
          k = res;
                    k = res
        }
        // console.log(res);
        if (k == "") {
          that.haveSEL = "noDrive";
                    that.haveSEL = "noDrive"
          // console.log("连接身份证设备失败，请安装驱动");
          that.sfzButTitle = "未安装身份证驱动，点击下载";
                    that.sfzButTitle = "未安装身份证驱动，点击下载"
          this.$message({
            type: "warning",
            message: "连接身份证设备失败，请重新连接设备!"
          });
          that.radio = false;
          lodings(false);
          return;
                    })
                    that.radio = false
                    lodings(false)
                    return
        }
        if (k.resultFlag == 0) {
          that.haveSEL = "connectionSucceeded";
                    that.haveSEL = "connectionSucceeded"
          // console.log("连接身份证设备成功");
          this.$message({
            type: "success",
            message: "连接身份证设备成功!"
          });
          lodings(false);
                    })
                    lodings(false)
        } else {
          that.haveSEL = "noEquipment";
          that.sfzButTitle = "连接身份证设备失败,请重试";
                    that.haveSEL = "noEquipment"
                    that.sfzButTitle = "连接身份证设备失败,请重试"
          // console.log("连接身份证设备失败，请重新连接设备!");
          this.$message({
            type: "warning",
            message: "连接身份证设备失败，请重新连接设备!"
          });
          that.radio = false;
          lodings(false);
                    })
                    that.radio = false
                    lodings(false)
        }
      });
            })
    },
    setIntervals: function () {
      let that = this;
            let that = this
      this.intTime = setInterval(function () {
        if (!that.haveCardid) {
          //定时读卡
          // console.log(that.haveCardid);
          let result = CertCtl.readCert();
                    let result = CertCtl.readCert()
          // console.log(result);
          // console.log("通过读取");
          if (result == "") {
            console.log("未启动读卡插件!");
            that.closeSFZ();
                        console.log("未启动读卡插件!")
                        that.closeSFZ()
          } else {
            var resultObj = eval("(" + result + ")");
                        var resultObj = eval("(" + result + ")")
            //resultFlag为0代表读卡成功
            if (resultObj.resultFlag == "0") {
              //回显相关数据
              // console.log(resultObj, 123);
              const data = resultObj.resultContent;
              that.haveCardid = true;
                            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.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";
                            that.openClosegroup(true)
                            that.nowCell = "2"
            } else if (resultObj.resultFlag == "-1") {
              if (resultObj.errorMsg == "端口打开失败") {
                console.log("读卡器未连接");
                that.closeSFZ();
                                console.log("读卡器未连接")
                                that.closeSFZ()
              } else {
                // console.log("无卡片提醒-1", resultObj.errorMsg);
                //无卡片提醒
                // that.closeSFZ();
              }
            } else if (resultObj.resultFlag == "-2") {
              console.log("异常-2", resultObj.errorMsg);
              that.closeSFZ();
                            console.log("异常-2", resultObj.errorMsg)
                            that.closeSFZ()
            }
          }
        } else {
          // console.log("停止获取");
        }
      }, 2000);
            }, 2000)
    },
    beginSFZ() {
      if (this.haveSEL == "connectionSucceeded" && this.radio) {
        this.haveCardid = false;
                this.haveCardid = false
        if (this.intTime) {
          clearInterval(this.intTime);
          this.setIntervals();
                    clearInterval(this.intTime)
                    this.setIntervals()
        } else {
          this.setIntervals();
                    this.setIntervals()
        }
      } else {
        clearInterval(this.intTime);
                clearInterval(this.intTime)
      }
    },
    closeSFZ(val) {
      if (this.intTime) {
        clearInterval(this.intTime);
                clearInterval(this.intTime)
        // this.setIntervals();
      } else {
        clearInterval(this.intTime);
                clearInterval(this.intTime)
        // this.setIntervals();
      }
      if (val) {
        this.haveCardid = true;
        this.cardShebei = "";
                this.haveCardid = true
                this.cardShebei = ""
        //可以编辑
      }
      this.openClosegroup(false);
      this.nowCell = "";
            this.openClosegroup(false)
            this.nowCell = ""
    },
    beforeOpen(done, type) {
      var that = this;
            var that = this
      // console.log(type, 123);
      this.beginSFZ();
            this.beginSFZ()
      if (["edit"].includes(type)) {
        this.type = 1;
                this.type = 1
      }
      if (["add"].includes(type)) {
        this.type = 2;
                this.type = 2
      }
      if (["edit", "view"].includes(type)) {
        getUser(this.form.id).then(res => {
          this.form = res.data.data;
                    this.form = res.data.data
          var d = {
            education1: res.data.data.education
          };
                    }
          this.form = {
            ...this.form,
            ...d
          };
                    }

          if (this.form.userDetail) {
            this.form.userDetailId = this.form.userDetail.id;
            this.form.marriageStatus = this.form.userDetail.marriageStatus;
            this.form.signLevel = this.form.userDetail.signLevel;
            this.form.permanentResidenceAddress = this.form.userDetail.permanentResidenceAddress;
            this.form.dwellAddress = this.form.userDetail.dwellAddress;
            this.form.memberOfFamily = this.form.userDetail.memberOfFamily;
            this.form.educationExperience = this.form.userDetail.educationExperience;
            this.form.workExperience = this.form.userDetail.workExperience;
            this.form.healthCertificateUrl = this.form.userDetail.healthCertificateUrl;
            this.form.noCriminalRecordProveUrl = this.form.userDetail.noCriminalRecordProveUrl;
            this.form.acceptancePoliceUnit = this.form.userDetail.acceptancePoliceUnit;
            this.form.acceptancePerson = this.form.userDetail.acceptancePerson;
            this.form.acceptanceTime = this.form.userDetail.acceptanceTime;
            this.form.unitName = this.form.userDetail.unitName;
                        this.form.userDetailId = this.form.userDetail.id
                        this.form.marriageStatus = this.form.userDetail.marriageStatus
                        this.form.signLevel = this.form.userDetail.signLevel
                        this.form.permanentResidenceAddress = this.form.userDetail.permanentResidenceAddress
                        this.form.dwellAddress = this.form.userDetail.dwellAddress
                        this.form.memberOfFamily = this.form.userDetail.memberOfFamily
                        this.form.educationExperience = this.form.userDetail.educationExperience
                        this.form.workExperience = this.form.userDetail.workExperience
                        this.form.healthCertificateUrl = this.form.userDetail.healthCertificateUrl
                        this.form.noCriminalRecordProveUrl = this.form.userDetail.noCriminalRecordProveUrl
                        this.form.acceptancePoliceUnit = this.form.userDetail.acceptancePoliceUnit
                        this.form.acceptancePerson = this.form.userDetail.acceptancePerson
                        this.form.acceptanceTime = this.form.userDetail.acceptanceTime
                        this.form.unitName = this.form.userDetail.unitName
          }
          // this.from["education1"] = res.data.data.education;
          if (this.form.hasOwnProperty("deptId")) {
            this.form.deptId = this.form.deptId;
                        this.form.deptId = this.form.deptId
          }
          if (this.form.hasOwnProperty("roleId")) {
            this.form.roleId = this.form.roleId.split(",");
                        this.form.roleId = this.form.roleId.split(",")
          }
          // if (this.form.hasOwnProperty("postId")) {
          //   this.form.postId = this.form.postId.split(",");
          // }
          var userInfo = res.data.data;
                    var userInfo = res.data.data
          //获取用户从业信息
          getUserPractitionersInfo(userInfo.id).then(res1 => {
            that.form.UserPractitionersInfo = res1.data.data;
          });
        });
                        that.form.UserPractitionersInfo = res1.data.data
                    })
                })
      }
      this.initFlag = true;
      done();
            this.initFlag = true
            done()
    },
    beforeClose(done, type) {
      this.closeSFZ(112);
      done();
            this.closeSFZ(112)
            done()
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
            this.page.currentPage = currentPage
    },
    //行样式调整
    rowStyle({ row, column, rowIndex }) {
      if (row.examinationType == "1") {
        return {
          color: "#ff2727"
        };
                }
      }
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
            this.page.pageSize = pageSize
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
            this.onLoad(this.page, this.query)
    },
    //排序
    sortChange(value) {
      // console.log(value, 51151515);
      if (value.order == "ascending") {
        this.sort = "asc";
                this.sort = "asc"
      }
      if (value.order == "descending") {
        this.sort = "desc";
                this.sort = "desc"
      }
      this.sortName = value.prop;
            this.sortName = value.prop
      //字段匹配
      if (value.prop == "sexs") {
        this.sortName = "sex";
                this.sortName = "sex"
      }
      if (value.prop == "examinationType") {
        this.sortName = "examination_type";
                this.sortName = "examination_type"
      }
      if (value.prop == "userType") {
        this.sortName = "user_type";
                this.sortName = "user_type"
      }
      this.onLoad(this.page, this.query);
            this.onLoad(this.page, this.query)
    },
    onLoad(page, params = {}) {
      if (this.isNotChangeSize) {
        this.loading = true;
                this.loading = true
      }
      params = this.search;
      var that = this;
            params = this.search
            var that = this
      //获取当前登录人员的角色信息
      var roleIds = this.userInfo.role_id.split(",");
            var roleIds = this.userInfo.role_id.split(",")
      roleIds.forEach(roleId => {
        getRoleDetail(roleId).then(res => {
          var roleAlias = res.data.data.roleAlias;
                    var roleAlias = res.data.data.roleAlias
          if (roleAlias == "保安公司管理员") {
            that.option.group[1].column[4].dicData = [
              {
@@ -2972,7 +2965,7 @@
                label: "否",
                value: "2"
              }
            ];
                        ]
          }
          if (
            roleAlias == "保安公司管理员" ||
@@ -2984,73 +2977,73 @@
            // 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");
                        const deptColumn = that.findObject(that.option.group, "deptId")
            deptColumn.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?deptId=" +
              that.userInfo.dept_id;
                            that.userInfo.dept_id
            //禁止编辑
            // deptColumn.disabled = true;
            deptColumn.value = that.userInfo.dept_id;
            that.isSecurity = false;
                        deptColumn.value = that.userInfo.dept_id
                        that.isSecurity = false
            //如果是保安公司管理员
            if (this.search.deptId) {
              params["deptId"] = this.search.deptId;
                            params["deptId"] = this.search.deptId
            } else {
              params["deptId"] = that.userInfo.dept_id;
                            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;
                            "/api/blade-user/import-security?deptId=" + this.deptIds
          } else if (
            roleAlias == "公安管理员" ||
            roleAlias == "administrator" ||
            this.userInfo.role_name == "民警"
          ) {
            params["jurisdiction"] = that.userInfo.jurisdiction;
            var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
                        params["jurisdiction"] = that.userInfo.jurisdiction
                        var ColumnDeptUpdate = that.findObject(that.option.group, "deptId")
            ColumnDeptUpdate.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
              that.userInfo.jurisdiction;
                            that.userInfo.jurisdiction

            //审查状态查询开启
            var columnExaminationType = that.findObject(
              that.option.column,
              "examinationType"
            );
            columnExaminationType.search = true;
            columnExaminationType.hide = false;
                        )
                        columnExaminationType.search = true
                        columnExaminationType.hide = false
          } else {
            var ColumnDeptUpdate1 = that.findObject(
              that.option.group,
              "deptId"
            );
                        )
            ColumnDeptUpdate1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree";
                            "/api/blade-system/dept/security_lazy-tree"
          }

          if (this.sort) {
            params["sort"] = this.sort;
                        params["sort"] = this.sort
          }
          if (this.sortName) {
            params["sortName"] = this.sortName;
                        params["sortName"] = this.sortName
          }

          let values = {
            ...params
          };
                    }
          values = {
            ...params,
            roleAlias: "111",
            ...that.query
          };
                    }

          getList(page.currentPage, page.pageSize, values).then(res => {
            const data = res.data.data;
            that.page.total = data.total;
                        const data = res.data.data
                        that.page.total = data.total
            // var d = data.records;
            // var date = new Date();
            // var datayear = date.getFullYear();
@@ -3059,81 +3052,81 @@
            //   d[key]["age"] = +datayear - +year;
            //   // d[key].securitynumber = "赣洪202100009";
            // }
            that.data = data.records;
                        that.data = data.records

            console.log(this.data,"++++++++++")

            that.loading = false;
            that.selectionClear();
            that.$store.commit("setWindowSizeHeightAdd");
          });
        });
      });
                        that.loading = false
                        that.selectionClear()
                        that.$store.commit("setWindowSizeHeightAdd")
                    })
                })
            })
    },
    platformRowUpdate(row, index, done, loading) {
      updatePlatform(row.id, row.userType, row.userExt).then(
        () => {
          this.platformOnLoad(this.platformPage);
                    this.platformOnLoad(this.platformPage)
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          done();
                    })
                    done()
        },
        error => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
    },
    platformBeforeOpen(done, type) {
      if (["edit", "view"].includes(type)) {
        getUserPlatform(this.platformForm.id).then(res => {
          this.platformForm = res.data.data;
        });
                    this.platformForm = res.data.data
                })
      }
      done();
            done()
    },
    platformSearchReset() {
      this.platformQuery = {};
      this.platformOnLoad(this.platformPage);
            this.platformQuery = {}
            this.platformOnLoad(this.platformPage)
    },
    platformSearchChange(params, done) {
      this.platformQuery = params;
      this.platformPage.currentPage = 1;
      this.platformOnLoad(this.platformPage, params);
      done();
            this.platformQuery = params
            this.platformPage.currentPage = 1
            this.platformOnLoad(this.platformPage, params)
            done()
    },
    platformSelectionChange(list) {
      this.platformSelectionList = list;
            this.platformSelectionList = list
    },
    platformSelectionClear() {
      this.platformSelectionList = [];
      this.$refs.platformCrud.toggleSelection();
            this.platformSelectionList = []
            this.$refs.platformCrud.toggleSelection()
    },
    platformCurrentChange(currentPage) {
      this.platformPage.currentPage = currentPage;
            this.platformPage.currentPage = currentPage
    },
    platformSizeChange(pageSize) {
      this.platformPage.pageSize = pageSize;
            this.platformPage.pageSize = pageSize
    },
    platformRefreshChange() {
      this.platformOnLoad(this.platformPage, this.platformQuery);
            this.platformOnLoad(this.platformPage, this.platformQuery)
    },
    platformOnLoad(page, params = {}) {
      this.platformLoading = true;
            this.platformLoading = true
      getList(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query),
        this.treeDeptId
      ).then(res => {
        const data = res.data.data;
        this.platformPage.total = data.total;
        this.platformData = data.records;
        this.platformLoading = false;
        this.selectionClear();
      });
                const data = res.data.data
                this.platformPage.total = data.total
                this.platformData = data.records
                this.platformLoading = false
                this.selectionClear()
            })
    },
    //照片上传拦截
    uploadBefore(file, done, loading, column) {
@@ -3143,27 +3136,27 @@
        if (file.type.indexOf("image/") == -1) {
          MessageBox.alert(
            "上传图片格式错误，请上传图片类型,如:JPG，PNG后缀的文件。"
          );
          loading();
          return false;
                    )
                    loading()
                    return false
        }
        let data = window.URL.createObjectURL(new Blob([file]));
        this.filename = file;
        this.option.img = data;
                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;
                const isLt1M = file.size >= 30 * 1024 && file.size <= 500 * 1024
        if (!isLt1M) {
          MessageBox.alert("上传图片大小必须大于30KB,且小于500KB!");
          loading();
          return false;
                    MessageBox.alert("上传图片大小必须大于30KB,且小于500KB!")
                    loading()
                    return false
        }
        done();
        return isLt1M;
                done()
                return isLt1M
      }
      done();
            done()
    }
  }
};
}
</script>

<style lang="scss" scoped>

 src/views/securityGuard/securityGuardDetail.vue

@@ -1,7 +1,7 @@
<template>
    <div class="dispatch">
        <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
        <span v-if="typeTABS.prop === 'tab1'">
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box">
            <avue-form ref="form" v-model="obj0" :option="option0"> </avue-form>
        </span>
        <span v-else-if="typeTABS.prop === 'tab2'">
@@ -142,10 +142,294 @@
            },
            option0: {
                emptyBtn: false,
                editBtn: false,
                submitBtn: false,
                group: [
                    {
                        label: "基础信息",
                labelWidth: "110",
                gutter: 30,
                column: securityBaseInfoColumn,
                        prop: "baseInfo",
                        icon: "el-icon-user-solid",
                        column: [
                            {
                                label: "企业名称",
                                prop: "deptId",
                                type: "tree",
                                disabled: true,
                                dicUrl: "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                labelWidth: 120,

                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: true,
                                labelWidth: 120,

                            }
                        ]
                    },
                    {
                        label: "详细信息",
                        prop: "detailInfo",
                        labelWidth: "110",
                        icon: "el-icon-s-order",
                        column: [
                            {
                                label: "身份证号",
                                prop: "cardid",
                                hide: true,
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                            },
                            {
                                label: "手机号码",
                                prop: "phone",
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                            },
                            {
                                label: "个人照片",
                                type: "upload",
                                listType: "picture-img",
                                labelWidth: 120,
                                disabled: true,
                                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,
                                prop: "avatar"
                            },
                            {
                                label: "是否持证",
                                prop: "hold",
                                type: "select",
                                disabled: true,
                                dicData: [
                                    {
                                        label: "是",
                                        value: "1"
                                    },
                                    {
                                        label: "否",
                                        value: "2"
                                    },
                                    {
                                        label: "已吊销",
                                        value: "3"
                                    }
                                ],

                            },
                            {
                                label: "保安员证编号",
                                prop: "securitynumber",
                                hide: true,
                                disabled: true,
                                display: true,

                            },
                            {
                                label: "民族",
                                disabled: true,
                                prop: "nation"
                            },
                            {
                                label: "最高学历",
                                prop: "education1",
                                disabled: true,
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=educationType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                slot: true
                            },
                            {
                                label: "政治面貌",
                                disabled: true,
                                prop: "politicaloutlook"
                            },
                            {
                                label: "所属辖区",
                                prop: "jurisdiction",
                                // multiple: true,
                                type: "tree",
                                disabled: true,
                                dicUrl: "/api/jurisdiction/lazy-tree",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                checkStrictly: true,
                                slot: true,

                            },
                            {
                                label: "从业单位",
                                disabled: true,
                                prop: "unitName",

                            },
                            {
                                label: "性别",
                                prop: "sex",
                                type: "select",
                                disabled: true,
                                slot: true,
                                dicData: [
                                    {
                                        label: "男",
                                        value: 1
                                    },
                                    {
                                        label: "女",
                                        value: 2
                                    }
                                ],

                            },
                            {
                                label: "婚姻状态",
                                prop: "marriageStatus",
                                type: "select",
                                disabled: true,
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=marriageStatusType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                hide: true,
                            },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "报考等级",
                                prop: "signLevel",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=signLevelType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                disabled: true,
                                hide: true,
                            },
                            {
                                label: "家庭主要成员及联系方式",
                                prop: "memberOfFamily",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "教育经历",
                                prop: "educationExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "工作经历",
                                prop: "workExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理时间",
                                prop: "acceptanceTime",
                                type: "date",
                                format: "yyyy-MM-dd",
                                valueFormat: "yyyy-MM-dd",
                                span: 12,
                                row: true,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "健康状况图片(健康证)",
                                prop: "healthCertificateUrl",
                                type: "upload",
                                disabled: true,
                                listType: "picture-img",
                                propsHttp: {
                                    res: "data",
                                    url: "url"
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 1.0
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                            },
                            {
                                label: "无犯罪记录图片",
                                prop: "noCriminalRecordProveUrl",
                                type: "upload",
                                disabled: true,
                                listType: "picture-img",
                                propsHttp: {
                                    res: "data",
                                    url: "url"
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 1.0
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                            }
                        ]
                    }
                ]
            },
            loading1: true,
            loading2: true,
@@ -450,12 +734,21 @@
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.dispatch {
    width: 100%;
    height: 100%;
    //   border: 1px solid #000;
    box-sizing: border-box;

    .a-f-box {
        display: block;
        width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
        background: #fff;
        position: relative;
    }
}

// .el-card__body {

 src/views/securityMan/index.vue

@@ -2,102 +2,44 @@
  <div class="dispatch">
    <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
    <span v-if="typeTABS.prop === 'tab1'"> -->
    <avue-form ref="form" v-model="obj0" :option="option0" @submit="submit">
        <div class="avue-page" id="avuePageEle" style="width: 800px;margin: 0 auto;padding: 0 20px;position: relative;">
            <avue-form ref="form" v-model="form" :option="option0" :before-open="beforeOpen">
                <template slot="menuLeft">
                    <el-button type="primary" size="small" plain icon="el-icon-s-check" @click="printBA">打印
                    </el-button>
                </template>
    </avue-form>
    <!-- </span>
    <span v-else-if="typeTABS.prop === 'tab2'">
      <avue-crud
        :option="option1"
        :data="data1"
        :page.sync="page1"
        :table-loading="loading1"
        @row-save="rowSave1"
        @row-update="rowUpdate1"
        @row-del="rowDel1"
        @refresh-change="refreshChange1"
      >
      </avue-crud>
    </span>
    <span v-else-if="typeTABS.prop === 'tab3'">
      <avue-crud
        :option="option2"
        :data="data2"
        :page.sync="page2"
        @row-save="rowSave2"
        @row-update="rowUpdate2"
        @row-del="rowDel2"
        :table-loading="loading2"
        @refresh-change="refreshChange2"
      >
      </avue-crud>
    </span>
    <span v-else-if="typeTABS.prop === 'tab4' && isSecurity">
      <div class="baoanzheng" id="baoanzheng">
        <div class="baz-main">
          <div class="baz-m-body" ref="baoanzheng">
            <div class="bmb-heard">保安员证</div>
            <div class="img">
              <div v-if="!obj0.myPicture">暂无照片</div>
              <img :src="obj0.myPicture" alt="" v-else />
            </div>
            <div class="imgs">
              <div v-if="erweima == ''">暂无二维码</div>
              <img :src="erweima" alt="" v-else />
            </div>

            <div class="bmb-b">
              姓名：<span class="bmb-b-s">{{ obj0.realName }}</span>
            </div>
            <div class="bmb-b">
              性别：<span class="bmb-b-s">{{ obj0.$sex }}</span>
            </div>
            <div class="bmb-b">
              编号：<span class="bmb-b-s">{{ obj0.securitynumber }}</span>
            </div>
            <div class="bmb-b">
              发证机关：<span class="bmb-b-s">晋城市公安局</span>
            </div>
            <div class="bmb-b">
              发证日期：<span class="bmb-b-s">{{
                obj0.paperTime.slice(0, 10)
              }}</span>
            <div class="printBtn">
                <el-button type="primary" @click="printBAInfo">打印</el-button>
            </div>
          </div>
          <span slot="footer" class="dialog-footer no-print PrintBut">
            <el-button type="primary" @click="Print">打 印</el-button>
          </span>
        </div>
      </div>
    </span> -->
  </div>
</template> 

<script>
import {
  securityBaseInfoColumn,
  practitionersColumn,
  trackRecordColumn,
} from "./data";
} from "./data"
import {
  addExperience,
  updateExperience,
  getUserDetails,
  experienceRemove,
  getExperienceList,
} from "@/api/experience/experience";
} from "@/api/experience/experience"

import {
  getPerformanceInfo,
  add,
  update,
  page,
  remove,
  getER,
} from "@/api/performance/performance";
} from "@/api/performance/performance"

import { update as updateUserInfo } from "@/api/system/user";
import { getUser, getUserPractitionersInfo, update as updateUserInfo } from "@/api/system/user"

import { mapState } from "vuex";
import { mapState } from "vuex"

export default {
  data() {
@@ -135,15 +77,299 @@
      name: "",
      dispatcherCompany: "",
      id: "",
      obj0: {
            form: {
        title: "",
      },
      option0: {
        emptyBtn: false,
                editBtn: false,
        submitBtn: false,
                group: [
                    {
                        label: "基础信息",
        labelWidth: "110",
        gutter: 30,
        column: securityBaseInfoColumn,
                        prop: "baseInfo",
                        icon: "el-icon-user-solid",
                        column: [
                            {
                                label: "企业名称",
                                prop: "deptId",
                                type: "tree",
                                disabled: true,
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                dicUrl: "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
                                labelWidth: 120,

                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: true,
                                labelWidth: 120,

                            }
                        ]
                    },
                    {
                        label: "详细信息",
                        prop: "detailInfo",
                        labelWidth: "110",
                        icon: "el-icon-s-order",
                        column: [
                            {
                                label: "身份证号",
                                prop: "cardid",
                                hide: true,
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                            },
                            {
                                label: "手机号码",
                                prop: "phone",
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                            },
                            {
                                label: "个人照片",
                                type: "upload",
                                listType: "picture-img",
                                labelWidth: 120,
                                disabled: true,
                                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,
                                prop: "avatar"
                            },
                            {
                                label: "是否持证",
                                prop: "hold",
                                type: "select",
                                disabled: true,
                                dicData: [
                                    {
                                        label: "是",
                                        value: "1"
                                    },
                                    {
                                        label: "否",
                                        value: "2"
                                    },
                                    {
                                        label: "已吊销",
                                        value: "3"
                                    }
                                ],

                            },
                            {
                                label: "保安员证编号",
                                prop: "securitynumber",
                                hide: true,
                                disabled: true,
                                display: true,

                            },
                            {
                                label: "民族",
                                disabled: true,
                                prop: "nation"
                            },
                            {
                                label: "最高学历",
                                prop: "education1",
                                disabled: true,
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=educationType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                slot: true
                            },
                            {
                                label: "政治面貌",
                                disabled: true,
                                prop: "politicaloutlook"
                            },
                            {
                                label: "所属辖区",
                                prop: "jurisdiction",
                                // multiple: true,
                                type: "tree",
                                disabled: true,
                                dicUrl: "/api/jurisdiction/lazy-tree",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                checkStrictly: true,
                                slot: true,

                            },
                            {
                                label: "从业单位",
                                disabled: true,
                                prop: "unitName",

                            },
                            {
                                label: "性别",
                                prop: "sex",
                                type: "select",
                                disabled: true,
                                slot: true,
                                dicData: [
                                    {
                                        label: "男",
                                        value: 1
                                    },
                                    {
                                        label: "女",
                                        value: 2
                                    }
                                ],

                            },
                            {
                                label: "婚姻状态",
                                prop: "marriageStatus",
                                type: "select",
                                disabled: true,
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=marriageStatusType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                hide: true,
                            },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "报考等级",
                                prop: "signLevel",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=signLevelType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                disabled: true,
                                hide: true,
                            },
                            {
                                label: "家庭主要成员及联系方式",
                                prop: "memberOfFamily",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "教育经历",
                                prop: "educationExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "工作经历",
                                prop: "workExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "受理时间",
                                prop: "acceptanceTime",
                                type: "date",
                                format: "yyyy-MM-dd",
                                valueFormat: "yyyy-MM-dd",
                                span: 12,
                                row: true,
                                hide: true,
                                disabled: true,
                            },
                            {
                                label: "健康状况图片(健康证)",
                                prop: "healthCertificateUrl",
                                type: "upload",
                                disabled: true,
                                listType: "picture-img",
                                propsHttp: {
                                    res: "data",
                                    url: "url"
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 1.0
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                            },
                            {
                                label: "无犯罪记录图片",
                                prop: "noCriminalRecordProveUrl",
                                type: "upload",
                                disabled: true,
                                listType: "picture-img",
                                propsHttp: {
                                    res: "data",
                                    url: "url"
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 1.0
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                            }
                        ]
                    }
                ]
      },
      loading1: true,
      loading2: true,
@@ -196,153 +422,197 @@
        column: trackRecordColumn,
      },
      erweima: "",
    };
        }
  },
  // components: {
  //   vueQr,
  // },
   
    created () {
    },

  computed: {
    ids1() {
      let ids1 = [];
            let ids1 = []
      this.selectionList1.forEach((ele) => {
        ids1.push(ele.id);
      });
      return ids1.join(",");
                ids1.push(ele.id)
            })
            return ids1.join(",")
    },
    ...mapState({
      userInfo: (state) => state.user.userInfo,
    }),
  },
  methods: {
        beforeOpen () {
            getUser(this.userInfo.Id).then(res => {
                console.log('getUser', res)
                let userData = res.data.data
                if (this.obj0) {
                    // this.obj0.userDetailId = userData.id
                    this.obj0.education1 = userData.education1
                    this.obj0.marriageStatus = userData.marriageStatus
                    this.obj0.signLevel = userData.signLevel
                    this.obj0.permanentResidenceAddress = userData.permanentResidenceAddress
                    this.obj0.dwellAddress = userData.dwellAddress
                    this.obj0.memberOfFamily = userData.memberOfFamily
                    this.obj0.educationExperience = userData.educationExperience
                    this.obj0.workExperience = userData.workExperience
                    this.obj0.healthCertificateUrl = userData.healthCertificateUrl
                    this.obj0.noCriminalRecordProveUrl = userData.noCriminalRecordProveUrl
                    this.obj0.acceptancePoliceUnit = userData.acceptancePoliceUnit
                    this.obj0.acceptancePerson = userData.acceptancePerson
                    this.obj0.acceptanceTime = userData.acceptanceTime
                    this.obj0.unitName = userData.unitName
                }
                //获取用户从业信息
                getUserPractitionersInfo(userInfo.id).then(res1 => {
                    userData.UserPractitionersInfo = res1.data.data
                    console.log('res1', res1)
                })
            })
        },

        // 打印保安信息
        printBAInfo () {
            var printDom = document.getElementById("avuePageEle")
            this.$print("#avuePageEle", {
                noPrint: ".noPrint",
                onStart: () => {
                    // console.log('打印开始', Date.parse(new Date()));
                },
                onEnd: () => {
                    // console.log('打印完成', Date.parse(new Date()));
                }
            })
        },

    Print() {
      var printDom = document.getElementById("baoanzheng");
      printDom.style.position = "fixed";
      printDom.style.left = "-10%";
      printDom.style.width = "120%";
      printDom.style.height = "100%";
      this.$Print(this.$refs.baoanzheng);
      printDom.style.position = "relative";
      printDom.style.left = "0";
      printDom.style.width = "100%";
      printDom.style.height = "calc(100% - 100px)";
            var printDom = document.getElementById("baoanzheng")
            printDom.style.position = "fixed"
            printDom.style.left = "-10%"
            printDom.style.width = "120%"
            printDom.style.height = "100%"
            this.$Print(this.$refs.baoanzheng)
            printDom.style.position = "relative"
            printDom.style.left = "0"
            printDom.style.width = "100%"
            printDom.style.height = "calc(100% - 100px)"
    },
    handleChangeTABS(column) {
      this.typeTABS = column;
            this.typeTABS = column
      if (column.prop == "tab1") {
        this.loading1 = false;
                this.loading1 = false
      } else if (column.prop == "tab2") {
        //查询当前保安员的从业记录信息
        this.getPractitionersPageInfo();
        this.loading1 = false;
                this.getPractitionersPageInfo()
                this.loading1 = false
      } else if (column.prop == "tab3") {
        //查询当前保安员的现实表现记录
        this.getPerformancePageInfo();
        this.loading2 = false;
                this.getPerformancePageInfo()
                this.loading2 = false
      } else if (column.prop == "tab4") {
        getER(this.obj0.securitynumber).then((res) => {
          this.erweima = res.data;
                    this.erweima = res.data
          // console.log(res.data);
        });
                })
      }
    },
    //查询当前保安员的从业记录信息
    getPractitionersPageInfo() {
      var param = {
        securityid: this.id,
      };
            }
      //获取用户从业信息
      getExperienceList(this.current, this.size, param).then((res1) => {
        const data = res1.data.data;
        this.page1.total = data.total;
        this.data1 = data.records;
        this.loading1 = false;
      });
                const data = res1.data.data
                this.page1.total = data.total
                this.data1 = data.records
                this.loading1 = false
            })
    },
    //查询当前保安员的现实表现记录信息
    getPerformancePageInfo() {
      //获取现实表现信息
      var param = {
        securityid: this.id,
      };
            }
      page(this.current, this.size, param).then((res2) => {
        const data = res2.data.data;
        this.page2.total = data.total;
        this.data2 = data.records;
        console.log(this.data2, 1);
        this.loading2 = false;
      });
                const data = res2.data.data
                this.page2.total = data.total
                this.data2 = data.records
                console.log(this.data2, 1)
                this.loading2 = false
            })
    },

    rowSave2(form, done, loading) {
      form.securityid = this.id;
            form.securityid = this.id
      add(form).then(
        (res) => {
          this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
                    })
                    done()
        },
        (error) => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
      // }
    },
    //从业记录新增
    rowSave1(form, done, loading) {
      form.securityid = this.id;
            form.securityid = this.id
      addExperience(form).then(
        (res) => {
          this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
                    })
                    done()
        },
        (error) => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
      // }
    },
    rowUpdate2(row, index, done, loading) {
      row.securityid = this.id;
            row.securityid = this.id
      update(row).then(
        () => {
          this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
                    })
                    done()
        },
        (error) => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
    },
    rowUpdate1(row, index, done, loading) {
      row.securityid = this.id;
            row.securityid = this.id
      updateExperience(row).then(
        () => {
          this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          done();
                    })
                    done()
        },
        (error) => {
          window.console.log(error);
          loading();
                    window.console.log(error)
                    loading()
        }
      );
            )
    },
    rowDel2(row) {
      this.$confirm("确定将选择数据删除?", {
@@ -351,15 +621,15 @@
        type: "warning",
      })
        .then(() => {
          return remove(row.id);
                    return remove(row.id)
        })
        .then(() => {
          this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
                    })
                })
    },
    rowDel1(row) {
      this.$confirm("确定将选择数据删除?", {
@@ -368,15 +638,15 @@
        type: "warning",
      })
        .then(() => {
          return experienceRemove(row.id);
                    return experienceRemove(row.id)
        })
        .then(() => {
          this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        });
                    })
                })
    },
    //信息修改
    submit() {
@@ -384,21 +654,22 @@
        this.$message({
          type: "success",
          message: "操作成功!",
        });
      });
                })
            })
    },
  },
  mounted() {
    this.typeTABS = this.optionTABS.column[0];
        this.typeTABS = this.optionTABS.column[0]
    // var data = JSON.parse(this.$route.query.row);
    //查询保安员信息
    console.log(this.userInfo, 456);
    this.id = this.userInfo.Id;
    var roleName = this.userInfo.role_name;
        console.log(this.userInfo, 456)
        this.id = this.userInfo.Id
        // this.beforeOpen()
        var roleName = this.userInfo.role_name
    // debugger;
    //如果保安，才能看保安证
    if (roleName == "保安") {
      this.isSecurity = true;
            this.isSecurity = true
      this.optionTABS.column = [
        {
          // icon: "el-icon-info",
@@ -420,48 +691,90 @@
          label: "保安员证",
          prop: "tab4",
        },
      ];
            ]
    }
    getUserDetails(this.id).then((res) => {
      console.log(res.data.data, 123);
      var data = res.data.data;
      this.obj0 = data;
    });
        getUser(this.userInfo.Id).then(res => {
            this.form = res.data.data
            var d = {
                education1: res.data.data.education
            }
            this.form = {
                ...this.form,
                ...d
            }
            if (this.form.userDetail) {
                this.form.userDetailId = this.form.userDetail.id
                this.form.marriageStatus = this.form.userDetail.marriageStatus
                this.form.signLevel = this.form.userDetail.signLevel
                this.form.permanentResidenceAddress = this.form.userDetail.permanentResidenceAddress
                this.form.dwellAddress = this.form.userDetail.dwellAddress
                this.form.memberOfFamily = this.form.userDetail.memberOfFamily
                this.form.educationExperience = this.form.userDetail.educationExperience
                this.form.workExperience = this.form.userDetail.workExperience
                this.form.healthCertificateUrl = this.form.userDetail.healthCertificateUrl
                this.form.noCriminalRecordProveUrl = this.form.userDetail.noCriminalRecordProveUrl
                this.form.acceptancePoliceUnit = this.form.userDetail.acceptancePoliceUnit
                this.form.acceptancePerson = this.form.userDetail.acceptancePerson
                this.form.acceptanceTime = this.form.userDetail.acceptanceTime
                this.form.unitName = this.form.userDetail.unitName
            }
            // this.from["education1"] = res.data.data.education;
            if (this.form.hasOwnProperty("deptId")) {
                this.form.deptId = this.form.deptId
            }
            if (this.form.hasOwnProperty("roleId")) {
                this.form.roleId = this.form.roleId.split(",")
            }
            // if (this.form.hasOwnProperty("postId")) {
            //   this.form.postId = this.form.postId.split(",");
            // }
            var userInfo = res.data.data
            //获取用户从业信息
            getUserPractitionersInfo(userInfo.id).then(res1 => {
                this.form.UserPractitionersInfo = res1.data.data
            })
        })

    var flag = false,
      i = 0,
      ind = null;
            ind = null
    this.$store.state.tags.tagList.forEach((item, index) => {
      if (item.label == "保安员详情") {
        if (flag == false) {
          ind = index;
          flag = true;
                    ind = index
                    flag = true
        }
        i++;
                i++
      }
    });
        })
    if (i > 1) {
      this.$store.state.tags.tagList.splice(ind, 1);
            this.$store.state.tags.tagList.splice(ind, 1)
    }
  },
};
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.dispatch {
  width: 100%;
  height: 100%;
  //   border: 1px solid #000;
  box-sizing: border-box;
}
// .el-card__body {
//   padding-bottom: 5px !important;
// }
// .avue-crud__tip,
// .el-tag,
// .el-tag--light {
//   padding: 0 !important;
// }

.avue-page {
    width: 800px;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff;
    position: relative;

    .printBtn {
        position: absolute;
        bottom: 36px;
        right: -88px;
    }
}

.baoanzheng {
  // position: fixed;
@@ -480,6 +793,7 @@
  align-items: center;
  justify-content: center;
}

.baz-main {
  position: relative;
  top: 15px;
@@ -494,11 +808,13 @@
  justify-content: center;
  flex-direction: column;
}

.baz-m-body {
  width: 750px;
  height: 550px;
  background-image: url("/img/register/bazbj.png");
  background-size: 100% 100%;

  .bmb-heard {
    font-size: 4rem;
    width: 100%;
@@ -509,6 +825,7 @@
    position: relative;
    top: 20px;
  }

  .img {
    width: calc(358px / 2.3);
    height: calc(441px / 2.3);
@@ -520,11 +837,13 @@
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .imgs {
    width: 110px;
    height: 110px;
@@ -536,11 +855,13 @@
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .bmb-b {
    padding-left: 20px;
    box-sizing: border-box;
@@ -549,6 +870,7 @@
    width: 100%;
    font-size: 2rem;
    font-weight: 300;

    .bmb-b-s {
      display: inline-block;
      width: 20rem;
@@ -557,6 +879,7 @@
    }
  }
}

.PrintBut {
  margin-top: 15px;
}