保安服务企业管理项目备份
guanqb
2024-01-02 2e011ae9b681fd78a47b2c2ed070cde733dc52ec
src/views/securityGuard/securityGuard.vue
@@ -1,6 +1,6 @@
<template>
  <el-row :class="{ securityGuard: isSecurity }">
    <!-- <el-col :span="0" style="display: none">
    <el-row :class="{ securityGuard: isSecurity }">
        <!-- <el-col :span="0" style="display: none">
      <div class="box">
        <el-scrollbar>
          <basic-container>
@@ -13,115 +13,116 @@
        </el-scrollbar>
      </div>
    </el-col> -->
    <el-col :span="24">
      <basic-container :class="[
        screenSize == 1366 ? 'smallSize' : 'normalSize',
        $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
      ]">
        <!-- :key="option.height" -->
        <avue-crud class="tablesss" :option="option" :search.sync="search" :table-loading="loading" :data="data"
          ref="crud" v-model="form" :permission="permissionList" @row-del="rowDel" :row-style="rowStyle"
          @row-save="rowSave" @row-update="rowUpdate" :before-open="beforeOpen" :page.sync="page"
          @sort-change="sortChange" @search-change="searchChange" @search-reset="searchReset"
          @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
          @refresh-change="refreshChange" @on-load="onLoad" :upload-before="uploadBefore" :defaults.sync="defaults"
          :before-close="beforeClose">
          <!-- @row-update="rowUpdate" -->
          <template slot="menuLeft">
            <el-button type="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>
            <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>
            <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>
            <el-button type="warning" size="small" plain icon="el-icon-download" v-if="permission.export_security_info"
              @click="handleExportSecurityInfo">保安信息导出
            </el-button>
        <el-col :span="24">
            <basic-container :class="[
                screenSize == 1366 ? 'smallSize' : 'normalSize',
                $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
            ]">
                <!-- :key="option.height" -->
                <avue-crud class="tablesss" :option="option" :search.sync="search" :table-loading="loading" :data="data"
                    ref="crud" v-model="form" :permission="permissionList" @row-del="rowDel" :row-style="rowStyle"
                    @row-save="rowSave" @row-update="rowUpdate" :before-open="beforeOpen" :page.sync="page"
                    @sort-change="sortChange" @search-change="searchChange" @search-reset="searchReset"
                    @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
                    @refresh-change="refreshChange" @on-load="onLoad" :upload-before="uploadBefore"
                    :defaults.sync="defaults" :before-close="beforeClose">
                    <!-- @row-update="rowUpdate" -->
                    <template slot="menuLeft">
                        <el-button type="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>
                        <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>
                        <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>
                        <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>
            <el-button type="info" style="display: none" size="small" plain v-if="permission.user_role"
              icon="el-icon-user" @click="handleGrant">角色配置
            </el-button>
            <el-button type="info" style="display: none" size="small" plain v-if="permission.user_reset"
              icon="el-icon-refresh" @click="handleReset">密码重置
            </el-button>
            <el-button type="info" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-setting" @click="handlePlatform">平台配置
            </el-button>
            <el-button type="success" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-upload2" @click="handleImport">导入
            </el-button>
            <el-button type="warning" style="display: none" size="small" plain v-if="userInfo.role_name.includes('admin')"
              icon="el-icon-download" @click="handleExport">导出
            </el-button>
          </template>
                        <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">角色配置
                        </el-button>
                        <el-button type="info" style="display: none" size="small" plain v-if="permission.user_reset"
                            icon="el-icon-refresh" @click="handleReset">密码重置
                        </el-button>
                        <el-button type="info" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-setting" @click="handlePlatform">平台配置
                        </el-button>
                        <el-button type="success" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-upload2" @click="handleImport">导入
                        </el-button>
                        <el-button type="warning" style="display: none" size="small" plain
                            v-if="userInfo.role_name.includes('admin')" icon="el-icon-download" @click="handleExport">导出
                        </el-button>
                    </template>
          <template slot-scope="{ type, size, row }" slot="menu">
            <el-tooltip placement="bottom" effect="light" transition="el-collapse-transition"
              popper-class="caozuolanpopper">
              <div slot="content">
                <el-button icon="el-icon-view" :size="size" :type="type" v-if="permission.securityGuard_view"
                  @click.stop="rowClick(row)">查看
                </el-button>
                <br v-if="permission.securityGuard_view" />
                    <template slot-scope="{ type, size, row }" slot="menu">
                        <el-tooltip placement="bottom" effect="light" transition="el-collapse-transition"
                            popper-class="caozuolanpopper">
                            <div slot="content">
                                <el-button icon="el-icon-view" :size="size" :type="type"
                                    v-if="permission.securityGuard_view" @click.stop="rowClick(row)">查看
                                </el-button>
                                <br v-if="permission.securityGuard_view" />
                <el-button icon="el-icon-scissors" :size="size" :type="type"
                  v-if="permission.securityGuard_delete && row.status != 2" @click="$refs.crud.rowEdit(row, index)">编辑
                </el-button>
                <br v-if="permission.securityGuard_delete && row.status != 2" />
                                <el-button icon="el-icon-scissors" :size="size" :type="type"
                                    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" />
                <el-button icon="el-icon-s-check" :size="size" :type="type"
                           v-if="permission.securityGuard_delete && row.status != 2" @click="handleAudit(row)">审批
                </el-button>
                <br v-if="permission.securityGuard_delete && row.status != 2" />
                                <el-button icon="el-icon-s-check" :size="size" :type="type"
                                    v-if="permission.securityGuard_delete && row.status != 2" @click="handleAudit(row)">审批
                                </el-button>
                                <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)">注销
                </el-button>
                <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)">注销
                                </el-button>
                                <br v-if="permission.securityGuard_delete && row.status != 2" />
<!--                <el-button icon="el-icon-circle-close" :size="size" :type="type"-->
<!--                  v-if="permission.securityGuard_delete && row.status != 2" @click.stop="rowStatus(row)">离职-->
<!--                </el-button>-->
                <el-button icon="el-icon-circle-close" :size="size" :type="type"
                           v-if="permission.securityGuard_delete && row.status != 2" @click.stop="rowLeaveStatus(row)">离职
                </el-button>
                <br v-if="permission.securityGuard_delete && row.status != 2" />
                                <!--  <el-button icon="el-icon-circle-close" :size="size" :type="type"-->
                                <!--    v-if="permission.securityGuard_delete && row.status != 2" @click.stop="rowStatus(row)">离职-->
                                <!--  </el-button>-->
                                <el-button icon="el-icon-circle-close" :size="size" :type="type"
                                    v-if="permission.securityGuard_delete && row.status != 2"
                                    @click.stop="rowLeaveStatus(row)">离职
                                </el-button>
                                <br v-if="permission.securityGuard_delete && row.status != 2" />
                <el-button icon="el-icon-search" :size="size" :type="type" v-if="row.status == 2"
                  @click.stop="rowDellook(row)">离职查询
                </el-button>
                <br v-if="row.status == 2" />
                                <el-button icon="el-icon-search" :size="size" :type="type" v-if="row.status == 2"
                                    @click.stop="rowDellook(row)">离职查询
                                </el-button>
                                <br v-if="row.status == 2" />
                <el-button icon="el-icon-user" :size="size" :type="type" v-if="permission.securityGuard_check"
                  @click.stop="rowCheck(row)">异常
                </el-button>
                <br v-if="permission.securityGuard_check" />
                                <el-button icon="el-icon-user" :size="size" :type="type"
                                    v-if="permission.securityGuard_check" @click.stop="rowCheck(row)">异常
                                </el-button>
                                <br v-if="permission.securityGuard_check" />
                <el-button icon="el-icon-money" :size="size" :type="type" v-if="permission.securityGuard_check_apply"
                  @click.stop="rowCheckApply(row)">证件核实申请
                </el-button>
                <!-- <br />
                                <el-button icon="el-icon-money" :size="size" :type="type"
                                    v-if="permission.securityGuard_check_apply" @click.stop="rowCheckApply(row)">证件核实申请
                                </el-button>
                                <!-- <br />
                <el-button
                  icon="el-icon-edit"
                  style="display: none"
@@ -131,12 +132,12 @@
                  @click.stop="certificateClick(row)"
                  >纸质证书制作
                </el-button> -->
              </div>
              <el-button icon="el-icon-s-operation" :size="size" :type="type">操作
              </el-button>
            </el-tooltip>
                            </div>
                            <el-button icon="el-icon-s-operation" :size="size" :type="type">操作
                            </el-button>
                        </el-tooltip>
            <!-- <el-button
                        <!-- <el-button
              icon="el-icon-s-custom"
              :size="size"
              :type="type"
@@ -176,43 +177,43 @@
              @click.stop="certificateClick(row)"
              >纸质证书制作
            </el-button> -->
          </template>
                    </template>
          <template slot-scope="{ row }" slot="sex">
            <el-tag v-if="row.sex == 1">男</el-tag>
            <el-tag v-if="row.sex == 2">女</el-tag>
          </template>
          <template slot-scope="{ row }" slot="deptId">
            <el-tag class="rowClickSelf" title="点击查看所属公司情况" @click="rowClickSelf(row.deptId)">{{ row.deptName }}
            </el-tag>
          </template>
          <template slot-scope="{ row }" slot="unitName">
            <el-tag>{{ row.unitName }}
            </el-tag>
          </template>
          <template slot-scope="{ row }" slot="tenantName">
            <el-tag>{{ row.tenantName }}</el-tag>
          </template>
          <template slot-scope="{ row }" slot="roleName">
            <el-tag>{{ row.roleName }}</el-tag>
          </template>
          <template slot-scope="{ row }" slot="deptName">
            <el-tag>{{ row.deptName }}</el-tag>
          </template>
          <template slot-scope="{ row }" slot="userTypeName">
            <el-tag>{{ row.userTypeName }}</el-tag>
          </template>
          <template slot-scope="{ row }" slot="userType">
            {{
              row.userType == 6 ? "已制证" : row.userType == 7 ? "未制证" : ""
            }}
          </template>
                    <template slot-scope="{ row }" slot="sex">
                        <el-tag v-if="row.sex == 1">男</el-tag>
                        <el-tag v-if="row.sex == 2">女</el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="deptId">
                        <el-tag class="rowClickSelf" title="点击查看所属公司情况" @click="rowClickSelf(row.deptId)">{{ row.deptName }}
                        </el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="unitName">
                        <el-tag>{{ row.unitName }}
                        </el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="tenantName">
                        <el-tag>{{ row.tenantName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="roleName">
                        <el-tag>{{ row.roleName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="deptName">
                        <el-tag>{{ row.deptName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="userTypeName">
                        <el-tag>{{ row.userTypeName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }" slot="userType">
                        {{
                            row.userType == 6 ? "已制证" : row.userType == 7 ? "未制证" : ""
                        }}
                    </template>
          <!-- 自定义新增和编辑中的指纹信息 -->
          <!-- src="http://61.131.136.25:2081/zhba/upload/picture/85004574ae23472da37350b918960206.png" -->
          <template slot-scope="{ type, disabled }" slot="fingerprintForm">
            <div class="zhiwenMain">
              <!-- <img class="zhiwenImgs" :src="zhiwenImg" alt="" />
                    <!-- 自定义新增和编辑中的指纹信息 -->
                    <!-- src="http://61.131.136.25:2081/zhba/upload/picture/85004574ae23472da37350b918960206.png" -->
                    <template slot-scope="{ type, disabled }" slot="fingerprintForm">
                        <div class="zhiwenMain">
                            <!-- <img class="zhiwenImgs" :src="zhiwenImg" alt="" />
              <el-button type="primary" @click="openzhiwen" v-show="isOr">{{
                zhiwenTitle
              }}</el-button>
@@ -220,2993 +221,2985 @@
                zhiwenTitle
              }}</el-button>
              <el-button type="primary" @click="openccc">openccc</el-button>-->
              <iframe id="zhiwen" ref="zhiwen" src="/zhiwenDemo/CID.html" frameborder="0" width="100%" height="100%"
                name="zhiwen"></iframe>
            </div>
          </template>
        </avue-crud>
        <el-dialog title="用户角色配置" 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>
                            <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>
          <span slot="footer" class="dialog-footer">
            <el-button @click="roleBox = false">取 消</el-button>
            <el-button type="primary" @click="submitRole">确 定</el-button>
          </span>
        </el-dialog>
        <el-dialog title="用户数据导入" append-to-body :visible.sync="excelBox" width="555px">
          <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
            <template slot="excelTemplate">
              <el-button type="primary" @click="handleTemplate">
                点击下载<i class="el-icon-download el-icon--right"></i>
              </el-button>
            </template>
          </avue-form>
        </el-dialog>
        <el-dialog title="用户平台配置" append-to-body :visible.sync="platformBox">
          <avue-crud :option="platformOption" :table-loading="platformLoading" :data="platformData" ref="platformCrud"
            v-model="platformForm" :before-open="platformBeforeOpen" :page.sync="platformPage"
            :permission="platformPermissionList" @row-update="platformRowUpdate" @search-change="platformSearchChange"
            @search-reset="platformSearchReset" @selection-change="platformSelectionChange"
            @current-change="platformCurrentChange" @size-change="platformSizeChange"
            @refresh-change="platformRefreshChange" @on-load="platformOnLoad">
            <template slot-scope="{ row }" slot="tenantName">
              <el-tag>{{ row.tenantName }}</el-tag>
            </template>
            <template slot-scope="{ row }" slot="userTypeName">
              <el-tag>{{ row.userTypeName }}</el-tag>
            </template>
          </avue-crud>
        </el-dialog>
        <el-dialog title="保安员导入" append-to-body :visible.sync="excelBox1" width="555px">
          <avue-form :option="excelOption1" v-model="excelForm1" :upload-after="uploadAfter1">
            <template slot="excelTemplate">
              <el-button type="primary" @click="handleTemplate1">
                点击下载<i class="el-icon-download el-icon--right"></i>
              </el-button>
            </template>
          </avue-form>
        </el-dialog>
        <el-dialog title="个人照片批量上传" append-to-body :visible.sync="excelBox2" width="555px">
          <avue-form :option="excelOption2" v-model="excelForm2" :upload-after="uploadAfter2">
          </avue-form>
        </el-dialog>
        <el-dialog title="健康状况图片(健康证)批量上传" append-to-body :visible.sync="excelBoxHealth" width="555px">
          <avue-form :option="excelOptionHealth" v-model="excelFormHealth" :upload-after="uploadAfterHealth">
          </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>
        </el-dialog>
        <el-dialog title="证件核实申请" :visible.sync="securityCheckApplyvisible" width="width" :modal="true"
          :modal-append-to-body="true" :append-to-body="true" :close-on-click-modal="false" :close-on-press-escape="false"
          :before-close="dialogBeforeClose">
          <div>
            <avue-form ref="formSecurityCheckApply" :option="optionSecurityCheckApply" v-model="formSecurityCheckApply"
              @reset-change="emptytChange" @submit="submitSecurityCheckApply">
            </avue-form>
          </div>
        </el-dialog>
                    <span slot="footer" class="dialog-footer">
                        <el-button @click="roleBox = false">取 消</el-button>
                        <el-button type="primary" @click="submitRole">确 定</el-button>
                    </span>
                </el-dialog>
                <el-dialog title="用户数据导入" append-to-body :visible.sync="excelBox" width="555px">
                    <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
                        <template slot="excelTemplate">
                            <el-button type="primary" @click="handleTemplate">
                                点击下载<i class="el-icon-download el-icon--right"></i>
                            </el-button>
                        </template>
                    </avue-form>
                </el-dialog>
                <el-dialog title="用户平台配置" append-to-body :visible.sync="platformBox">
                    <avue-crud :option="platformOption" :table-loading="platformLoading" :data="platformData"
                        ref="platformCrud" v-model="platformForm" :before-open="platformBeforeOpen"
                        :page.sync="platformPage" :permission="platformPermissionList" @row-update="platformRowUpdate"
                        @search-change="platformSearchChange" @search-reset="platformSearchReset"
                        @selection-change="platformSelectionChange" @current-change="platformCurrentChange"
                        @size-change="platformSizeChange" @refresh-change="platformRefreshChange" @on-load="platformOnLoad">
                        <template slot-scope="{ row }" slot="tenantName">
                            <el-tag>{{ row.tenantName }}</el-tag>
                        </template>
                        <template slot-scope="{ row }" slot="userTypeName">
                            <el-tag>{{ row.userTypeName }}</el-tag>
                        </template>
                    </avue-crud>
                </el-dialog>
                <el-dialog title="保安员导入" append-to-body :visible.sync="excelBox1" width="555px">
                    <avue-form :option="excelOption1" v-model="excelForm1" :upload-after="uploadAfter1">
                        <template slot="excelTemplate">
                            <el-button type="primary" @click="handleTemplate1">
                                点击下载<i class="el-icon-download el-icon--right"></i>
                            </el-button>
                        </template>
                    </avue-form>
                </el-dialog>
                <el-dialog title="个人照片批量上传" append-to-body :visible.sync="excelBox2" width="555px">
                    <avue-form :option="excelOption2" v-model="excelForm2" :upload-after="uploadAfter2">
                    </avue-form>
                </el-dialog>
                <el-dialog title="健康状况图片(健康证)批量上传" append-to-body :visible.sync="excelBoxHealth" width="555px">
                    <avue-form :option="excelOptionHealth" v-model="excelFormHealth" :upload-after="uploadAfterHealth">
                    </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>
                </el-dialog>
                <el-dialog title="证件核实申请" :visible.sync="securityCheckApplyvisible" width="width" :modal="true"
                    :modal-append-to-body="true" :append-to-body="true" :close-on-click-modal="false"
                    :close-on-press-escape="false" :before-close="dialogBeforeClose">
                    <div>
                        <avue-form ref="formSecurityCheckApply" :option="optionSecurityCheckApply"
                            v-model="formSecurityCheckApply" @reset-change="emptytChange"
                            @submit="submitSecurityCheckApply">
                        </avue-form>
                    </div>
                </el-dialog>
        <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">
          <div>
            <avue-form ref="formLeaveInfo" :option="optionLeaveInfo" v-model="formLeaveInfo"
                        @submit="leaveInfoSubmit">
            </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">
                    <div>
                        <avue-form ref="formLeaveInfo" :option="optionLeaveInfo" v-model="formLeaveInfo"
                            @submit="leaveInfoSubmit">
                        </avue-form>
                    </div>
                </el-dialog>
        <div style="position: fixed; top: 9999px; width: 100%; height: 100%">
          <div class="certificate_box" id="certificateDom">
            <div class="security_main" ref="certificateBox">
              <div class="security_m_l_titleName widt">
                {{ certificateObj.realName }}
              </div>
              <div class="security_m_r_o_jg widt">晋城市公安局</div>
              <div class="security_m_l_titlepaperTimenian widt">
                {{ certificateYear }}
              </div>
              <div class="security_m_l_titlepaperTimeyue widt">
                {{ certificateMonth }}
              </div>
              <div class="security_m_l_downsecuritynumber widt">
                {{ certificateObj.securitynumber }}
              </div>
              <div class="security_m_r_o_right widt">
                {{ certificateObj.realName }}
              </div>
              <div class="security_m_r_o_rightbirthday widt">
                {{
                  certificateObj.cardid
                  ? certificateObj.cardid.slice(6, 10) +
                  "." +
                  certificateObj.cardid.slice(10, 12) +
                  "." +
                  certificateObj.cardid.slice(12, 14)
                  : ""
                }}
              </div>
              <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
                {{ certificateObj.registered }}
              </div>
              <div class="security_m_r_o_rightcardid">
                {{ certificateObj.cardid }}
              </div>
            </div>
          </div>
                <div style="position: fixed; top: 9999px; width: 100%; height: 100%">
                    <div class="certificate_box" id="certificateDom">
                        <div class="security_main" ref="certificateBox">
                            <div class="security_m_l_titleName widt">
                                {{ certificateObj.realName }}
                            </div>
                            <div class="security_m_r_o_jg widt">晋城市公安局</div>
                            <div class="security_m_l_titlepaperTimenian widt">
                                {{ certificateYear }}
                            </div>
                            <div class="security_m_l_titlepaperTimeyue widt">
                                {{ certificateMonth }}
                            </div>
                            <div class="security_m_l_downsecuritynumber widt">
                                {{ certificateObj.securitynumber }}
                            </div>
                            <div class="security_m_r_o_right widt">
                                {{ certificateObj.realName }}
                            </div>
                            <div class="security_m_r_o_rightbirthday widt">
                                {{
                                    certificateObj.cardid
                                    ? certificateObj.cardid.slice(6, 10) +
                                    "." +
                                    certificateObj.cardid.slice(10, 12) +
                                    "." +
                                    certificateObj.cardid.slice(12, 14)
                                    : ""
                                }}
                            </div>
                            <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
                                {{ certificateObj.registered }}
                            </div>
                            <div class="security_m_r_o_rightcardid">
                                {{ certificateObj.cardid }}
                            </div>
                        </div>
                    </div>
                </div>
            </basic-container>
        </el-col>
        <div :class="[
            'downSFZ',
            $store.state.control.windowWidth >= 1024
                ? 'downSFZqudong'
                : 'downSFZqudongS'
        ]">
            <el-checkbox v-model="radio" :disabled="SFZloding">使用身份证设备</el-checkbox>
            <el-button type="text" v-show="haveSEL == 'noDrive' || haveSEL == 'noEquipment'" @click="SFZopens"
                :loading="SFZloding">{{ sfzButTitle }}</el-button>
            <!-- <div style="font-size: 14px">连接身份证设备失败</div> -->
            <!-- v-show="haveSEL == 'noDrive'" -->
            <!-- href="http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar" -->
            <!-- <a href="javascript;">未安装身份证驱动,点击下载</a> -->
        </div>
      </basic-container>
    </el-col>
    <div :class="[
      'downSFZ',
      $store.state.control.windowWidth >= 1024
        ? 'downSFZqudong'
        : 'downSFZqudongS'
    ]">
      <el-checkbox v-model="radio" :disabled="SFZloding">使用身份证设备</el-checkbox>
      <el-button type="text" v-show="haveSEL == 'noDrive' || haveSEL == 'noEquipment'" @click="SFZopens"
        :loading="SFZloding">{{ sfzButTitle }}</el-button>
      <!-- <div style="font-size: 14px">连接身份证设备失败</div> -->
      <!-- v-show="haveSEL == 'noDrive'" -->
      <!-- href="http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar" -->
      <!-- <a href="javascript;">未安装身份证驱动,点击下载</a> -->
    </div>
  </el-row>
    </el-row>
</template>
<script>
// 身份证引入
import CertCtl from "./sfzJS";
import CertCtl from "./sfzJS"
import {
  getUser,
  getUserPlatform,
  remove,
  update,
  updatePlatform,
  securitySave,
  grant,
  resetPassword,
  getUserPractitionersInfo,
  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";
    getUser,
    getUserPlatform,
    remove,
    update,
    updatePlatform,
    securitySave,
    grant,
    resetPassword,
    getUserPractitionersInfo,
    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"
//加载指纹类
import Client from "./Client";
import Client from "./Client"
export default {
  data() {
    // const validatePass = (rule, value, callback) => {
    //   if (value === "") {
    //     callback(new Error("请输入密码"));
    //   } else {
    //     callback();
    //   }
    // };
    // const validatePass2 = (rule, value, callback) => {
    //   if (value === "") {
    //     callback(new Error("请再次输入密码"));
    //   } else if (value !== this.form.password) {
    //     callback(new Error("两次输入密码不一致!"));
    //   } else {
    //     callback();
    //   }
    // };
    // const validatePassNumber = (rule, value, callback) => {
    //   var test = /^[0-9]*$/gm;
    //   if (!test.test(value)) {
    //     callback(new Error("请输入数字"));
    //   } else {
    //     callback();
    //   }
    // };
    var date = new Date();
    let year = date.getFullYear(),
      mouth = date.getMonth() + 1,
      day = date.getDate(),
      oldy,
      oldm,
      oldd,
      ok = false;
    var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1]; // 加权因子
    var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2]; // 身份证验证位值.10代表X
    /**
     * 判断身份证号码为18位时最后的验证位是否正确
     * @param a_idCard 身份证号码数组
     * @return
     */
    function isTrueValidateCodeBy18IdCard(a_idCard) {
      var sum = 0; // 声明加权求和变量
      if (a_idCard[17].toLowerCase() == "x") {
        a_idCard[17] = 10; // 将最后位为x的验证码替换为10方便后续操作
      }
      for (var i = 0; i < 17; i++) {
        sum += Wi[i] * a_idCard[i]; // 加权求和
      }
      let valCodePosition = sum % 11; // 得到验证码所位置
      if (a_idCard[17] == ValideCode[valCodePosition]) {
        return true;
      } else {
        return false;
      }
    }
    /**
     * 验证18位数身份证号码中的生日是否是有效生日
     * @param idCard 18位书身份证字符串
     * @return
     */
    function isValidityBrithBy18IdCard(idCard18) {
      var year = idCard18.substring(6, 10);
      var month = idCard18.substring(10, 12);
      var day = idCard18.substring(12, 14);
      var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
      // 这里用getFullYear()获取年份,避免千年虫问题
      if (
        temp_date.getFullYear() != parseFloat(year) ||
        temp_date.getMonth() != parseFloat(month) - 1 ||
        temp_date.getDate() != parseFloat(day)
      ) {
        return false;
      } else {
        return true;
      }
    }
    //去掉字符串头尾空格
    function trim(str) {
      return str.replace(/(^\s*)|(\s*$)/g, "");
    }
    /**
     * 身份证号码账号校验
     */
    let useBack = "";
    function checkAccount(idCard, callback) {
      var data = {
        cardid: idCard
      };
      if (window.deptIdss) {
        data["deptId"] = window.deptIdss;
      }
      //调用接口校验
      if (useBack != idCard) {
        useBack = idCard;
        checkAccountByUser(data)
          .then(res => {
            useBack = "ok";
            callback();
          })
          .catch(error => {
            callback("当前身份证号码已录入!");
          });
      } else if (useBack == "ok") {
        callback();
      } else {
        console.log("cf");
        callback(new Error("当前身份证号码已录入!"));
      }
    }
    const validatePassCardid = (rule, value, callback) => {
      let ok = false;
      if (value.length == 18) {
        let idCard = trim(value.replace(/ /g, ""));
        var a_idCard = idCard.split("");
        if (
          isValidityBrithBy18IdCard(idCard) &&
          isTrueValidateCodeBy18IdCard(a_idCard)
        ) {
          //进行18位身份证的基本验证和第18位的验证
          ok = true;
        } else {
          ok = false;
        }
      } else {
        ok = false;
      }
      if (ok) {
        // console.log(this.nowCell,123456);
        if (this.type == 1 || this.nowCell == 2) {
          //修改不校验身份证hao
          callback();
        } else {
          //调用接口进行账户重复校验
          checkAccount(value, callback);
        }
      } else {
        callback(new Error("身份证错误"));
      }
    };
    const validatePassPhone = (rule, value, callback) => {
      var test = /^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9]|19[0-9])\d{8}$/g;
      if (!test.test(value)) {
        callback(new Error("请输入正确手机号码"));
      } else {
        callback();
      }
    };
    return {
      excelBoxHealth: false,
      excelBoxNoCriminal: false,
      startTimecc: null,
      sort: "",
      type: 2,
      sortName: "",
      nowCell: "", //空为手动,2为身份证设备读取
      // 表格数据
      defaults: {},
      // 身份证设备数据
      SFZloding: false,
      sfzButTitle: "",
      radio: false, //选择状态
      haveSEL: "", //设备状态
      cardShebei: "",
      intTime: "", //自动获取身份证;
      haveCardid: false, //读卡开关
      // 指纹数据
      isopen: false, //识别是否需要传指纹进去(解决异步传递后指纹DOM不存在的问题)
      zhiwenImg: "",
      zhiwenChart: "",
      zhiwenTitle: "开始采集",
      Client: "", //实例化指纹采集类合集
      isOr: true,
      begin_cap: false,
      RAWzhiwen: "",
      yuzhi: 60, //指纹获取结束阈值
      // 指纹数据
      certificateYear: null,
      certificateMonth: null,
      certificateFlag: false,
      certificateObj: {
        realName: "",
        securitynumber: "",
        cardid: "",
        registered: ""
      },
      securityid: "",
      excelBox1: false,
      excelBox2: false,
      isSecurity: true,
      securityCheckApplyvisible: false,
      excelForm1: {},
      excelOption1: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "文件上传",
            prop: "excelFile",
            type: "upload",
            drag: true,
            loadText: "文件上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            tip: "请上传 .xls,.xlsx 标准格式文件",
            action: "/api/blade-user/import-security?deptId=" + this.deptIds
          },
          {
            label: "模板下载",
            prop: "excelTemplate",
            formslot: true,
            span: 24
          }
        ]
      },
      excelForm2: {},
      excelOption2: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "文件上传",
            prop: "file",
            type: "upload",
            drag: true,
            loadText: "文件上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            data: {
              type: 1
            },
            tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
            action: "/api/blade-resource/oss/endpoint/put-file-zip"
          }
        ]
      },
      // 健康状态凭证上传
      excelFormHHealth: {},
      excelOptionHealth: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "文件上传",
            prop: "file",
            type: "upload",
            drag: true,
            loadText: "文件上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            data: {
              type: 2
            },
            tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
            action: "/api/blade-resource/oss/endpoint/put-file-zip"
          }
        ]
      },
      // 无犯罪记录图片
      excelFormNoCriminal: {},
      excelOptionNoCriminal: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "文件上传",
            prop: "file",
            type: "upload",
            drag: true,
            loadText: "文件上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            //额外的参数
            data: {
              type: 3
            },
            tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
            action: "/api/blade-resource/oss/endpoint/put-file-zip"
          }
        ]
      },
      form: {},
      search: {},
      roleBox: false,
      excelBox: false,
      platformBox: false,
      initFlag: true,
      selectionList: [],
      query: {},
      loading: true,
      platformLoading: false,
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize
      },
      roleId: "1412226235153731586",
      deptId: "1413470343230877697",
      deptIds: "",
      platformPage: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        ...this.$store.state.control.changePageSize
      },
      init: {
        roleTree: [],
        deptTree: []
      },
      props: {
        label: "title",
        value: "key"
      },
      roleGrantList: [],
      roleTreeObj: [],
      treeDeptId: "",
      treeData: [],
      treeOption: {
        nodeKey: "id",
        lazy: true,
        treeLoad: function (node, resolve) {
          const parentId = node.level === 0 ? 0 : node.data.id;
          getDeptLazyTree(parentId).then(res => {
            resolve(
              res.data.data.map(item => {
                return {
                  ...item,
                  leaf: !item.hasChildren
                };
              })
            );
          });
        },
        addBtn: false,
        menu: false,
        size: "small",
        props: {
          labelText: "标题",
          label: "title",
          value: "value",
          children: "children"
        }
      },
      choiceList: [],
      deptIdss: "",
      optionSecurityCheckApply: {
        height: "auto",
        calcHeight: 30,
        dialogWidth: 1000,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        index: true,
        stripe: true,
        viewBtn: false,
        addBtn: false,
        editBtn: false,
        selection: true,
        excelBtn: false,
        menuWidth: 230,
        dialogClickModal: false,
        column: [
          {
            label: "姓名",
            prop: "realName",
            labelWidth: 110,
            disabled: true,
            rules: [
              {
                required: true,
                message: "请输入姓名",
                trigger: "blur"
              }
            ]
          },
          {
            label: "保安证编号",
            prop: "number",
            labelWidth: 110,
            disabled: false,
            rules: [
              {
                required: true,
                message: "请输入保安证编号",
                trigger: "blur"
              }
            ]
          },
          {
            label: "保安员证图片",
            prop: "url",
            labelWidth: 110,
            type: "upload",
            span: 24,
            listType: "picture-img",
            tip: "上传jpg/png文件,图片不超过1M",
            propsHttp: {
              res: "data",
              url: "url"
            },
            canvasOption: {
              text: " ",
              ratio: 1.0
            },
            action: "/api/blade-resource/oss/endpoint/put-files",
            rules: [
              {
                required: true,
                message: "请上传保安员证图片",
                trigger: "blur"
              }
            ]
          },
          {
            label: "申请理由",
            labelWidth: 110,
            span: 24,
            type: "textarea",
            prop: "applyReason"
          }
        ]
      },
      formSecurityCheckApply: {},
      option: {
        searchIndex: 6, //收缩展示数量
        searchIcon: true, //搜索是否收缩
        height: "auto",
        calcHeight: 80,
        tip: true,
        searchShow: true,
        reserveSelection: true,
        // selectable: row => {
        //   if (
        //     row.hold !== "1" ||
        //     row.securitynumber == null ||
        //     row.securitynumber == ""
        //   ) {
        //     return false;
    data () {
        // const validatePass = (rule, value, callback) => {
        //   if (value === "") {
        //     callback(new Error("请输入密码"));
        //   } else {
        //     return true;
        //     callback();
        //   }
        // },
        indexWidth: 55,
        searchMenuSpan: 6,
        stripe: true,
        border: true,
        // delBtn: true,
        align: "center",
        index: true,
        // delBtnText: "注销",
        menuWidth: 90,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
        //dialogType: 'drawer',
        dialogClickModal: false,
        column: securityFormPageColumn,
        ...this.$store.state.control.clearOtherBut,
        // addBtn: false,
        editBtn: false,
        group: [
          {
            label: "基础信息",
            labelWidth: "110",
            prop: "baseInfo",
            icon: "el-icon-user-solid",
            column: [
              {
                label: "企业名称",
                prop: "deptId",
                type: "tree",
                props: {
                  label: "title",
                  value: "id"
                },
                labelWidth: 120,
                rules: [
                  {
                    required: true,
                    message: "请选择保安公司",
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "姓名",
                prop: "realName",
                disabled: false,
                labelWidth: 120,
                rules: [
                  {
                    required: true,
                    message: "请输入姓名",
                    trigger: "blur"
                  },
                  {
                    min: 2,
                    max: 5,
                    message: "姓名长度在2到5个字符"
                  }
                ]
              }
            ]
          },
          {
            label: "详细信息",
            prop: "detailInfo",
            labelWidth: "110",
            icon: "el-icon-s-order",
            column: [
              {
                label: "身份证号",
                prop: "cardid",
                hide: true,
                overHidden: true,
                labelWidth: 120,
                rules: [
                  {
                    required: true,
                    message: "请输入身份证号",
                    trigger: "blur"
                  },
                  {
                    required: true,
                    validator: validatePassCardid,
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "手机号码",
                prop: "phone",
                overHidden: true,
                labelWidth: 120,
                rules: [
                  {
                    required: true,
                    message: "请输入手机号",
                    trigger: "blur"
                  },
                  {
                    required: true,
                    validator: validatePassPhone,
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "个人照片",
                type: "upload",
                listType: "picture-img",
                labelWidth: 120,
                propsHttp: {
                  res: "data",
                  url: "url"
                },
                canvasOption: {
                  text: " ",
                  ratio: 1.0
                },
                action: "/api/blade-resource/oss/endpoint/put-files",
                tip:
                  "上传近期一寸彩色正面免冠图象, (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
                span: 12,
                // row: true,
                prop: "avatar"
              },
              {
                label: "指纹信息",
                // type: "upload",
                // listType: "picture-img",
                // propsHttp: {
                //   res: "data",
                //   url: "url",
                // },
                // canvasOption: {
                //   text: " ",
                //   ratio: 0.1,
                // },
                // action: "/api/blade-resource/oss/endpoint/put-files",
                // tip: "只能上传jpg/png指纹信息,且不超过500kb",
                span: 12,
                // row: true,
                prop: "fingerprint"
              },
              {
                label: "是否持证",
                prop: "hold",
                type: "select",
                dicData: [
                  {
                    label: "是",
                    value: "1"
                  },
                  {
                    label: "否",
                    value: "2"
                  },
                  {
                    label: "已吊销",
                    value: "3"
                  }
                ],
                rules: [
                  {
                    required: true,
                    message: "请选择是否有持证",
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "保安员证编号",
                prop: "securitynumber",
                hide: true,
                display: true,
                rules: [
                  {
                    required: false,
                    message: "请输入保安员证编号",
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "民族",
                prop: "nation"
              },
              {
                label: "最高学历",
                prop: "education1",
                type: "select",
                dicUrl:
                  "/api/blade-system/dict-biz/dictionary?code=educationType",
                props: {
                  label: "dictValue",
                  value: "dictKey"
                },
                dataType: "number",
                slot: true
              },
              {
                label: "政治面貌",
                prop: "politicaloutlook"
              },
              // {
              //   label: "联系地址",
              //   prop: "address"
              // },
              // {
              //   label: "身份证住址",
              //   prop: "registered",
              //   rules: [
              //     {
              //       required: true,
              //       message: "请输入身份证住址",
              //       trigger: "click"
              //     }
              //   ]
              // },
              {
                label: "所属辖区",
                prop: "jurisdiction",
                // multiple: true,
                type: "tree",
                dicUrl: "/api/jurisdiction/lazy-tree",
                props: {
                  label: "title",
                  value: "id"
                },
                checkStrictly: true,
                slot: true,
                rules: [
                  {
                    required: false,
                    message: "请选择所属辖区",
                    trigger: "click"
                  }
                ]
              },
              {
                label: "从业单位",
                prop: "unitName",
                rules: [
                  {
                    required: true,
                    message: "请输入从业单位",
                    trigger: "click"
                  }
                ]
              },
              {
                label: "性别",
                prop: "sex",
                type: "select",
                slot: true,
                dicData: [
                  {
                    label: "男",
                    value: 1
                  },
                  {
                    label: "女",
                    value: 2
                  }
                ],
                rules: [
                  {
                    required: true,
                    message: "请选择性别",
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "婚姻状态",
                prop: "marriageStatus",
                type: "select",
                dicUrl:
                  "/api/blade-system/dict-biz/dictionary?code=marriageStatusType",
                props: {
                  label: "dictValue",
                  value: "dictKey"
                },
                dataType: "number",
                hide: true,
              },
              // {
              //   label: "居住地址",
              //   prop: "dwellAddress",
              //   hide: true,
              //   rules: [
              //     {
              //       required: true,
              //       message: "请输入居住地址",
              //       trigger: "blur"
              //     }
              //   ]
              // },
              {
                label: "户籍地址",
                prop: "permanentResidenceAddress",
                hide: true,
                rules: [
                  {
                    required: true,
                    message: "请输入户籍地址",
                    trigger: "blur"
                  }
                ]
              },
              {
                label: "报考等级",
                prop: "signLevel",
                type: "select",
                dicUrl:
                  "/api/blade-system/dict-biz/dictionary?code=signLevelType",
                props: {
                  label: "dictValue",
                  value: "dictKey"
                },
                dataType: "number",
                hide: true,
              },
              {
                label: "家庭主要成员及联系方式",
                prop: "memberOfFamily",
                type: "textarea",
                span: 24,
                hide: true,
              },
              {
                label: "教育经历",
                prop: "educationExperience",
                type: "textarea",
                span: 24,
                hide: true,
              },
              {
                label: "工作经历",
                prop: "workExperience",
                type: "textarea",
                span: 24,
                hide: true,
              },
              {
                label: "受理机关",
                prop: "acceptancePoliceUnit",
                hide: true,
              },
              {
                label: "受理人",
                prop: "acceptancePerson",
                hide: true,
              },
              {
                label: "受理时间",
                prop: "acceptanceTime",
                type: "date",
                format: "yyyy-MM-dd",
                valueFormat: "yyyy-MM-dd",
                span: 12,
                row: true,
                hide: true,
              },
              {
                label: "健康状况图片(健康证)",
                prop: "healthCertificateUrl",
                type: "upload",
                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",
                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,
              },
            ]
          }
        ]
      },
      data: [],
      platformQuery: {},
      platformSelectionList: [],
      platformData: [],
      platformForm: {},
      platformOption: {
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        index: true,
        selection: true,
        viewBtn: true,
        dialogClickModal: false,
        menuWidth: 120,
        editBtnText: "配置",
        column: [
          {
            label: "登录账号",
            prop: "account",
            search: true,
            display: false
          },
          {
            label: "所属保安单位",
            prop: "tenantName",
            slot: true,
            display: false
          },
          {
            label: "姓名",
            prop: "realName",
            search: true,
            display: false
          },
          {
            label: "平台",
            prop: "userTypeName",
            slot: true,
            display: false
          },
          {
            label: "平台",
            type: "select",
            dicUrl: "/api/blade-system/dict/dictionary?code=user_type",
            props: {
              label: "dictValue",
              value: "dictKey"
            },
            dataType: "number",
            search: true,
            hide: true,
            display: false,
            prop: "userType",
            rules: [
              {
                required: true,
                message: "请选择平台",
                trigger: "blur"
              }
            ]
          },
          {
            label: "拓展",
            prop: "userExt",
            type: "textarea",
            minRows: 8,
            span: 24,
            overHidden: true,
            row: true,
            hide: true
          }
        ]
      },
      excelForm: {},
      excelOption: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: "模板上传",
            prop: "excelFile",
            type: "upload",
            drag: true,
            loadText: "模板上传中,请稍等",
            span: 24,
            propsHttp: {
              res: "data"
            },
            tip: "请上传 .xls,.xlsx 标准格式文件",
            action: "/api/blade-user/import-security"
          },
          // {
          //   label: "数据覆盖",
          //   prop: "isCovered",
          //   type: "switch",
          //   align: "center",
          //   width: 80,
          //   dicData: [
          //     {
          //       label: "否",
          //       value: 0,
          //     },
          //     {
          //       label: "是",
          //       value: 1,
          //     },
          //   ],
          //   value: 0,
          //   slot: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请选择是否覆盖",
          //       trigger: "blur",
          //     },
          //   ],
          // },
          {
            label: "模板下载",
            prop: "excelTemplate",
            formslot: true,
            span: 24
          }
        ]
      },
      tablevisible: true,
      onceTableChange: 1,
      leaveInfoVisible:false,
      formLeaveInfo:{},
      optionLeaveInfo: {
        height: "auto",
        calcHeight: 30,
        dialogWidth: 1000,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        dialogClickModal: false,
        menuPosition:"center",
        emptyBtn:false,
        column: [
          {
            label: "离职原因",
            labelWidth: 110,
            span: 24,
            type: "textarea",
            prop: "reasonForLeav"
          },
          {
            label: "离职单图片",
            prop: "imgForLeav",
            labelWidth: 110,
            type: "upload",
            span: 24,
            listType: "picture-img",
            tip: "上传jpg/png文件,图片不超过1M",
            propsHttp: {
              res: "data",
              url: "url"
            },
            canvasOption: {
              text: " ",
              ratio: 1.0
            },
            action: "/api/blade-resource/oss/endpoint/put-files",
            rules: [
              {
                required: false,
                message: "请上传离职单图片",
                trigger: "blur"
              }
            ]
          },
        ]
      },
    };
  },
  watch: {
    radio() {
      if (this.radio) {
        this.SFZloding = true;
        this.olondSFZ();
      } else {
        if (this.haveSEL != "noDrive" && this.haveSEL != "noEquipment") {
          this.$message({
            type: "warning",
            message: "关闭身份证设备识别!"
          });
        }
      }
    },
    "form.tenantId"() {
      if (this.form.tenantId !== "" && this.initFlag) {
        this.initData(this.form.tenantId);
      }
    },
    "form.deptId": {
      handler(val) {
        if (val) {
          window.deptIdss = val;
        }
      },
      immediate: true
    },
    "form.hold": {
      handler(val) {
        var securitynumbercolumn = this.findObject(
          this.option.group,
          "securitynumber"
        );
        // var emailcolumn = this.findObject(this.option.group, "email");
        if (val == 1) {
          securitynumbercolumn.display = true;
          securitynumbercolumn.rules = [
            {
              required: true,
              message: "请输入保安员证编号",
              trigger: "blur"
        // };
        // const validatePass2 = (rule, value, callback) => {
        //   if (value === "") {
        //     callback(new Error("请再次输入密码"));
        //   } else if (value !== this.form.password) {
        //     callback(new Error("两次输入密码不一致!"));
        //   } else {
        //     callback();
        //   }
        // };
        // const validatePassNumber = (rule, value, callback) => {
        //   var test = /^[0-9]*$/gm;
        //   if (!test.test(value)) {
        //     callback(new Error("请输入数字"));
        //   } else {
        //     callback();
        //   }
        // };
        var date = new Date()
        let year = date.getFullYear(),
            mouth = date.getMonth() + 1,
            day = date.getDate(),
            oldy,
            oldm,
            oldd,
            ok = false
        var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1] // 加权因子
        var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2] // 身份证验证位值.10代表X
        /**
         * 判断身份证号码为18位时最后的验证位是否正确
         * @param a_idCard 身份证号码数组
         * @return
         */
        function isTrueValidateCodeBy18IdCard (a_idCard) {
            var sum = 0 // 声明加权求和变量
            if (a_idCard[17].toLowerCase() == "x") {
                a_idCard[17] = 10 // 将最后位为x的验证码替换为10方便后续操作
            }
          ];
          // emailcolumn.display = true;
        } else {
          securitynumbercolumn.display = false;
          securitynumbercolumn.rules = [
            {
              required: false,
              message: "请输入保安员证编号",
              trigger: "blur"
            for (var i = 0; i < 17; i++) {
                sum += Wi[i] * a_idCard[i] // 加权求和
            }
          ];
          // emailcolumn.display = false;
        }
      },
      immediate: true
    },
    "form.fingerprint"() {
      let that = this;
      if (this.form.fingerprint != undefined) {
        that.isopen = true;
        let isoks = false;
        function sets(state, dom, fingerprint, myPicture) {
          isoks = state;
          dom.onload = function () {
            // var winzhiwen = document.getElementById("zhiwen").contentWindow;
            var winzhiwen = dom.contentWindow;
            winzhiwen.setZhiwenData({
              imgBMP: fingerprint,
              // imgBMP: imgBMP,
              // CID_img_raw: CID_img_raw,
              featuredatas: myPicture,
              isoks: isoks
            });
          };
        }
        var doZhiwen = dom => {
          if (!this.form.id) {
            sets(false, dom);
            return;
          }
          // return;
          getzhiwen(this.form.id).then(res => {
            const data = res.data.data;
            if (that.isopen) {
              if (
                data.fingerprint != "" &&
                data.fingerprint != undefined &&
                data.myPicture != "" &&
                data.myPicture != undefined
              ) {
                sets(true, dom, data.fingerprint, data.myPicture);
              } else {
                sets(false, dom);
              }
            }
          });
        };
        // setTimeout(() => {
        // var iframeDom = document.getElementById("zhiwen");
        //   console.log(iframeDom,111111);
        //   iframeDom.onload = function () {
        //     doZhiwen();
        //   };
        //   doZhiwen();
        // }, 2800);
        //判断是否加载完成指纹dom
        that.checkDom("", dom => {
          // console.log(dom);
          doZhiwen(dom);
        });
      } else {
        that.isopen = false;
      }
    },
    "form.deptId"() {
      this.initData(this.form.tenantId);
    },
    "excelForm.isCovered"() {
      if (this.excelForm.isCovered !== "") {
        const column = this.findObject(this.excelOption.column, "excelFile");
        column.action = `/api/blade-user/import-security?isCovered=${this.excelForm.isCovered}`;
      }
    }
  },
  computed: {
    ...mapGetters([
      "userInfo",
      "permission",
      "windowHeight",
      "windowWidth",
      "screenSize",
      "screenHeight"
    ]),
    permissionList() {
      console.log(this.permission, 789787);
      return {
        addBtn: this.vaildData(this.permission.securityGuard_add, false),
        viewBtn: this.vaildData(null, false),
        delBtn: this.vaildData(null, false),
        editBtn: this.vaildData(this.permission.securityGuard_edit, false),
        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 {
        addBtn: false,
        viewBtn: false,
        delBtn: false,
        editBtn: this.vaildData(this.permission.user_edit, false)
      };
    },
    ids() {
      let ids = [];
      this.selectionList.forEach(ele => {
        ids.push(ele.id);
      });
      return ids.join(",");
    },
    ...mapState({
      userInfo: state => state.user.userInfo
    })
  },
  beforeCreate() { },
  created() {
    var that = this;
    if (this.userInfo.role_name == "办证管理员") {
      this.search["userType"] = 7;
      this.search["hold"] = "1";
    }
    var roleName = this.userInfo.role_name;
    // console.log(this.userInfo,52252);
    // this.userInfo.rname.forEach((roleName) => {
    if (
      roleName == "保安公司管理员" ||
      roleName == "保安" ||
      roleName == "分公司管理员"
    ) {
      //查询保安单位信息(包含子级)
      const column = this.findObject(this.option.column, "deptId");
      // column.search = false;
      //默认全部展开
      column.defaultExpandAll = true;
      column.dicUrl =
        "/api/blade-system/dept/security_lazy-tree?deptId=" +
        this.userInfo.dept_id;
    } else if (
      roleName == "公安管理员" ||
      roleName == "administrator" ||
      this.userInfo.role_name == "民警"
    ) {
      var columnDept = that.findObject(that.option.column, "deptId");
      columnDept.dicUrl =
        "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
        that.userInfo.jurisdiction;
    } else {
      //查询保安单位信息(包含子级)
      const column = this.findObject(this.option.column, "deptId");
      // column.search = false;
      //默认全部展开
      column.dicUrl = "/api/blade-system/dept/security_lazy-tree";
    }
    // });
    if (
      this.userInfo.account == "晋城市保安服务总公司" ||
      this.userInfo.account == "押运分公司"
    ) {
      this.option.column.push({
        label: "持枪证编号",
        prop: "guncode",
        width: 90,
        addDisplay: false,
        editDisplay: false
      });
      this.option.group[1].column.push({
        label: "持枪证编号",
        prop: "guncode"
      });
      this.excelOption1.column[0].action =
        "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id;
    }
  },
  mounted() {
    // console.log(this.screenSize, "screenSize");
    this.option.height = this.screenHeight;
    this.$store.commit("setWindowSizeHeightAdd");
    // this.$store.dispatch("MOUNTED_TABLE_SIZE");
    // this.option.column[0].hide = true
    // 非保安单位模式默认加载管理组数据
    if (!website.tenantMode) {
      this.initData(website.tenantId);
    }
    this.search["status"] = 1;
    if (this.userInfo.roleName == "办证管理员") {
      this.search["userType"] = 7;
    }
    this.deptIds = this.userInfo.dept_id;
    // this.beginzhiwen();
    // this.olondSFZ(); //检查身份证设备是否存在
  },
  methods: {
    checkDom(name, fn) {
      //  声明定时器
      let that = this;
      var timer = null;
      //  检查dom是否执行完成
      function checkDom() {
        let dom = document.getElementById("zhiwen");
        if (dom) {
          //  执行dom加载完成后的操作
          //  清除定时器
          if (!timer) {
            clearTimeout(timer);
          }
          if (fn) {
            //回调函数
            fn(dom);
            return;
          } else {
            return dom;
          }
        } else {
          //  自我调用
          timer = setTimeout(checkDom, 100);
        }
      }
      //  首次执行
      checkDom();
    },
    openccc() {
      console.log(this.zhiwenImg);
      // console.log(this.zhiwenChart);
      // this.Client.CID_Alg_FeatureExtract(
      //         //99是获取特征
      //         // ID_FingerPosition.UNKNOWN,
      //         99,
      //         this.RAWzhiwen
      //       );
      // console.log(this.RAWzhiwen);
    },
    beginzhiwen() {
      //初始化指纹采集系统
      let that = this;
      this.Client = new Client(); //实例化指纹采集类
      //添加指纹消息提醒
      //初始化设备
      this.Client.beginFn = {
        fn: this.Client.CID_Init,
        CID5000: this.Client.CIDDeviceType.CID5000
      };
      this.Client.OnCID_Alg_Begin = function (code, msg) {
        //初始化机器返数据
        if (code == 1) {
          console.log("初始化成功");
          that.zhiwenTitle = "选定指纹";
          that.isOr = false;
          that.beginUseImg(); //开始预览指纹
        } else {
          that.closezhiwen();
          alert("设备被占用或发生不可预料原因   错误码:" + code);
          console.log("算法初始化发生错误   错误码:" + code);
        }
      };
      this.Client.OnCID_Close = function (code, msg) {
        //关闭机器返数据
        if (code == 1) {
          console.log("关闭设备成功");
          that.Client.CID_Alg_FeatureExtract(
            //99是获取特征
            // ID_FingerPosition.UNKNOWN,
            99,
            that.RAWzhiwen
          );
          that.zhiwenTitle = "开始采集";
          that.isOr = true;
        } else {
          console.log("关闭设备发生错误   错误码:" + code);
        }
      };
      this.Client.OnCID_BeginCapture = function (code, msg) {
        //开始使用预览图片模式函数
        // console.log(code, "图片模式开始");
        if (code == 1) {
          that.Client.CID_GetFPBmpData(0);
        } else {
          console.log("开始采集发生错误   错误码:" + code);
        }
      };
      this.Client.OnCID_GetBmpData = function (code, msg, imagedata, feadata) {
        //使用预览图片模式 采集 BMP格式
        // console.log(msg, "图片模式采集");
        if (code == 1) {
          that.zhiwenImg = "data:image/bmp;base64," + imagedata;
          if (that.begin_cap) {
            that.Client.BmpToRaw(imagedata, 256, 360);
          }
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
          console.log("采集发生错误   错误码:" + code);
        }
      };
      // this.Client.OnBmpToRaw = function (code, msg, imagedata) {
      //   //使用预览图片模式  BMP格式转换成RAW
      //   // console.log(code, msg, "BMP格式转换成RAW");
      //   // console.log(imagedata, "BMP格式转换成RAW");
      //   if (code == 0) {
      //     that.RAWzhiwen = imagedata;
      //     // console.log(imagedata);
      //     that.Client.CID_Alg_GetQualityScore(imagedata);
      //   } else {
      //     that.Client.CID_EndCapture(0);
      //     that.begin_cap = false;
      //     console.log("格式转换失败," + code + " " + msg);
      //   }
      // };
      this.Client.OnBmpToRaw = function (code, msg, imagedata) {
        //使用预览图片模式  BMP格式转换成RAW
        // console.log(code, msg, "BMP格式转换成RAW");
        if (code == 0) {
          that.Client.CID_Alg_GetQualityScore(imagedata);
          // console.log(imagedata);
          that.RAWzhiwen = imagedata;
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
          alert("格式转换失败," + code + " " + msg);
        }
      };
      this.Client.OnCID_EndCapture = function (code, msg) {
        //使用预览图片模式  停止采集
        if (code == 1) {
          if (that.begin_cap) {
            that.Client.CID_BeginCapture(0);
          }
        } else {
          that.begin_cap = false;
          console.log("停止采集发生错误   错误码:" + code);
        }
      };
      this.Client.OnCID_Alg_GetQualityScore = function (code, msg, score) {
        //停止获取
        console.log(
          "code:" + code + ";",
          "msg:" + msg + ";",
          "score:" + score + ";",
          "传送RAW图片代码后返回值"
        );
        if (code == 1) {
          if (score >= that.yuzhi) {
            that.begin_cap = false;
            that.Client.CID_EndCapture(0);
            that.Client.CID_Alg_FeatureExtract(
              //99是获取特征
              // ID_FingerPosition.UNKNOWN,
              99,
              that.RAWzhiwen
            );
          } else {
            that.Client.CID_EndCapture(0);
          }
        } else if (code == -9) {
          that.Client.CID_EndCapture(0);
        } else {
          that.Client.CID_EndCapture(0);
          that.begin_cap = false;
          // console.log("获取质量分数发生错误   错误码:" + code);
          console.log("获取质量分数发生错误   错误码:" + code);
        }
      };
      this.Client.OnCID_Alg_FeatureExtract = function (code, msg, featuredata) {
        //获取特征
        if (code == 1) {
          that.zhiwenChart = featuredata;
          console.log("特征提取成功");
          console.log("特征提取成功", that.zhiwenChart);
        } else {
          console.log("特征提取发生错误   错误码:" + code);
        }
      };
    },
    openzhiwen() {
      // 连接指纹助手
      this.Client.Connect_Server(); //成功后台打印Connect Success
      //成功后将自动初始化设备
      //若不成功将重复2秒计时重连设备
    },
    closezhiwen() {
      // 关闭指纹设备
      if (!this.Client.isConnect) {
        console.log("助手程序未连接");
        return;
      }
      this.Client.CID_Close();
    },
    beginUseImg() {
      //开始预览图片
      if (!this.Client.isConnect) {
        alert("助手程序未连接");
        return;
      }
      this.begin_cap = true;
      this.Client.CID_BeginCapture(0);
    },
    handleImport1() {
      this.excelBox1 = true;
    },
    uploadAfter1(res, done, loading, column) {
      window.console.log(column);
      this.excelBox1 = false;
      this.refreshChange();
      done();
    },
    handleTemplate1() {
      // if (
      //   this.userInfo.account == "晋城市保安服务总公司" ||
      //   this.userInfo.account == "押运分公司"
      // ) {
      //   window.open(
      //     `/api/blade-user/export-template-securityYy?${this.website.tokenHeader
      //     }=${getToken()}`
      //   );
      //   return;
      // }
      window.open(
        `/api/blade-user/export-template-security?${this.website.tokenHeader
        }=${getToken()}`
      );
    },
    // 头像批量上传
    handleImport2() {
      this.excelBox2 = true;
    },
    uploadAfter2(res, done, loading, column) {
      window.console.log(column);
      this.excelBox2 = false;
      this.refreshChange();
      done();
    },
    // 健康状况图片(健康证)
    handleImportHealth() {
      this.excelBoxHealth = true;
    },
    uploadAfterHealth(res, done, loading, column) {
      window.console.log(column);
      this.excelBoxHealth = false;
      this.refreshChange();
      done();
    },
    // 无犯罪记录图片
    handleImportNoCriminal() {
      this.excelBoxNoCriminal = true;
    },
    uploadAfterNoCriminal(res, done, loading, column) {
      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;
        setTimeout(() => {
          this.Print();
        }, 500);
      }
    },
    Print() {
      if (
        this.certificateObj.registered == "" ||
        this.certificateObj.registered == null
      ) {
        this.$message({ message: "请完善身份证住址信息", type: "warning" });
        return;
      }
      //更新发证时间
      var printDom = document.getElementById("certificateDom");
      printDom.style.position = "absolute";
      printDom.style.top = "-25.0%";
      printDom.style.left = "-23%";
      printDom.style.width = "120%";
      printDom.style.height = "100%";
      printDom.style.fontFamily = "SimSun";
      this.$print("#certificateDom", {
        noPrint: ".noPrint",
        onStart: () => {
          // console.log('打印开始', Date.parse(new Date()));
        },
        onEnd: () => {
          this.updateUserInfo();
          // console.log('打印完成', Date.parse(new Date()));
        }
      });
    },
    getNewTime() {
      var nowTime = new Date();
      var oneHoursAgo = new Date(
        new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
      );
      var oneHoursAgoY = oneHoursAgo.getFullYear();
      var oneHoursAgoM =
        oneHoursAgo.getMonth() + 1 < 10
          ? "0" + (oneHoursAgo.getMonth() + 1)
          : oneHoursAgo.getMonth() + 1;
      /**
       * @return 返回1小时,2小时,3小时,4小时,24小时
       */
      return [oneHoursAgoY, oneHoursAgoM];
    },
    //更新用户发证时间
    updateUserInfo() {
      var nowTime = new Date();
      var oneHoursAgo = new Date(
        new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
      );
      var oneHoursAgoY = oneHoursAgo.getFullYear();
      var oneHoursAgoM =
        oneHoursAgo.getMonth() + 1 < 10
          ? "0" + (oneHoursAgo.getMonth() + 1)
          : oneHoursAgo.getMonth() + 1;
      var day = oneHoursAgo.getDay();
      var date = oneHoursAgoY + "-" + oneHoursAgoM + "-" + day;
      const data = {
        id: this.certificateObj.id,
        userType: 6,
        paperTime: date
      };
      updatePaperTime(data);
    },
    rowClickSelf(deptId) {
      var data = {
        departmentid: deptId
      };
      getInformationDetails(data).then(res => {
        var obj = res.data.data;
        var data = JSON.stringify(obj);
        this.$router.push({
          path: "/securityUnitChild",
          query: { data: data }
        });
      });
    },
    nodeClick(data) {
      this.treeDeptId = data.id;
      this.page.currentPage = 1;
      this.onLoad(this.page);
    },
    initData(tenantId) {
      // getRoleTree(tenantId).then((res) => {
      //   const column = this.findObject(this.option.group, "roleId");
      //   column.dicData = res.data.data;
      // });
      // getDeptTree(tenantId).then((res) => {
      //   const column = this.findObject(this.option.group, "deptId");
      //   column.dicData = res.data.data;
      // });
      // getPostList(tenantId).then((res) => {
      //   const column = this.findObject(this.option.group, "postId");
      //   column.dicData = res.data.data;
      // });
    },
    submitRole() {
      const roleList = this.$refs.treeRole.getCheckedKeys().join(",");
      grant(this.ids, roleList).then(() => {
        this.roleBox = false;
        this.$message({
          type: "success",
          message: "操作成功!"
        });
        this.onLoad(this.page);
      });
    },
    //制证申请
    handleSecurityApply() {
      if (this.choiceList.length === 0) {
        this.$message.warning("请勾选至少一位持证保安员");
        return;
      }
      this.$confirm(
        "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(() => {
          let cho = this.choiceList;
          let str = "";
          for (let k in cho) {
            str += cho[k].id;
            if (k != cho.length - 1) {
              str += ",";
            }
          }
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type: 1
          };
          return securityApply(data);
        })
        .then(() => {
          this.$refs.crud.toggleSelection();
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
    },
    //证书制证申请
    handleSecurityPaperApply() {
      if (this.choiceList.length === 0) {
        this.$message.warning("请勾选至少一位持证保安员");
        return;
      }
      this.$confirm(
        "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(() => {
          let cho = this.choiceList;
          let str = "";
          for (let k in cho) {
            str += cho[k].id;
            if (k != cho.length - 1) {
              str += ",";
            }
          }
          const data = {
            ids: str,
            createUser: this.userInfo.user_id,
            type: 2
          };
          return securityApply(data);
        })
        .then(() => {
          this.$refs.crud.toggleSelection();
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
    },
    // 证件核实申请
    rowCheckApply(row) {
      this.formSecurityCheckApply = {
        id: null,
        realName: row.realName,
        userId: row.id
      };
      this.securityCheckApplyvisible = true;
    },
    //证件核实申请提交
    submitSecurityCheckApply(row, done, loading) {
      var that = this;
      row["createUser"] = this.userInfo.Id;
      add(row).then(() => {
        that.$refs.formSecurityCheckApply.resetFields();
        this.$message({
          type: "success",
          message: `操作成功`
        });
        this.securityCheckApplyvisible = false;
        this.onLoad(this.page);
        done();
      });
      error => {
        window.console.log(error);
      };
    },
    //保安员信息导出
    handleExportSecurityInfo() {
      this.$confirm("是否导出保安员信息数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        var data = {
          cardid: this.search.cardid,
          deptId: this.search.deptId,
          roleAlias: "111",
          hold: this.search.hold,
          realName: this.search.realName,
          securitynumber: this.search.securitynumber,
          status: this.search.status,
          userType: this.search.startTime,
          examinationType: this.search.examinationType,
          dispatch: this.search.dispatch,
          isFingerprint: this.search.isFingerprint,
          isAvatar: this.search.isAvatar
        };
        // console.log(data,123456);
        //导出
        if (this.userInfo.role_name == "保安公司管理员") {
          //如果是保安公司管理员
          if (this.search.deptId) {
            data["deptId"] = this.search.deptId;
          } else {
            data["deptId"] = this.userInfo.dept_id;
          }
        }
        if (this.userInfo.role_name == "培训公司管理员") {
          //如果是培训公司管理员
          data["trainingUnitId"] = this.userInfo.Id;
        }
        if (
          this.userInfo.role_name == "公安管理员" ||
          this.userInfo.role_name == "民警"
        ) {
          //如果是公安管理员
          data["jurisdiction"] = this.userInfo.jurisdiction;
        }
        //序列号url形式,用&拼接
        data = Qs.stringify(data);
        window.open(
          `/api/blade-user/export-security-info?${this.website.tokenHeader
          }=${getToken()}&` + data
        );
      });
    },
    rowSave(row, done, loading) {
      var winzhiwen = document.getElementById("zhiwen").contentWindow;
      let zhiwen = winzhiwen.outZhiwenData();
      if (row.deptId) {
        row.deptId = row.deptId;
      }
      if (row.roleId) {
        row.roleId = row.roleId.join(",");
      }
      if (row.postId) {
        row.postId = row.postId.join(",");
      }
      const userMap = {
        user: {
          //是否是身份证自动识别进入
          cell: this.nowCell,
          //指纹↓
          fingerprint: zhiwen.imgBMP, //图
          myPicture: zhiwen.featuredata, //特征
          //指纹↑
          account: row.account,
          avatar: row.avatar,
          // fingerprint: row.fingerprint,
          healstats: row.healstats,
          birthday: row.birthday,
          cardid: row.cardid,
          deptId: row.deptId,
          education: row.education1,
          email: row.email,
          height: row.height,
          hold: row.hold,
          jurisdiction: row.jurisdiction,
          // myPicture: row.myPicture,
          name: row.name,
          nation: row.nation,
          nativeplace: row.nativeplace,
          password: row.password,
          password2: row.password2,
          phone: row.phone,
          politicaloutlook: row.politicaloutlook,
          realName: row.realName,
          securitynumber: row.securitynumber,
          sex: row.sex,
          guncode: row.guncode,
        },
        userDetail: {
          marriageStatus: row.marriageStatus,
          signLevel: row.signLevel,
          permanentResidenceAddress: row.permanentResidenceAddress,
          dwellAddress: row.dwellAddress,
          memberOfFamily: row.memberOfFamily,
          educationExperience: row.educationExperience,
          workExperience: row.workExperience,
          healthCertificateUrl: row.healthCertificateUrl,
          noCriminalRecordProveUrl: row.noCriminalRecordProveUrl,
          acceptancePoliceUnit: row.acceptancePoliceUnit,
          acceptancePerson: row.acceptancePerson,
          acceptanceTime: row.acceptanceTime,
          unitName: row.unitName,
        }
      };
      securitySave(userMap).then(
        res => {
          // console.log(res.data,111111111111111111);
          this.initFlag = false;
          if (res.data.code == 200) {
            this.$alert("账号为身份证号码,密码为身份证后六位", "温馨提示", {
              confirmButtonText: "确定",
              callback: action => {
                this.$message({
                  type: "success",
                  message: `操作成功`
                });
                this.onLoad(this.page);
                done();
              }
            });
          }
          //保安员证编号不匹配的情况
          if (res.data.code == 201) {
            this.$alert(
              "用户新增成功!账号为身份证号码,密码为身份证后六位!注:当前保安证编号不匹配,请核实!也可通过提供保安证件信息提交核实申请!",
              "温馨提示",
              {
                confirmButtonText: "确定",
                callback: action => {
                  this.$message({
                    type: "success",
                    message: `操作成功`
                  });
                  this.onLoad(this.page);
                  done();
                }
              }
            );
          }
        },
        error => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowUpdate(row, index, done, loading) {
      row.deptId = row.deptId;
      row.roleId = row.roleId.join(",");
      // row.postId = row.postId.join(",");
      //值替换,education 放在页面会卡死
      var winzhiwen = document.getElementById("zhiwen").contentWindow;
      let zhiwen = winzhiwen.outZhiwenData();
      // console.log(zhiwen);
      if (zhiwen.isoks) {
        row.fingerprint = zhiwen.imgBMP;
        row.myPicture = zhiwen.featuredata;
      }
      //是否是身份证自动识别进入
      if (row.cell != "2") {
        row["cell"] = this.nowCell;
      }
      const userMap = {
        user: {
          id: row.id,
          //是否是身份证自动识别进入
          cell: row.cell,
          //指纹↓
          fingerprint: row.fingerprint, //图
          myPicture: row.myPicture, //特征
          //指纹↑
          account: row.account,
          avatar: row.avatar,
          healstats: row.healstats,
          birthday: row.birthday,
          cardid: row.cardid,
          deptId: row.deptId,
          education: row.education1,
          email: row.email,
          height: row.height,
          hold: row.hold,
          jurisdiction: row.jurisdiction,
          name: row.name,
          nation: row.nation,
          nativeplace: row.nativeplace,
          phone: row.phone,
          politicaloutlook: row.politicaloutlook,
          realName: row.realName,
          securitynumber: row.securitynumber,
          sex: row.sex,
          guncode: row.guncode
        },
        userDetail: {
          id: row.userDetailId,
          userId: row.id,
          marriageStatus: row.marriageStatus,
          signLevel: row.signLevel,
          permanentResidenceAddress: row.permanentResidenceAddress,
          dwellAddress: row.dwellAddress,
          memberOfFamily: row.memberOfFamily,
          educationExperience: row.educationExperience,
          workExperience: row.workExperience,
          healthCertificateUrl: row.healthCertificateUrl,
          noCriminalRecordProveUrl: row.noCriminalRecordProveUrl,
          acceptancePoliceUnit: row.acceptancePoliceUnit,
          acceptancePerson: row.acceptancePerson,
          acceptanceTime: row.acceptanceTime,
          unitName: row.unitName,
        }
      };
      update(userMap).then(
        res => {
          this.initFlag = false;
          this.onLoad(this.page);
          if (res.data.code == 200) {
            this.$message({
              type: "success",
              message: "操作成功!"
            });
          }
          if (res.data.code == 201) {
            this.$alert(
              "修改成功!注:当前保安证编号不匹配,请核实!也可通过提供保安证件信息提交核实申请!",
              "温馨提示",
              {
                confirmButtonText: "确定",
                callback: action => {
                  this.$message({
                    type: "success",
                    message: `操作成功`
                  });
                  this.onLoad(this.page);
                  done();
                }
              }
            );
          }
          done();
        },
        error => {
          window.console.log(error);
          loading();
        }
      );
    },
    rowDellook(row) {
      this.$alert(
        row.reasonForLeav == "" ? "未填写" : row.reasonForLeav,
        "离职原因",
        {
          confirmButtonText: "确定",
          callback: action => { }
        }
      );
    },
    leaveInfoSubmit(row, done, loading){
      console.log(this.formLeaveInfo)
      this.formLeaveInfo.status = "2"
      var that = this;
      userLeave(this.formLeaveInfo).then(() => {
        that.$refs.formLeaveInfo.resetFields();
        this.$message({
          type: "success",
          message: `操作成功`
        });
        this.leaveInfoVisible = false;
        this.onLoad(this.page);
        done();
      });
      error => {
        window.console.log(error);
      };
    },
    rowLeaveStatus(row){
      this.formLeaveInfo = row
      this.leaveInfoVisible = true;
    },
    rowStatus(row) {
      this.$prompt("离职原因", "提示", {
        confirmButtonText: "确定离职",
        cancelButtonText: "取消",
        inputErrorMessage: ""
      })
        .then(({ value }) => {
          row.reasonForLeav = value;
          row.status = "2";
          // return;
          update(row).then(res => {
            this.$message({
              type: "success",
              message: "操作成功"
            });
          });
          this.refreshChange();
        })
        .catch(() => { });
    },
    rowDel(row) {
      this.$confirm("确定注销当前用户?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          return remove(row.id);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
    },
    rowCheck(row) {
      this.$confirm("确定审查异常标记?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          row.examinationType = "1";
          return update(row);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        });
    },
    searchReset() {
      this.query = {};
      this.treeDeptId = "";
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
      done();
    },
    selectionChange(list) {
      this.selectionList = list;
      this.choiceList = [];
      for (let k in list) {
        this.choiceList.push({
          id: list[k].id
        });
      }
    },
    selectionClear() {
      // this.selectionList = [];
      this.sort = "";
      this.sortName = "";
      // this.$refs.crud.toggleSelection();
    },
    handleBatchAudit(){
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
      }
      this.$confirm("请选择审批结果", {
        distinguishCancelAndClose: true,
        confirmButtonText: "审批通过",
        cancelButtonText: "不通过",
        type: "warning"
      })
        .then(() => {
          //审核通过
          batchAudit(this.ids,1)
          .then(() => {
            this.onLoad(this.page);
            this.$message({
              type: "success",
              message: "操作成功!"
            });
            this.$refs.crud.toggleSelection();
          });
        }).catch(action => {
          console.log(action)
          if (action == 'cancel'){
            //审核不通过
            batchAudit(this.ids,2)
              .then(() => {
                this.onLoad(this.page);
                this.$message({
                  type: "success",
                  message: "操作成功!"
                });
                this.$refs.crud.toggleSelection();
              });
          }
      })
    },
    handleAudit(row){
      this.$confirm("请选择审批结果", {
        distinguishCancelAndClose: true,
        confirmButtonText: "审批通过",
        cancelButtonText: "不通过",
        type: "warning"
      })
        .then(() => {
          //审核通过
          batchAudit(row.id,1)
            .then(() => {
              this.onLoad(this.page);
              this.$message({
                type: "success",
                message: "操作成功!"
              });
              this.$refs.crud.toggleSelection();
            });
        }).catch(action => {
        console.log(action)
        if (action == 'cancel'){
          //审核不通过
          batchAudit(row.id,2)
            .then(() => {
              this.onLoad(this.page);
              this.$message({
                type: "success",
                message: "操作成功!"
              });
              this.$refs.crud.toggleSelection();
            });
        }
      })
    },
    handleDelete() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
      }
      this.$confirm("确定将选择保安注销?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          return remove(this.ids);
        })
        .then(() => {
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
    },
    handleReset() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
      }
      this.$confirm("确定将选择账号密码重置为123456?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          return resetPassword(this.ids);
        })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          this.$refs.crud.toggleSelection();
        });
    },
    handleGrant() {
      if (this.selectionList.length === 0) {
        this.$message.warning("请选择至少一条数据");
        return;
      }
      this.roleTreeObj = [];
      if (this.selectionList.length === 1) {
        this.roleTreeObj = this.selectionList[0].roleId.split(",");
      }
      getRoleTree().then(res => {
        this.roleGrantList = res.data.data;
        this.roleBox = true;
      });
    },
    handlePlatform() {
      this.platformBox = true;
    },
    handleImport() {
      this.excelBox = true;
    },
    uploadAfter(res, done, loading, column) {
      window.console.log(column);
      this.excelBox = false;
      this.refreshChange();
      done();
    },
    handleExport() {
      this.$confirm("是否导出保安数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        window.open(
          `/api/blade-user/export-user?${this.website.tokenHeader
          }=${getToken()}&account=${this.search.account}&realName=${this.search.realName
          }`
        );
      });
    },
    handleTemplate() {
      window.open(
        `/api/blade-user/export-template?${this.website.tokenHeader
        }=${getToken()}`
      );
    },
    openClosegroup(val) {
      // let ql = /realName|nation|cardid|registered|sex/;
      let ql = /realName|nation|cardid|registered/;
      for (let k in this.option.group) {
        for (let i in this.option.group[k].column) {
          if (ql.test(this.option.group[k].column[i].prop)) {
            this.option.group[k].column[i]["disabled"] = val;
          }
        }
      }
    },
    SFZopens() {
      if (this.haveSEL == "noDrive") {
        let url =
          "http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar";
        window.open(url, "_self");
      } else if (this.haveSEL == "noEquipment") {
        this.radio = true;
      }
    },
    olondSFZ() {
      // console.log(123456);
      var that = this;
      //   // 开始连接设备
      //   //调用对应的连接方法,并赋值给result
      let lodings = val => {
        setTimeout(res => {
          that.SFZloding = val;
        }, 1000);
      };
      this.cardShebei = CertCtl.connect(res => {
        let k = "";
        try {
          k = JSON.parse(res);
        } catch (error) {
          k = res;
        }
        // console.log(res);
        if (k == "") {
          that.haveSEL = "noDrive";
          // console.log("连接身份证设备失败,请安装驱动");
          that.sfzButTitle = "未安装身份证驱动,点击下载";
          this.$message({
            type: "warning",
            message: "连接身份证设备失败,请重新连接设备!"
          });
          that.radio = false;
          lodings(false);
          return;
        }
        if (k.resultFlag == 0) {
          that.haveSEL = "connectionSucceeded";
          // console.log("连接身份证设备成功");
          this.$message({
            type: "success",
            message: "连接身份证设备成功!"
          });
          lodings(false);
        } else {
          that.haveSEL = "noEquipment";
          that.sfzButTitle = "连接身份证设备失败,请重试";
          // console.log("连接身份证设备失败,请重新连接设备!");
          this.$message({
            type: "warning",
            message: "连接身份证设备失败,请重新连接设备!"
          });
          that.radio = false;
          lodings(false);
        }
      });
    },
    setIntervals: function () {
      let that = this;
      this.intTime = setInterval(function () {
        if (!that.haveCardid) {
          //定时读卡
          // console.log(that.haveCardid);
          let result = CertCtl.readCert();
          // console.log(result);
          // console.log("通过读取");
          if (result == "") {
            console.log("未启动读卡插件!");
            that.closeSFZ();
          } else {
            var resultObj = eval("(" + result + ")");
            //resultFlag为0代表读卡成功
            if (resultObj.resultFlag == "0") {
              //回显相关数据
              // console.log(resultObj, 123);
              const data = resultObj.resultContent;
              that.haveCardid = true;
              // console.log(data, 789);
              // that.defaults.cardid.display = true;
              // that.defaults.cardid.value = "123";
              // console.log(that.defaults);
              that.form.realName = data.partyName;
              that.form.cardid = data.certNumber;
              that.form.nation = data.nation;
              that.form.registered = data.certAddress;
              that.form.sex = data.gender == 0 ? 2 : data.gender == 1 ? 1 : 3;
              //禁止编辑
              that.openClosegroup(true);
              that.nowCell = "2";
            } else if (resultObj.resultFlag == "-1") {
              if (resultObj.errorMsg == "端口打开失败") {
                console.log("读卡器未连接");
                that.closeSFZ();
              } else {
                // console.log("无卡片提醒-1", resultObj.errorMsg);
                //无卡片提醒
                // that.closeSFZ();
              }
            } else if (resultObj.resultFlag == "-2") {
              console.log("异常-2", resultObj.errorMsg);
              that.closeSFZ();
            }
          }
        } else {
          // console.log("停止获取");
        }
      }, 2000);
    },
    beginSFZ() {
      if (this.haveSEL == "connectionSucceeded" && this.radio) {
        this.haveCardid = false;
        if (this.intTime) {
          clearInterval(this.intTime);
          this.setIntervals();
        } else {
          this.setIntervals();
        }
      } else {
        clearInterval(this.intTime);
      }
    },
    closeSFZ(val) {
      if (this.intTime) {
        clearInterval(this.intTime);
        // this.setIntervals();
      } else {
        clearInterval(this.intTime);
        // this.setIntervals();
      }
      if (val) {
        this.haveCardid = true;
        this.cardShebei = "";
        //可以编辑
      }
      this.openClosegroup(false);
      this.nowCell = "";
    },
    beforeOpen(done, type) {
      var that = this;
      // console.log(type, 123);
      this.beginSFZ();
      if (["edit"].includes(type)) {
        this.type = 1;
      }
      if (["add"].includes(type)) {
        this.type = 2;
      }
      if (["edit", "view"].includes(type)) {
        getUser(this.form.id).then(res => {
          this.form = res.data.data;
          var d = {
            education1: res.data.data.education
          };
          this.form = {
            ...this.form,
            ...d
          };
          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 => {
            that.form.UserPractitionersInfo = res1.data.data;
          });
        });
      }
      this.initFlag = true;
      done();
    },
    beforeClose(done, type) {
      this.closeSFZ(112);
      done();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
    //行样式调整
    rowStyle({ row, column, rowIndex }) {
      if (row.examinationType == "1") {
        return {
          color: "#ff2727"
        };
      }
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    refreshChange() {
      this.onLoad(this.page, this.query);
    },
    //排序
    sortChange(value) {
      // console.log(value, 51151515);
      if (value.order == "ascending") {
        this.sort = "asc";
      }
      if (value.order == "descending") {
        this.sort = "desc";
      }
      this.sortName = value.prop;
      //字段匹配
      if (value.prop == "sexs") {
        this.sortName = "sex";
      }
      if (value.prop == "examinationType") {
        this.sortName = "examination_type";
      }
      if (value.prop == "userType") {
        this.sortName = "user_type";
      }
      this.onLoad(this.page, this.query);
    },
    onLoad(page, params = {}) {
      if (this.isNotChangeSize) {
        this.loading = true;
      }
      params = this.search;
      var that = this;
      //获取当前登录人员的角色信息
      var roleIds = this.userInfo.role_id.split(",");
      roleIds.forEach(roleId => {
        getRoleDetail(roleId).then(res => {
          var roleAlias = res.data.data.roleAlias;
          if (roleAlias == "保安公司管理员") {
            that.option.group[1].column[4].dicData = [
              {
                label: "是",
                value: "1"
              },
              {
                label: "否",
                value: "2"
              }
            ];
          }
          if (
            roleAlias == "保安公司管理员" ||
            roleAlias == "保安" ||
            roleAlias == "分公司管理员"
          ) {
            //去除保安公司查询
            // const column = that.findObject(that.option.column, "deptId");
            // column.search = false;
            // column.dicUrl =
            //   "/api/blade-system/dept/security_lazy-tree?deptId="+that.userInfo.dept_id;
            const deptColumn = that.findObject(that.option.group, "deptId");
            deptColumn.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?deptId=" +
              that.userInfo.dept_id;
            //禁止编辑
            // deptColumn.disabled = true;
            deptColumn.value = that.userInfo.dept_id;
            that.isSecurity = false;
            //如果是保安公司管理员
            if (this.search.deptId) {
              params["deptId"] = this.search.deptId;
            let valCodePosition = sum % 11 // 得到验证码所位置
            if (a_idCard[17] == ValideCode[valCodePosition]) {
                return true
            } else {
              params["deptId"] = that.userInfo.dept_id;
                return false
            }
            //导入action 修改
            const importColumn = that.findObject(
              that.excelOption1.column,
              "excelFile"
            );
            importColumn.action =
              "/api/blade-user/import-security?deptId=" + this.deptIds;
          } else if (
            roleAlias == "公安管理员" ||
            roleAlias == "administrator" ||
            this.userInfo.role_name == "民警"
          ) {
            params["jurisdiction"] = that.userInfo.jurisdiction;
            var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
            ColumnDeptUpdate.dicUrl =
              "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
              that.userInfo.jurisdiction;
        }
        /**
         * 验证18位数身份证号码中的生日是否是有效生日
         * @param idCard 18位书身份证字符串
         * @return
         */
        function isValidityBrithBy18IdCard (idCard18) {
            var year = idCard18.substring(6, 10)
            var month = idCard18.substring(10, 12)
            var day = idCard18.substring(12, 14)
            var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day))
            // 这里用getFullYear()获取年份,避免千年虫问题
            if (
                temp_date.getFullYear() != parseFloat(year) ||
                temp_date.getMonth() != parseFloat(month) - 1 ||
                temp_date.getDate() != parseFloat(day)
            ) {
                return false
            } else {
                return true
            }
        }
        //去掉字符串头尾空格
        function trim (str) {
            return str.replace(/(^\s*)|(\s*$)/g, "")
        }
        /**
         * 身份证号码账号校验
         */
        let useBack = ""
        function checkAccount (idCard, callback) {
            var data = {
                cardid: idCard
            }
            if (window.deptIdss) {
                data["deptId"] = window.deptIdss
            }
            //调用接口校验
            if (useBack != idCard) {
                useBack = idCard
                checkAccountByUser(data)
                    .then(res => {
                        useBack = "ok"
                        callback()
                    })
                    .catch(error => {
                        callback("当前身份证号码已录入!")
                    })
            } else if (useBack == "ok") {
                callback()
            } else {
                console.log("cf")
                callback(new Error("当前身份证号码已录入!"))
            }
        }
        const validatePassCardid = (rule, value, callback) => {
            let ok = false
            if (value.length == 18) {
                let idCard = trim(value.replace(/ /g, ""))
                var a_idCard = idCard.split("")
                if (
                    isValidityBrithBy18IdCard(idCard) &&
                    isTrueValidateCodeBy18IdCard(a_idCard)
                ) {
                    //进行18位身份证的基本验证和第18位的验证
                    ok = true
                } else {
                    ok = false
                }
            } else {
                ok = false
            }
            //审查状态查询开启
            var columnExaminationType = that.findObject(
              that.option.column,
              "examinationType"
            );
            columnExaminationType.search = true;
            columnExaminationType.hide = false;
          } else {
            var ColumnDeptUpdate1 = that.findObject(
              that.option.group,
              "deptId"
            );
            ColumnDeptUpdate1.dicUrl =
              "/api/blade-system/dept/security_lazy-tree";
          }
            if (ok) {
                // console.log(this.nowCell,123456);
                if (this.type == 1 || this.nowCell == 2) {
                    //修改不校验身份证hao
                    callback()
                } else {
                    //调用接口进行账户重复校验
                    checkAccount(value, callback)
                }
            } else {
                callback(new Error("身份证错误"))
            }
        }
        const validatePassPhone = (rule, value, callback) => {
            var test = /^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9]|19[0-9])\d{8}$/g
            if (!test.test(value)) {
                callback(new Error("请输入正确手机号码"))
            } else {
                callback()
            }
        }
        return {
            excelBoxHealth: false,
            excelBoxNoCriminal: false,
            startTimecc: null,
            sort: "",
            type: 2,
            sortName: "",
            nowCell: "", //空为手动,2为身份证设备读取
            // 表格数据
            defaults: {},
            // 身份证设备数据
            SFZloding: false,
            sfzButTitle: "",
            radio: false, //选择状态
            haveSEL: "", //设备状态
            cardShebei: "",
            intTime: "", //自动获取身份证;
            haveCardid: false, //读卡开关
            // 指纹数据
            isopen: false, //识别是否需要传指纹进去(解决异步传递后指纹DOM不存在的问题)
            zhiwenImg: "",
            zhiwenChart: "",
            zhiwenTitle: "开始采集",
            Client: "", //实例化指纹采集类合集
            isOr: true,
            begin_cap: false,
            RAWzhiwen: "",
            yuzhi: 60, //指纹获取结束阈值
            // 指纹数据
            certificateYear: null,
            certificateMonth: null,
            certificateFlag: false,
            certificateObj: {
                realName: "",
                securitynumber: "",
                cardid: "",
                registered: ""
            },
            securityid: "",
            excelBox1: false,
            excelBox2: false,
            isSecurity: true,
            securityCheckApplyvisible: false,
            excelForm1: {},
            excelOption1: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "文件上传",
                        prop: "excelFile",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        tip: "请上传 .xls,.xlsx 标准格式文件",
                        action: "/api/blade-user/import-security?deptId=" + this.deptIds
                    },
                    {
                        label: "模板下载",
                        prop: "excelTemplate",
                        formslot: true,
                        span: 24
                    }
                ]
            },
            excelForm2: {},
            excelOption2: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "文件上传",
                        prop: "file",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        data: {
                            type: 1
                        },
                        tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
                        action: "/api/blade-resource/oss/endpoint/put-file-zip"
                    }
                ]
            },
            // 健康状态凭证上传
            excelFormHHealth: {},
            excelOptionHealth: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "文件上传",
                        prop: "file",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        data: {
                            type: 2
                        },
                        tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
                        action: "/api/blade-resource/oss/endpoint/put-file-zip"
                    }
                ]
            },
            // 无犯罪记录图片
            excelFormNoCriminal: {},
            excelOptionNoCriminal: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "文件上传",
                        prop: "file",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        //额外的参数
                        data: {
                            type: 3
                        },
                        tip: "请上传 zip 压缩文件,照片文件名以身份证号码命名",
                        action: "/api/blade-resource/oss/endpoint/put-file-zip"
                    }
                ]
            },
            form: {},
            search: {},
            roleBox: false,
            excelBox: false,
            platformBox: false,
            initFlag: true,
            selectionList: [],
            query: {},
            loading: true,
            platformLoading: false,
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
                ...this.$store.state.control.changePageSize
            },
            roleId: "1412226235153731586",
            deptId: "1413470343230877697",
            deptIds: "",
            platformPage: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
                ...this.$store.state.control.changePageSize
            },
            init: {
                roleTree: [],
                deptTree: []
            },
            props: {
                label: "title",
                value: "key"
            },
            roleGrantList: [],
            roleTreeObj: [],
            treeDeptId: "",
            treeData: [],
            treeOption: {
                nodeKey: "id",
                lazy: true,
                treeLoad: function (node, resolve) {
                    const parentId = node.level === 0 ? 0 : node.data.id
                    getDeptLazyTree(parentId).then(res => {
                        resolve(
                            res.data.data.map(item => {
                                return {
                                    ...item,
                                    leaf: !item.hasChildren
                                }
                            })
                        )
                    })
                },
                addBtn: false,
                menu: false,
                size: "small",
                props: {
                    labelText: "标题",
                    label: "title",
                    value: "value",
                    children: "children"
                }
            },
            choiceList: [],
            deptIdss: "",
            optionSecurityCheckApply: {
                height: "auto",
                calcHeight: 30,
                dialogWidth: 1000,
                tip: false,
                searchShow: true,
                searchMenuSpan: 6,
                border: true,
                index: true,
                stripe: true,
                viewBtn: false,
                addBtn: false,
                editBtn: false,
                selection: true,
                excelBtn: false,
                menuWidth: 230,
                dialogClickModal: false,
                column: [
                    {
                        label: "姓名",
                        prop: "realName",
                        labelWidth: 110,
                        disabled: true,
                        rules: [
                            {
                                required: true,
                                message: "请输入姓名",
                                trigger: "blur"
                            }
                        ]
                    },
                    {
                        label: "保安证编号",
                        prop: "number",
                        labelWidth: 110,
                        disabled: false,
                        rules: [
                            {
                                required: true,
                                message: "请输入保安证编号",
                                trigger: "blur"
                            }
                        ]
                    },
                    {
                        label: "保安员证图片",
                        prop: "url",
                        labelWidth: 110,
                        type: "upload",
                        span: 24,
                        listType: "picture-img",
                        tip: "上传jpg/png文件,图片不超过1M",
                        propsHttp: {
                            res: "data",
                            url: "url"
                        },
                        canvasOption: {
                            text: " ",
                            ratio: 1.0
                        },
                        action: "/api/blade-resource/oss/endpoint/put-files",
                        rules: [
                            {
                                required: true,
                                message: "请上传保安员证图片",
                                trigger: "blur"
                            }
                        ]
                    },
                    {
                        label: "申请理由",
                        labelWidth: 110,
                        span: 24,
                        type: "textarea",
                        prop: "applyReason"
                    }
                ]
            },
            formSecurityCheckApply: {},
            option: {
                searchIndex: 6, //收缩展示数量
                searchIcon: true, //搜索是否收缩
                height: "auto",
                calcHeight: 80,
                tip: true,
                searchShow: true,
                reserveSelection: true,
                // selectable: row => {
                //   if (
                //     row.hold !== "1" ||
                //     row.securitynumber == null ||
                //     row.securitynumber == ""
                //   ) {
                //     return false;
                //   } else {
                //     return true;
                //   }
                // },
                indexWidth: 55,
                searchMenuSpan: 6,
                stripe: true,
                border: true,
                // delBtn: true,
                align: "center",
                index: true,
                // delBtnText: "注销",
                menuWidth: 90,
                selection: true,
                viewBtn: true,
                defaultExpandAll: true,
                //dialogType: 'drawer',
                dialogClickModal: false,
                column: securityFormPageColumn,
                ...this.$store.state.control.clearOtherBut,
                // addBtn: false,
                editBtn: false,
                group: [
                    {
                        label: "基础信息",
                        labelWidth: "110",
                        prop: "baseInfo",
                        icon: "el-icon-user-solid",
                        column: [
                            {
                                label: "企业名称",
                                prop: "deptId",
                                type: "tree",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                labelWidth: 120,
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择保安公司",
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: false,
                                labelWidth: 120,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入姓名",
                                        trigger: "blur"
                                    },
                                    {
                                        min: 2,
                                        max: 5,
                                        message: "姓名长度在2到5个字符"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        label: "详细信息",
                        prop: "detailInfo",
                        labelWidth: "110",
                        icon: "el-icon-s-order",
                        column: [
                            {
                                label: "身份证号",
                                prop: "cardid",
                                hide: true,
                                overHidden: true,
                                labelWidth: 120,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入身份证号",
                                        trigger: "blur"
                                    },
                                    {
                                        required: true,
                                        validator: validatePassCardid,
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "手机号码",
                                prop: "phone",
                                overHidden: true,
                                labelWidth: 120,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入手机号",
                                        trigger: "blur"
                                    },
                                    {
                                        required: true,
                                        validator: validatePassPhone,
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "个人照片",
                                type: "upload",
                                listType: "picture-img",
                                labelWidth: 120,
                                propsHttp: {
                                    res: "data",
                                    url: "url"
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 1.0
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                tip:
                                    "上传近期一寸彩色正面免冠图象, (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
                                span: 12,
                                // row: true,
                                prop: "avatar"
                            },
                            {
                                label: "指纹信息",
                                span: 12,
                                // row: true,
                                prop: "fingerprint"
                            },
                            {
                                label: "是否持证",
                                prop: "hold",
                                type: "select",
                                dicData: [
                                    {
                                        label: "是",
                                        value: "1"
                                    },
                                    {
                                        label: "否",
                                        value: "2"
                                    },
                                    {
                                        label: "已吊销",
                                        value: "3"
                                    }
                                ],
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择是否有持证",
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "保安员证编号",
                                prop: "securitynumber",
                                hide: true,
                                display: true,
                                rules: [
                                    {
                                        required: false,
                                        message: "请输入保安员证编号",
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "民族",
                                prop: "nation"
                            },
                            {
                                label: "最高学历",
                                prop: "education1",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=educationType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                slot: true
                            },
                            {
                                label: "政治面貌",
                                prop: "politicaloutlook"
                            },
                            // {
                            //   label: "联系地址",
                            //   prop: "address"
                            // },
                            // {
                            //   label: "身份证住址",
                            //   prop: "registered",
                            //   rules: [
                            //     {
                            //       required: true,
                            //       message: "请输入身份证住址",
                            //       trigger: "click"
                            //     }
                            //   ]
                            // },
                            {
                                label: "所属辖区",
                                prop: "jurisdiction",
                                // multiple: true,
                                type: "tree",
                                dicUrl: "/api/jurisdiction/lazy-tree",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                checkStrictly: true,
                                slot: true,
                                rules: [
                                    {
                                        required: false,
                                        message: "请选择所属辖区",
                                        trigger: "click"
                                    }
                                ]
                            },
                            {
                                label: "从业单位",
                                prop: "unitName",
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入从业单位",
                                        trigger: "click"
                                    }
                                ]
                            },
                            {
                                label: "性别",
                                prop: "sex",
                                type: "select",
                                slot: true,
                                dicData: [
                                    {
                                        label: "男",
                                        value: 1
                                    },
                                    {
                                        label: "女",
                                        value: 2
                                    }
                                ],
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择性别",
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "婚姻状态",
                                prop: "marriageStatus",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=marriageStatusType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                hide: true,
                            },
                            // {
                            //   label: "居住地址",
                            //   prop: "dwellAddress",
                            //   hide: true,
                            //   rules: [
                            //     {
                            //       required: true,
                            //       message: "请输入居住地址",
                            //       trigger: "blur"
                            //     }
                            //   ]
                            // },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入户籍地址",
                                        trigger: "blur"
                                    }
                                ]
                            },
                            {
                                label: "报考等级",
                                prop: "signLevel",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=signLevelType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey"
                                },
                                dataType: "number",
                                hide: true,
                            },
                            {
                                label: "家庭主要成员及联系方式",
                                prop: "memberOfFamily",
                                type: "textarea",
                                span: 24,
                                hide: true,
                            },
                            {
                                label: "教育经历",
                                prop: "educationExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                            },
                            {
                                label: "工作经历",
                                prop: "workExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                            },
                            {
                                label: "受理时间",
                                prop: "acceptanceTime",
                                type: "date",
                                format: "yyyy-MM-dd",
                                valueFormat: "yyyy-MM-dd",
                                span: 12,
                                row: true,
                                hide: true,
                            },
                            {
                                label: "健康状况图片(健康证)",
                                prop: "healthCertificateUrl",
                                type: "upload",
                                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",
                                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,
                            },
                        ]
                    }
                ]
            },
            data: [],
            platformQuery: {},
            platformSelectionList: [],
            platformData: [],
            platformForm: {},
            platformOption: {
                tip: false,
                searchShow: true,
                searchMenuSpan: 6,
                border: true,
                index: true,
                selection: true,
                viewBtn: true,
                dialogClickModal: false,
                menuWidth: 120,
                editBtnText: "配置",
                column: [
                    {
                        label: "登录账号",
                        prop: "account",
                        search: true,
                        display: false
                    },
                    {
                        label: "所属保安单位",
                        prop: "tenantName",
                        slot: true,
                        display: false
                    },
                    {
                        label: "姓名",
                        prop: "realName",
                        search: true,
                        display: false
                    },
                    {
                        label: "平台",
                        prop: "userTypeName",
                        slot: true,
                        display: false
                    },
                    {
                        label: "平台",
                        type: "select",
                        dicUrl: "/api/blade-system/dict/dictionary?code=user_type",
                        props: {
                            label: "dictValue",
                            value: "dictKey"
                        },
                        dataType: "number",
                        search: true,
                        hide: true,
                        display: false,
                        prop: "userType",
                        rules: [
                            {
                                required: true,
                                message: "请选择平台",
                                trigger: "blur"
                            }
                        ]
                    },
                    {
                        label: "拓展",
                        prop: "userExt",
                        type: "textarea",
                        minRows: 8,
                        span: 24,
                        overHidden: true,
                        row: true,
                        hide: true
                    }
                ]
            },
            excelForm: {},
            excelOption: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        label: "模板上传",
                        prop: "excelFile",
                        type: "upload",
                        drag: true,
                        loadText: "模板上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data"
                        },
                        tip: "请上传 .xls,.xlsx 标准格式文件",
                        action: "/api/blade-user/import-security"
                    },
                    // {
                    //   label: "数据覆盖",
                    //   prop: "isCovered",
                    //   type: "switch",
                    //   align: "center",
                    //   width: 80,
                    //   dicData: [
                    //     {
                    //       label: "否",
                    //       value: 0,
                    //     },
                    //     {
                    //       label: "是",
                    //       value: 1,
                    //     },
                    //   ],
                    //   value: 0,
                    //   slot: true,
                    //   rules: [
                    //     {
                    //       required: true,
                    //       message: "请选择是否覆盖",
                    //       trigger: "blur",
                    //     },
                    //   ],
                    // },
                    {
                        label: "模板下载",
                        prop: "excelTemplate",
                        formslot: true,
                        span: 24
                    }
                ]
            },
            tablevisible: true,
            onceTableChange: 1,
          if (this.sort) {
            params["sort"] = this.sort;
          }
          if (this.sortName) {
            params["sortName"] = this.sortName;
          }
          let values = {
            ...params
          };
          values = {
            ...params,
            roleAlias: "111",
            ...that.query
          };
          getList(page.currentPage, page.pageSize, values).then(res => {
            const data = res.data.data;
            that.page.total = data.total;
            // var d = data.records;
            // var date = new Date();
            // var datayear = date.getFullYear();
            // for (const key in d) {
            //   var year = d[key].cardid.slice(6, 10);
            //   d[key]["age"] = +datayear - +year;
            //   // d[key].securitynumber = "赣洪202100009";
            // }
            that.data = data.records;
            console.log(this.data,"++++++++++")
            that.loading = false;
            that.selectionClear();
            that.$store.commit("setWindowSizeHeightAdd");
          });
        });
      });
            leaveInfoVisible: false,
            formLeaveInfo: {},
            optionLeaveInfo: {
                height: "auto",
                calcHeight: 30,
                dialogWidth: 1000,
                tip: false,
                searchShow: true,
                searchMenuSpan: 6,
                border: true,
                dialogClickModal: false,
                menuPosition: "center",
                emptyBtn: false,
                column: [
                    {
                        label: "离职原因",
                        labelWidth: 110,
                        span: 24,
                        type: "textarea",
                        prop: "reasonForLeav"
                    },
                    {
                        label: "离职单图片",
                        prop: "imgForLeav",
                        labelWidth: 110,
                        type: "upload",
                        span: 24,
                        listType: "picture-img",
                        tip: "上传jpg/png文件,图片不超过1M",
                        propsHttp: {
                            res: "data",
                            url: "url"
                        },
                        canvasOption: {
                            text: " ",
                            ratio: 1.0
                        },
                        action: "/api/blade-resource/oss/endpoint/put-files",
                        rules: [
                            {
                                required: false,
                                message: "请上传离职单图片",
                                trigger: "blur"
                            }
                        ]
                    },
                ]
            },
        }
    },
    platformRowUpdate(row, index, done, loading) {
      updatePlatform(row.id, row.userType, row.userExt).then(
        () => {
          this.platformOnLoad(this.platformPage);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          done();
    watch: {
        radio () {
            if (this.radio) {
                this.SFZloding = true
                this.olondSFZ()
            } else {
                if (this.haveSEL != "noDrive" && this.haveSEL != "noEquipment") {
                    this.$message({
                        type: "warning",
                        message: "关闭身份证设备识别!"
                    })
                }
            }
        },
        error => {
          window.console.log(error);
          loading();
        "form.tenantId" () {
            if (this.form.tenantId !== "" && this.initFlag) {
                this.initData(this.form.tenantId)
            }
        },
        "form.deptId": {
            handler (val) {
                if (val) {
                    window.deptIdss = val
                }
            },
            immediate: true
        },
        "form.hold": {
            handler (val) {
                var securitynumbercolumn = this.findObject(
                    this.option.group,
                    "securitynumber"
                )
                // var emailcolumn = this.findObject(this.option.group, "email");
                if (val == 1) {
                    securitynumbercolumn.display = true
                    securitynumbercolumn.rules = [
                        {
                            required: true,
                            message: "请输入保安员证编号",
                            trigger: "blur"
                        }
                    ]
                    // emailcolumn.display = true;
                } else {
                    securitynumbercolumn.display = false
                    securitynumbercolumn.rules = [
                        {
                            required: false,
                            message: "请输入保安员证编号",
                            trigger: "blur"
                        }
                    ]
                    // emailcolumn.display = false;
                }
            },
            immediate: true
        },
        "form.fingerprint" () {
            let that = this
            if (this.form.fingerprint != undefined) {
                that.isopen = true
                let isoks = false
                function sets (state, dom, fingerprint, myPicture) {
                    isoks = state
                    dom.onload = function () {
                        // var winzhiwen = document.getElementById("zhiwen").contentWindow;
                        var winzhiwen = dom.contentWindow
                        winzhiwen.setZhiwenData({
                            imgBMP: fingerprint,
                            // imgBMP: imgBMP,
                            // CID_img_raw: CID_img_raw,
                            featuredatas: myPicture,
                            isoks: isoks
                        })
                    }
                }
                var doZhiwen = dom => {
                    if (!this.form.id) {
                        sets(false, dom)
                        return
                    }
                    // return;
                    getzhiwen(this.form.id).then(res => {
                        const data = res.data.data
                        if (that.isopen) {
                            if (
                                data.fingerprint != "" &&
                                data.fingerprint != undefined &&
                                data.myPicture != "" &&
                                data.myPicture != undefined
                            ) {
                                sets(true, dom, data.fingerprint, data.myPicture)
                            } else {
                                sets(false, dom)
                            }
                        }
                    })
                }
                // setTimeout(() => {
                // var iframeDom = document.getElementById("zhiwen");
                //   console.log(iframeDom,111111);
                //   iframeDom.onload = function () {
                //     doZhiwen();
                //   };
                //   doZhiwen();
                // }, 2800);
                //判断是否加载完成指纹dom
                that.checkDom("", dom => {
                    // console.log(dom);
                    doZhiwen(dom)
                })
            } else {
                that.isopen = false
            }
        },
        "form.deptId" () {
            this.initData(this.form.tenantId)
        },
        "excelForm.isCovered" () {
            if (this.excelForm.isCovered !== "") {
                const column = this.findObject(this.excelOption.column, "excelFile")
                column.action = `/api/blade-user/import-security?isCovered=${this.excelForm.isCovered}`
            }
        }
      );
    },
    platformBeforeOpen(done, type) {
      if (["edit", "view"].includes(type)) {
        getUserPlatform(this.platformForm.id).then(res => {
          this.platformForm = res.data.data;
        });
      }
      done();
    computed: {
        ...mapGetters([
            "userInfo",
            "permission",
            "windowHeight",
            "windowWidth",
            "screenSize",
            "screenHeight"
        ]),
        permissionList () {
            console.log(this.permission, 789787)
            return {
                addBtn: this.vaildData(this.permission.securityGuard_add, false),
                viewBtn: this.vaildData(null, false),
                delBtn: this.vaildData(null, false),
                editBtn: this.vaildData(this.permission.securityGuard_edit, false),
                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 {
                addBtn: false,
                viewBtn: false,
                delBtn: false,
                editBtn: this.vaildData(this.permission.user_edit, false)
            }
        },
        ids () {
            let ids = []
            this.selectionList.forEach(ele => {
                ids.push(ele.id)
            })
            return ids.join(",")
        },
        ...mapState({
            userInfo: state => state.user.userInfo
        })
    },
    platformSearchReset() {
      this.platformQuery = {};
      this.platformOnLoad(this.platformPage);
    },
    platformSearchChange(params, done) {
      this.platformQuery = params;
      this.platformPage.currentPage = 1;
      this.platformOnLoad(this.platformPage, params);
      done();
    },
    platformSelectionChange(list) {
      this.platformSelectionList = list;
    },
    platformSelectionClear() {
      this.platformSelectionList = [];
      this.$refs.platformCrud.toggleSelection();
    },
    platformCurrentChange(currentPage) {
      this.platformPage.currentPage = currentPage;
    },
    platformSizeChange(pageSize) {
      this.platformPage.pageSize = pageSize;
    },
    platformRefreshChange() {
      this.platformOnLoad(this.platformPage, this.platformQuery);
    },
    platformOnLoad(page, params = {}) {
      this.platformLoading = true;
      getList(
        page.currentPage,
        page.pageSize,
        Object.assign(params, this.query),
        this.treeDeptId
      ).then(res => {
        const data = res.data.data;
        this.platformPage.total = data.total;
        this.platformData = data.records;
        this.platformLoading = false;
        this.selectionClear();
      });
    },
    //照片上传拦截
    uploadBefore(file, done, loading, column) {
      //如果你想修改file文件,由于上传的file是只读文件,必须复制新的file才可以修改名字,完后赋值到done函数里,如果不修改的话直接写done()即可
      //判断角色
      if (this.userInfo.role_name != "administrator") {
        if (file.type.indexOf("image/") == -1) {
          MessageBox.alert(
            "上传图片格式错误,请上传图片类型,如:JPG,PNG后缀的文件。"
          );
          loading();
          return false;
    beforeCreate () { },
    created () {
        var that = this
        if (this.userInfo.role_name == "办证管理员") {
            this.search["userType"] = 7
            this.search["hold"] = "1"
        }
        let data = window.URL.createObjectURL(new Blob([file]));
        this.filename = file;
        this.option.img = data;
        //判断文件大小
        const isLt1M = file.size >= 30 * 1024 && file.size <= 500 * 1024;
        if (!isLt1M) {
          MessageBox.alert("上传图片大小必须大于30KB,且小于500KB!");
          loading();
          return false;
        var roleName = this.userInfo.role_name
        // console.log(this.userInfo,52252);
        // this.userInfo.rname.forEach((roleName) => {
        if (
            roleName == "保安公司管理员" ||
            roleName == "保安" ||
            roleName == "分公司管理员"
        ) {
            //查询保安单位信息(包含子级)
            const column = this.findObject(this.option.column, "deptId")
            // column.search = false;
            //默认全部展开
            column.defaultExpandAll = true
            column.dicUrl =
                "/api/blade-system/dept/security_lazy-tree?deptId=" +
                this.userInfo.dept_id
        } else if (
            roleName == "公安管理员" ||
            roleName == "administrator" ||
            this.userInfo.role_name == "民警"
        ) {
            var columnDept = that.findObject(that.option.column, "deptId")
            columnDept.dicUrl =
                "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
                that.userInfo.jurisdiction
        } else {
            //查询保安单位信息(包含子级)
            const column = this.findObject(this.option.column, "deptId")
            // column.search = false;
            //默认全部展开
            column.dicUrl = "/api/blade-system/dept/security_lazy-tree"
        }
        done();
        return isLt1M;
      }
      done();
        // });
        if (
            this.userInfo.account == "晋城市保安服务总公司" ||
            this.userInfo.account == "押运分公司"
        ) {
            this.option.column.push({
                label: "持枪证编号",
                prop: "guncode",
                width: 90,
                addDisplay: false,
                editDisplay: false
            })
            this.option.group[1].column.push({
                label: "持枪证编号",
                prop: "guncode"
            })
            this.excelOption1.column[0].action =
                "/api/blade-user/import-securityYy?deptId=" + this.userInfo.dept_id
        }
    },
    mounted () {
        console.log('...this.$store.state.control.clearOtherBut', ...this.$store.state.control.clearOtherBut)
        // console.log(this.screenSize, "screenSize");
        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.search["status"] = 1
        if (this.userInfo.roleName == "办证管理员") {
            this.search["userType"] = 7
        }
        this.deptIds = this.userInfo.dept_id
        // this.beginzhiwen();
        // this.olondSFZ(); //检查身份证设备是否存在
    },
    methods: {
        checkDom (name, fn) {
            //  声明定时器
            let that = this
            var timer = null
            //  检查dom是否执行完成
            function checkDom () {
                let dom = document.getElementById("zhiwen")
                if (dom) {
                    //  执行dom加载完成后的操作
                    //  清除定时器
                    if (!timer) {
                        clearTimeout(timer)
                    }
                    if (fn) {
                        //回调函数
                        fn(dom)
                        return
                    } else {
                        return dom
                    }
                } else {
                    //  自我调用
                    timer = setTimeout(checkDom, 100)
                }
            }
            //  首次执行
            checkDom()
        },
        openccc () {
            console.log(this.zhiwenImg)
            // console.log(this.zhiwenChart);
            // this.Client.CID_Alg_FeatureExtract(
            //         //99是获取特征
            //         // ID_FingerPosition.UNKNOWN,
            //         99,
            //         this.RAWzhiwen
            //       );
            // console.log(this.RAWzhiwen);
        },
        beginzhiwen () {
            //初始化指纹采集系统
            let that = this
            this.Client = new Client() //实例化指纹采集类
            //添加指纹消息提醒
            //初始化设备
            this.Client.beginFn = {
                fn: this.Client.CID_Init,
                CID5000: this.Client.CIDDeviceType.CID5000
            }
            this.Client.OnCID_Alg_Begin = function (code, msg) {
                //初始化机器返数据
                if (code == 1) {
                    console.log("初始化成功")
                    that.zhiwenTitle = "选定指纹"
                    that.isOr = false
                    that.beginUseImg() //开始预览指纹
                } else {
                    that.closezhiwen()
                    alert("设备被占用或发生不可预料原因   错误码:" + code)
                    console.log("算法初始化发生错误   错误码:" + code)
                }
            }
            this.Client.OnCID_Close = function (code, msg) {
                //关闭机器返数据
                if (code == 1) {
                    console.log("关闭设备成功")
                    that.Client.CID_Alg_FeatureExtract(
                        //99是获取特征
                        // ID_FingerPosition.UNKNOWN,
                        99,
                        that.RAWzhiwen
                    )
                    that.zhiwenTitle = "开始采集"
                    that.isOr = true
                } else {
                    console.log("关闭设备发生错误   错误码:" + code)
                }
            }
            this.Client.OnCID_BeginCapture = function (code, msg) {
                //开始使用预览图片模式函数
                // console.log(code, "图片模式开始");
                if (code == 1) {
                    that.Client.CID_GetFPBmpData(0)
                } else {
                    console.log("开始采集发生错误   错误码:" + code)
                }
            }
            this.Client.OnCID_GetBmpData = function (code, msg, imagedata, feadata) {
                //使用预览图片模式 采集 BMP格式
                // console.log(msg, "图片模式采集");
                if (code == 1) {
                    that.zhiwenImg = "data:image/bmp;base64," + imagedata
                    if (that.begin_cap) {
                        that.Client.BmpToRaw(imagedata, 256, 360)
                    }
                } else {
                    that.Client.CID_EndCapture(0)
                    that.begin_cap = false
                    console.log("采集发生错误   错误码:" + code)
                }
            }
            // this.Client.OnBmpToRaw = function (code, msg, imagedata) {
            //   //使用预览图片模式  BMP格式转换成RAW
            //   // console.log(code, msg, "BMP格式转换成RAW");
            //   // console.log(imagedata, "BMP格式转换成RAW");
            //   if (code == 0) {
            //     that.RAWzhiwen = imagedata;
            //     // console.log(imagedata);
            //     that.Client.CID_Alg_GetQualityScore(imagedata);
            //   } else {
            //     that.Client.CID_EndCapture(0);
            //     that.begin_cap = false;
            //     console.log("格式转换失败," + code + " " + msg);
            //   }
            // };
            this.Client.OnBmpToRaw = function (code, msg, imagedata) {
                //使用预览图片模式  BMP格式转换成RAW
                // console.log(code, msg, "BMP格式转换成RAW");
                if (code == 0) {
                    that.Client.CID_Alg_GetQualityScore(imagedata)
                    // console.log(imagedata);
                    that.RAWzhiwen = imagedata
                } else {
                    that.Client.CID_EndCapture(0)
                    that.begin_cap = false
                    alert("格式转换失败," + code + " " + msg)
                }
            }
            this.Client.OnCID_EndCapture = function (code, msg) {
                //使用预览图片模式  停止采集
                if (code == 1) {
                    if (that.begin_cap) {
                        that.Client.CID_BeginCapture(0)
                    }
                } else {
                    that.begin_cap = false
                    console.log("停止采集发生错误   错误码:" + code)
                }
            }
            this.Client.OnCID_Alg_GetQualityScore = function (code, msg, score) {
                //停止获取
                console.log(
                    "code:" + code + ";",
                    "msg:" + msg + ";",
                    "score:" + score + ";",
                    "传送RAW图片代码后返回值"
                )
                if (code == 1) {
                    if (score >= that.yuzhi) {
                        that.begin_cap = false
                        that.Client.CID_EndCapture(0)
                        that.Client.CID_Alg_FeatureExtract(
                            //99是获取特征
                            // ID_FingerPosition.UNKNOWN,
                            99,
                            that.RAWzhiwen
                        )
                    } else {
                        that.Client.CID_EndCapture(0)
                    }
                } else if (code == -9) {
                    that.Client.CID_EndCapture(0)
                } else {
                    that.Client.CID_EndCapture(0)
                    that.begin_cap = false
                    // console.log("获取质量分数发生错误   错误码:" + code);
                    console.log("获取质量分数发生错误   错误码:" + code)
                }
            }
            this.Client.OnCID_Alg_FeatureExtract = function (code, msg, featuredata) {
                //获取特征
                if (code == 1) {
                    that.zhiwenChart = featuredata
                    console.log("特征提取成功")
                    console.log("特征提取成功", that.zhiwenChart)
                } else {
                    console.log("特征提取发生错误   错误码:" + code)
                }
            }
        },
        openzhiwen () {
            // 连接指纹助手
            this.Client.Connect_Server() //成功后台打印Connect Success
            //成功后将自动初始化设备
            //若不成功将重复2秒计时重连设备
        },
        closezhiwen () {
            // 关闭指纹设备
            if (!this.Client.isConnect) {
                console.log("助手程序未连接")
                return
            }
            this.Client.CID_Close()
        },
        beginUseImg () {
            //开始预览图片
            if (!this.Client.isConnect) {
                alert("助手程序未连接")
                return
            }
            this.begin_cap = true
            this.Client.CID_BeginCapture(0)
        },
        handleImport1 () {
            this.excelBox1 = true
        },
        uploadAfter1 (res, done, loading, column) {
            window.console.log(column)
            this.excelBox1 = false
            this.refreshChange()
            done()
        },
        handleTemplate1 () {
            // if (
            //   this.userInfo.account == "晋城市保安服务总公司" ||
            //   this.userInfo.account == "押运分公司"
            // ) {
            //   window.open(
            //     `/api/blade-user/export-template-securityYy?${this.website.tokenHeader
            //     }=${getToken()}`
            //   );
            //   return;
            // }
            window.open(
                `/api/blade-user/export-template-security?${this.website.tokenHeader
                }=${getToken()}`
            )
        },
        // 头像批量上传
        handleImport2 () {
            this.excelBox2 = true
        },
        uploadAfter2 (res, done, loading, column) {
            window.console.log(column)
            this.excelBox2 = false
            this.refreshChange()
            done()
        },
        // 健康状况图片(健康证)
        handleImportHealth () {
            this.excelBoxHealth = true
        },
        uploadAfterHealth (res, done, loading, column) {
            window.console.log(column)
            this.excelBoxHealth = false
            this.refreshChange()
            done()
        },
        // 无犯罪记录图片
        handleImportNoCriminal () {
            this.excelBoxNoCriminal = true
        },
        uploadAfterNoCriminal (res, done, loading, column) {
            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
                setTimeout(() => {
                    this.Print()
                }, 500)
            }
        },
        Print () {
            if (
                this.certificateObj.registered == "" ||
                this.certificateObj.registered == null
            ) {
                this.$message({ message: "请完善身份证住址信息", type: "warning" })
                return
            }
            //更新发证时间
            var printDom = document.getElementById("certificateDom")
            printDom.style.position = "absolute"
            printDom.style.top = "-25.0%"
            printDom.style.left = "-23%"
            printDom.style.width = "120%"
            printDom.style.height = "100%"
            printDom.style.fontFamily = "SimSun"
            this.$print("#certificateDom", {
                noPrint: ".noPrint",
                onStart: () => {
                    // console.log('打印开始', Date.parse(new Date()));
                },
                onEnd: () => {
                    this.updateUserInfo()
                    // console.log('打印完成', Date.parse(new Date()));
                }
            })
        },
        getNewTime () {
            var nowTime = new Date()
            var oneHoursAgo = new Date(
                new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
            )
            var oneHoursAgoY = oneHoursAgo.getFullYear()
            var oneHoursAgoM =
                oneHoursAgo.getMonth() + 1 < 10
                    ? "0" + (oneHoursAgo.getMonth() + 1)
                    : oneHoursAgo.getMonth() + 1
            /**
             * @return 返回1小时,2小时,3小时,4小时,24小时
             */
            return [oneHoursAgoY, oneHoursAgoM]
        },
        //更新用户发证时间
        updateUserInfo () {
            var nowTime = new Date()
            var oneHoursAgo = new Date(
                new Date(nowTime).getTime() - 1 * 60 * 60 * 1000
            )
            var oneHoursAgoY = oneHoursAgo.getFullYear()
            var oneHoursAgoM =
                oneHoursAgo.getMonth() + 1 < 10
                    ? "0" + (oneHoursAgo.getMonth() + 1)
                    : oneHoursAgo.getMonth() + 1
            var day = oneHoursAgo.getDay()
            var date = oneHoursAgoY + "-" + oneHoursAgoM + "-" + day
            const data = {
                id: this.certificateObj.id,
                userType: 6,
                paperTime: date
            }
            updatePaperTime(data)
        },
        rowClickSelf (deptId) {
            var data = {
                departmentid: deptId
            }
            getInformationDetails(data).then(res => {
                var obj = res.data.data
                var data = JSON.stringify(obj)
                this.$router.push({
                    path: "/securityUnitChild",
                    query: { data: data }
                })
            })
        },
        nodeClick (data) {
            this.treeDeptId = data.id
            this.page.currentPage = 1
            this.onLoad(this.page)
        },
        initData (tenantId) {
            // getRoleTree(tenantId).then((res) => {
            //   const column = this.findObject(this.option.group, "roleId");
            //   column.dicData = res.data.data;
            // });
            // getDeptTree(tenantId).then((res) => {
            //   const column = this.findObject(this.option.group, "deptId");
            //   column.dicData = res.data.data;
            // });
            // getPostList(tenantId).then((res) => {
            //   const column = this.findObject(this.option.group, "postId");
            //   column.dicData = res.data.data;
            // });
        },
        submitRole () {
            const roleList = this.$refs.treeRole.getCheckedKeys().join(",")
            grant(this.ids, roleList).then(() => {
                this.roleBox = false
                this.$message({
                    type: "success",
                    message: "操作成功!"
                })
                this.onLoad(this.page)
            })
        },
        //制证申请
        handleSecurityApply () {
            if (this.choiceList.length === 0) {
                this.$message.warning("请勾选至少一位持证保安员")
                return
            }
            this.$confirm(
                "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
                {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }
            )
                .then(() => {
                    let cho = this.choiceList
                    let str = ""
                    for (let k in cho) {
                        str += cho[k].id
                        if (k != cho.length - 1) {
                            str += ","
                        }
                    }
                    const data = {
                        ids: str,
                        createUser: this.userInfo.user_id,
                        type: 1
                    }
                    return securityApply(data)
                })
                .then(() => {
                    this.$refs.crud.toggleSelection()
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                })
        },
        //证书制证申请
        handleSecurityPaperApply () {
            if (this.choiceList.length === 0) {
                this.$message.warning("请勾选至少一位持证保安员")
                return
            }
            this.$confirm(
                "共选择制证申请人数" + this.choiceList.length + "人,确定申请制证?",
                {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }
            )
                .then(() => {
                    let cho = this.choiceList
                    let str = ""
                    for (let k in cho) {
                        str += cho[k].id
                        if (k != cho.length - 1) {
                            str += ","
                        }
                    }
                    const data = {
                        ids: str,
                        createUser: this.userInfo.user_id,
                        type: 2
                    }
                    return securityApply(data)
                })
                .then(() => {
                    this.$refs.crud.toggleSelection()
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                })
        },
        // 证件核实申请
        rowCheckApply (row) {
            this.formSecurityCheckApply = {
                id: null,
                realName: row.realName,
                userId: row.id
            }
            this.securityCheckApplyvisible = true
        },
        //证件核实申请提交
        submitSecurityCheckApply (row, done, loading) {
            var that = this
            row["createUser"] = this.userInfo.Id
            add(row).then(() => {
                that.$refs.formSecurityCheckApply.resetFields()
                this.$message({
                    type: "success",
                    message: `操作成功`
                })
                this.securityCheckApplyvisible = false
                this.onLoad(this.page)
                done()
            })
            error => {
                window.console.log(error)
            }
        },
        //保安员信息导出
        handleExportSecurityInfo () {
            this.$confirm("是否导出保安员信息数据?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                var data = {
                    cardid: this.search.cardid,
                    deptId: this.search.deptId,
                    roleAlias: "111",
                    hold: this.search.hold,
                    realName: this.search.realName,
                    securitynumber: this.search.securitynumber,
                    status: this.search.status,
                    userType: this.search.startTime,
                    examinationType: this.search.examinationType,
                    dispatch: this.search.dispatch,
                    isFingerprint: this.search.isFingerprint,
                    isAvatar: this.search.isAvatar
                }
                // console.log(data,123456);
                //导出
                if (this.userInfo.role_name == "保安公司管理员") {
                    //如果是保安公司管理员
                    if (this.search.deptId) {
                        data["deptId"] = this.search.deptId
                    } else {
                        data["deptId"] = this.userInfo.dept_id
                    }
                }
                if (this.userInfo.role_name == "培训公司管理员") {
                    //如果是培训公司管理员
                    data["trainingUnitId"] = this.userInfo.Id
                }
                if (
                    this.userInfo.role_name == "公安管理员" ||
                    this.userInfo.role_name == "民警"
                ) {
                    //如果是公安管理员
                    data["jurisdiction"] = this.userInfo.jurisdiction
                }
                //序列号url形式,用&拼接
                data = Qs.stringify(data)
                window.open(
                    `/api/blade-user/export-security-info?${this.website.tokenHeader
                    }=${getToken()}&` + data
                )
            })
        },
        rowSave (row, done, loading) {
            var winzhiwen = document.getElementById("zhiwen").contentWindow
            let zhiwen = winzhiwen.outZhiwenData()
            if (row.deptId) {
                row.deptId = row.deptId
            }
            if (row.roleId) {
                row.roleId = row.roleId.join(",")
            }
            if (row.postId) {
                row.postId = row.postId.join(",")
            }
            const userMap = {
                user: {
                    //是否是身份证自动识别进入
                    cell: this.nowCell,
                    //指纹↓
                    fingerprint: zhiwen.imgBMP, //图
                    myPicture: zhiwen.featuredata, //特征
                    //指纹↑
                    account: row.account,
                    avatar: row.avatar,
                    // fingerprint: row.fingerprint,
                    healstats: row.healstats,
                    birthday: row.birthday,
                    cardid: row.cardid,
                    deptId: row.deptId,
                    education: row.education1,
                    email: row.email,
                    height: row.height,
                    hold: row.hold,
                    jurisdiction: row.jurisdiction,
                    // myPicture: row.myPicture,
                    name: row.name,
                    nation: row.nation,
                    nativeplace: row.nativeplace,
                    password: row.password,
                    password2: row.password2,
                    phone: row.phone,
                    politicaloutlook: row.politicaloutlook,
                    realName: row.realName,
                    securitynumber: row.securitynumber,
                    sex: row.sex,
                    guncode: row.guncode,
                },
                userDetail: {
                    marriageStatus: row.marriageStatus,
                    signLevel: row.signLevel,
                    permanentResidenceAddress: row.permanentResidenceAddress,
                    dwellAddress: row.dwellAddress,
                    memberOfFamily: row.memberOfFamily,
                    educationExperience: row.educationExperience,
                    workExperience: row.workExperience,
                    healthCertificateUrl: row.healthCertificateUrl,
                    noCriminalRecordProveUrl: row.noCriminalRecordProveUrl,
                    acceptancePoliceUnit: row.acceptancePoliceUnit,
                    acceptancePerson: row.acceptancePerson,
                    acceptanceTime: row.acceptanceTime,
                    unitName: row.unitName,
                }
            }
            securitySave(userMap).then(
                res => {
                    // console.log(res.data,111111111111111111);
                    this.initFlag = false
                    if (res.data.code == 200) {
                        this.$alert("账号为身份证号码,密码为身份证后六位", "温馨提示", {
                            confirmButtonText: "确定",
                            callback: action => {
                                this.$message({
                                    type: "success",
                                    message: `操作成功`
                                })
                                this.onLoad(this.page)
                                done()
                            }
                        })
                    }
                    //保安员证编号不匹配的情况
                    if (res.data.code == 201) {
                        this.$alert(
                            "用户新增成功!账号为身份证号码,密码为身份证后六位!注:当前保安证编号不匹配,请核实!也可通过提供保安证件信息提交核实申请!",
                            "温馨提示",
                            {
                                confirmButtonText: "确定",
                                callback: action => {
                                    this.$message({
                                        type: "success",
                                        message: `操作成功`
                                    })
                                    this.onLoad(this.page)
                                    done()
                                }
                            }
                        )
                    }
                },
                error => {
                    window.console.log(error)
                    loading()
                }
            )
        },
        rowUpdate (row, index, done, loading) {
            row.deptId = row.deptId
            row.roleId = row.roleId.join(",")
            // row.postId = row.postId.join(",");
            //值替换,education 放在页面会卡死
            var winzhiwen = document.getElementById("zhiwen").contentWindow
            let zhiwen = winzhiwen.outZhiwenData()
            // console.log(zhiwen);
            if (zhiwen.isoks) {
                row.fingerprint = zhiwen.imgBMP
                row.myPicture = zhiwen.featuredata
            }
            //是否是身份证自动识别进入
            if (row.cell != "2") {
                row["cell"] = this.nowCell
            }
            const userMap = {
                user: {
                    id: row.id,
                    //是否是身份证自动识别进入
                    cell: row.cell,
                    //指纹↓
                    fingerprint: row.fingerprint, //图
                    myPicture: row.myPicture, //特征
                    //指纹↑
                    account: row.account,
                    avatar: row.avatar,
                    healstats: row.healstats,
                    birthday: row.birthday,
                    cardid: row.cardid,
                    deptId: row.deptId,
                    education: row.education1,
                    email: row.email,
                    height: row.height,
                    hold: row.hold,
                    jurisdiction: row.jurisdiction,
                    name: row.name,
                    nation: row.nation,
                    nativeplace: row.nativeplace,
                    phone: row.phone,
                    politicaloutlook: row.politicaloutlook,
                    realName: row.realName,
                    securitynumber: row.securitynumber,
                    sex: row.sex,
                    guncode: row.guncode
                },
                userDetail: {
                    id: row.userDetailId,
                    userId: row.id,
                    marriageStatus: row.marriageStatus,
                    signLevel: row.signLevel,
                    permanentResidenceAddress: row.permanentResidenceAddress,
                    dwellAddress: row.dwellAddress,
                    memberOfFamily: row.memberOfFamily,
                    educationExperience: row.educationExperience,
                    workExperience: row.workExperience,
                    healthCertificateUrl: row.healthCertificateUrl,
                    noCriminalRecordProveUrl: row.noCriminalRecordProveUrl,
                    acceptancePoliceUnit: row.acceptancePoliceUnit,
                    acceptancePerson: row.acceptancePerson,
                    acceptanceTime: row.acceptanceTime,
                    unitName: row.unitName,
                }
            }
            update(userMap).then(
                res => {
                    this.initFlag = false
                    this.onLoad(this.page)
                    if (res.data.code == 200) {
                        this.$message({
                            type: "success",
                            message: "操作成功!"
                        })
                    }
                    if (res.data.code == 201) {
                        this.$alert(
                            "修改成功!注:当前保安证编号不匹配,请核实!也可通过提供保安证件信息提交核实申请!",
                            "温馨提示",
                            {
                                confirmButtonText: "确定",
                                callback: action => {
                                    this.$message({
                                        type: "success",
                                        message: `操作成功`
                                    })
                                    this.onLoad(this.page)
                                    done()
                                }
                            }
                        )
                    }
                    done()
                },
                error => {
                    window.console.log(error)
                    loading()
                }
            )
        },
        rowDellook (row) {
            this.$alert(
                row.reasonForLeav == "" ? "未填写" : row.reasonForLeav,
                "离职原因",
                {
                    confirmButtonText: "确定",
                    callback: action => { }
                }
            )
        },
        leaveInfoSubmit (row, done, loading) {
            console.log(this.formLeaveInfo)
            this.formLeaveInfo.status = "2"
            var that = this
            userLeave(this.formLeaveInfo).then(() => {
                that.$refs.formLeaveInfo.resetFields()
                this.$message({
                    type: "success",
                    message: `操作成功`
                })
                this.leaveInfoVisible = false
                this.onLoad(this.page)
                done()
            })
            error => {
                window.console.log(error)
            }
        },
        rowLeaveStatus (row) {
            this.formLeaveInfo = row
            this.leaveInfoVisible = true
        },
        rowStatus (row) {
            this.$prompt("离职原因", "提示", {
                confirmButtonText: "确定离职",
                cancelButtonText: "取消",
                inputErrorMessage: ""
            })
                .then(({ value }) => {
                    row.reasonForLeav = value
                    row.status = "2"
                    // return;
                    update(row).then(res => {
                        this.$message({
                            type: "success",
                            message: "操作成功"
                        })
                    })
                    this.refreshChange()
                })
                .catch(() => { })
        },
        rowDel (row) {
            this.$confirm("确定注销当前用户?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    return remove(row.id)
                })
                .then(() => {
                    this.onLoad(this.page)
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                })
        },
        rowCheck (row) {
            this.$confirm("确定审查异常标记?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    row.examinationType = "1"
                    return update(row)
                })
                .then(() => {
                    this.onLoad(this.page)
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                })
        },
        searchReset () {
            this.query = {}
            this.treeDeptId = ""
            this.onLoad(this.page)
        },
        searchChange (params, done) {
            this.query = params
            this.page.currentPage = 1
            this.onLoad(this.page, params)
            done()
        },
        selectionChange (list) {
            this.selectionList = list
            this.choiceList = []
            for (let k in list) {
                this.choiceList.push({
                    id: list[k].id
                })
            }
        },
        selectionClear () {
            // this.selectionList = [];
            this.sort = ""
            this.sortName = ""
            // this.$refs.crud.toggleSelection();
        },
        handleBatchAudit () {
            if (this.selectionList.length === 0) {
                this.$message.warning("请选择至少一条数据")
                return
            }
            this.$confirm("请选择审批结果", {
                distinguishCancelAndClose: true,
                confirmButtonText: "审批通过",
                cancelButtonText: "不通过",
                type: "warning"
            })
                .then(() => {
                    //审核通过
                    batchAudit(this.ids, 1)
                        .then(() => {
                            this.onLoad(this.page)
                            this.$message({
                                type: "success",
                                message: "操作成功!"
                            })
                            this.$refs.crud.toggleSelection()
                        })
                }).catch(action => {
                    console.log(action)
                    if (action == 'cancel') {
                        //审核不通过
                        batchAudit(this.ids, 2)
                            .then(() => {
                                this.onLoad(this.page)
                                this.$message({
                                    type: "success",
                                    message: "操作成功!"
                                })
                                this.$refs.crud.toggleSelection()
                            })
                    }
                })
        },
        handleAudit (row) {
            this.$confirm("请选择审批结果", {
                distinguishCancelAndClose: true,
                confirmButtonText: "审批通过",
                cancelButtonText: "不通过",
                type: "warning"
            })
                .then(() => {
                    //审核通过
                    batchAudit(row.id, 1)
                        .then(() => {
                            this.onLoad(this.page)
                            this.$message({
                                type: "success",
                                message: "操作成功!"
                            })
                            this.$refs.crud.toggleSelection()
                        })
                }).catch(action => {
                    console.log(action)
                    if (action == 'cancel') {
                        //审核不通过
                        batchAudit(row.id, 2)
                            .then(() => {
                                this.onLoad(this.page)
                                this.$message({
                                    type: "success",
                                    message: "操作成功!"
                                })
                                this.$refs.crud.toggleSelection()
                            })
                    }
                })
        },
        handleDelete () {
            if (this.selectionList.length === 0) {
                this.$message.warning("请选择至少一条数据")
                return
            }
            this.$confirm("确定将选择保安注销?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    return remove(this.ids)
                })
                .then(() => {
                    this.onLoad(this.page)
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                    this.$refs.crud.toggleSelection()
                })
        },
        handleReset () {
            if (this.selectionList.length === 0) {
                this.$message.warning("请选择至少一条数据")
                return
            }
            this.$confirm("确定将选择账号密码重置为123456?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    return resetPassword(this.ids)
                })
                .then(() => {
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                    this.$refs.crud.toggleSelection()
                })
        },
        handleGrant () {
            if (this.selectionList.length === 0) {
                this.$message.warning("请选择至少一条数据")
                return
            }
            this.roleTreeObj = []
            if (this.selectionList.length === 1) {
                this.roleTreeObj = this.selectionList[0].roleId.split(",")
            }
            getRoleTree().then(res => {
                this.roleGrantList = res.data.data
                this.roleBox = true
            })
        },
        handlePlatform () {
            this.platformBox = true
        },
        handleImport () {
            this.excelBox = true
        },
        uploadAfter (res, done, loading, column) {
            window.console.log(column)
            this.excelBox = false
            this.refreshChange()
            done()
        },
        handleExport () {
            this.$confirm("是否导出保安数据?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                window.open(
                    `/api/blade-user/export-user?${this.website.tokenHeader
                    }=${getToken()}&account=${this.search.account}&realName=${this.search.realName
                    }`
                )
            })
        },
        handleTemplate () {
            window.open(
                `/api/blade-user/export-template?${this.website.tokenHeader
                }=${getToken()}`
            )
        },
        openClosegroup (val) {
            // let ql = /realName|nation|cardid|registered|sex/;
            let ql = /realName|nation|cardid|registered/
            for (let k in this.option.group) {
                for (let i in this.option.group[k].column) {
                    if (ql.test(this.option.group[k].column[i].prop)) {
                        this.option.group[k].column[i]["disabled"] = val
                    }
                }
            }
        },
        SFZopens () {
            if (this.haveSEL == "noDrive") {
                let url =
                    "http://61.131.136.25:2081/zhba/upload/20211201/64d8b76f3aecae93e18d015bbca89aba.rar"
                window.open(url, "_self")
            } else if (this.haveSEL == "noEquipment") {
                this.radio = true
            }
        },
        olondSFZ () {
            // console.log(123456);
            var that = this
            //   // 开始连接设备
            //   //调用对应的连接方法,并赋值给result
            let lodings = val => {
                setTimeout(res => {
                    that.SFZloding = val
                }, 1000)
            }
            this.cardShebei = CertCtl.connect(res => {
                let k = ""
                try {
                    k = JSON.parse(res)
                } catch (error) {
                    k = res
                }
                // console.log(res);
                if (k == "") {
                    that.haveSEL = "noDrive"
                    // console.log("连接身份证设备失败,请安装驱动");
                    that.sfzButTitle = "未安装身份证驱动,点击下载"
                    this.$message({
                        type: "warning",
                        message: "连接身份证设备失败,请重新连接设备!"
                    })
                    that.radio = false
                    lodings(false)
                    return
                }
                if (k.resultFlag == 0) {
                    that.haveSEL = "connectionSucceeded"
                    // console.log("连接身份证设备成功");
                    this.$message({
                        type: "success",
                        message: "连接身份证设备成功!"
                    })
                    lodings(false)
                } else {
                    that.haveSEL = "noEquipment"
                    that.sfzButTitle = "连接身份证设备失败,请重试"
                    // console.log("连接身份证设备失败,请重新连接设备!");
                    this.$message({
                        type: "warning",
                        message: "连接身份证设备失败,请重新连接设备!"
                    })
                    that.radio = false
                    lodings(false)
                }
            })
        },
        setIntervals: function () {
            let that = this
            this.intTime = setInterval(function () {
                if (!that.haveCardid) {
                    //定时读卡
                    // console.log(that.haveCardid);
                    let result = CertCtl.readCert()
                    // console.log(result);
                    // console.log("通过读取");
                    if (result == "") {
                        console.log("未启动读卡插件!")
                        that.closeSFZ()
                    } else {
                        var resultObj = eval("(" + result + ")")
                        //resultFlag为0代表读卡成功
                        if (resultObj.resultFlag == "0") {
                            //回显相关数据
                            // console.log(resultObj, 123);
                            const data = resultObj.resultContent
                            that.haveCardid = true
                            // console.log(data, 789);
                            // that.defaults.cardid.display = true;
                            // that.defaults.cardid.value = "123";
                            // console.log(that.defaults);
                            that.form.realName = data.partyName
                            that.form.cardid = data.certNumber
                            that.form.nation = data.nation
                            that.form.registered = data.certAddress
                            that.form.sex = data.gender == 0 ? 2 : data.gender == 1 ? 1 : 3
                            //禁止编辑
                            that.openClosegroup(true)
                            that.nowCell = "2"
                        } else if (resultObj.resultFlag == "-1") {
                            if (resultObj.errorMsg == "端口打开失败") {
                                console.log("读卡器未连接")
                                that.closeSFZ()
                            } else {
                                // console.log("无卡片提醒-1", resultObj.errorMsg);
                                //无卡片提醒
                                // that.closeSFZ();
                            }
                        } else if (resultObj.resultFlag == "-2") {
                            console.log("异常-2", resultObj.errorMsg)
                            that.closeSFZ()
                        }
                    }
                } else {
                    // console.log("停止获取");
                }
            }, 2000)
        },
        beginSFZ () {
            if (this.haveSEL == "connectionSucceeded" && this.radio) {
                this.haveCardid = false
                if (this.intTime) {
                    clearInterval(this.intTime)
                    this.setIntervals()
                } else {
                    this.setIntervals()
                }
            } else {
                clearInterval(this.intTime)
            }
        },
        closeSFZ (val) {
            if (this.intTime) {
                clearInterval(this.intTime)
                // this.setIntervals();
            } else {
                clearInterval(this.intTime)
                // this.setIntervals();
            }
            if (val) {
                this.haveCardid = true
                this.cardShebei = ""
                //可以编辑
            }
            this.openClosegroup(false)
            this.nowCell = ""
        },
        beforeOpen (done, type) {
            var that = this
            // console.log(type, 123);
            this.beginSFZ()
            if (["edit"].includes(type)) {
                this.type = 1
            }
            if (["add"].includes(type)) {
                this.type = 2
            }
            if (["edit", "view"].includes(type)) {
                getUser(this.form.id).then(res => {
                    this.form = res.data.data
                    var d = {
                        education1: res.data.data.education
                    }
                    this.form = {
                        ...this.form,
                        ...d
                    }
                    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 => {
                        that.form.UserPractitionersInfo = res1.data.data
                    })
                })
            }
            this.initFlag = true
            done()
        },
        beforeClose (done, type) {
            this.closeSFZ(112)
            done()
        },
        currentChange (currentPage) {
            this.page.currentPage = currentPage
        },
        //行样式调整
        rowStyle ({ row, column, rowIndex }) {
            if (row.examinationType == "1") {
                return {
                    color: "#ff2727"
                }
            }
        },
        sizeChange (pageSize) {
            this.page.pageSize = pageSize
        },
        refreshChange () {
            this.onLoad(this.page, this.query)
        },
        //排序
        sortChange (value) {
            // console.log(value, 51151515);
            if (value.order == "ascending") {
                this.sort = "asc"
            }
            if (value.order == "descending") {
                this.sort = "desc"
            }
            this.sortName = value.prop
            //字段匹配
            if (value.prop == "sexs") {
                this.sortName = "sex"
            }
            if (value.prop == "examinationType") {
                this.sortName = "examination_type"
            }
            if (value.prop == "userType") {
                this.sortName = "user_type"
            }
            this.onLoad(this.page, this.query)
        },
        onLoad (page, params = {}) {
            if (this.isNotChangeSize) {
                this.loading = true
            }
            params = this.search
            var that = this
            //获取当前登录人员的角色信息
            var roleIds = this.userInfo.role_id.split(",")
            roleIds.forEach(roleId => {
                getRoleDetail(roleId).then(res => {
                    var roleAlias = res.data.data.roleAlias
                    if (roleAlias == "保安公司管理员") {
                        that.option.group[1].column[4].dicData = [
                            {
                                label: "是",
                                value: "1"
                            },
                            {
                                label: "否",
                                value: "2"
                            }
                        ]
                    }
                    if (
                        roleAlias == "保安公司管理员" ||
                        roleAlias == "保安" ||
                        roleAlias == "分公司管理员"
                    ) {
                        //去除保安公司查询
                        // const column = that.findObject(that.option.column, "deptId");
                        // column.search = false;
                        // column.dicUrl =
                        //   "/api/blade-system/dept/security_lazy-tree?deptId="+that.userInfo.dept_id;
                        const deptColumn = that.findObject(that.option.group, "deptId")
                        deptColumn.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?deptId=" +
                            that.userInfo.dept_id
                        //禁止编辑
                        // deptColumn.disabled = true;
                        deptColumn.value = that.userInfo.dept_id
                        that.isSecurity = false
                        //如果是保安公司管理员
                        if (this.search.deptId) {
                            params["deptId"] = this.search.deptId
                        } else {
                            params["deptId"] = that.userInfo.dept_id
                        }
                        //导入action 修改
                        const importColumn = that.findObject(
                            that.excelOption1.column,
                            "excelFile"
                        )
                        importColumn.action =
                            "/api/blade-user/import-security?deptId=" + this.deptIds
                    } else if (
                        roleAlias == "公安管理员" ||
                        roleAlias == "administrator" ||
                        this.userInfo.role_name == "民警"
                    ) {
                        params["jurisdiction"] = that.userInfo.jurisdiction
                        var ColumnDeptUpdate = that.findObject(that.option.group, "deptId")
                        ColumnDeptUpdate.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?jurisdiction=" +
                            that.userInfo.jurisdiction
                        //审查状态查询开启
                        var columnExaminationType = that.findObject(
                            that.option.column,
                            "examinationType"
                        )
                        columnExaminationType.search = true
                        columnExaminationType.hide = false
                    } else {
                        var ColumnDeptUpdate1 = that.findObject(
                            that.option.group,
                            "deptId"
                        )
                        ColumnDeptUpdate1.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree"
                    }
                    if (this.sort) {
                        params["sort"] = this.sort
                    }
                    if (this.sortName) {
                        params["sortName"] = this.sortName
                    }
                    let values = {
                        ...params
                    }
                    values = {
                        ...params,
                        roleAlias: "111",
                        ...that.query
                    }
                    getList(page.currentPage, page.pageSize, values).then(res => {
                        const data = res.data.data
                        that.page.total = data.total
                        // var d = data.records;
                        // var date = new Date();
                        // var datayear = date.getFullYear();
                        // for (const key in d) {
                        //   var year = d[key].cardid.slice(6, 10);
                        //   d[key]["age"] = +datayear - +year;
                        //   // d[key].securitynumber = "赣洪202100009";
                        // }
                        that.data = data.records
                        console.log(this.data, "++++++++++")
                        that.loading = false
                        that.selectionClear()
                        that.$store.commit("setWindowSizeHeightAdd")
                    })
                })
            })
        },
        platformRowUpdate (row, index, done, loading) {
            updatePlatform(row.id, row.userType, row.userExt).then(
                () => {
                    this.platformOnLoad(this.platformPage)
                    this.$message({
                        type: "success",
                        message: "操作成功!"
                    })
                    done()
                },
                error => {
                    window.console.log(error)
                    loading()
                }
            )
        },
        platformBeforeOpen (done, type) {
            if (["edit", "view"].includes(type)) {
                getUserPlatform(this.platformForm.id).then(res => {
                    this.platformForm = res.data.data
                })
            }
            done()
        },
        platformSearchReset () {
            this.platformQuery = {}
            this.platformOnLoad(this.platformPage)
        },
        platformSearchChange (params, done) {
            this.platformQuery = params
            this.platformPage.currentPage = 1
            this.platformOnLoad(this.platformPage, params)
            done()
        },
        platformSelectionChange (list) {
            this.platformSelectionList = list
        },
        platformSelectionClear () {
            this.platformSelectionList = []
            this.$refs.platformCrud.toggleSelection()
        },
        platformCurrentChange (currentPage) {
            this.platformPage.currentPage = currentPage
        },
        platformSizeChange (pageSize) {
            this.platformPage.pageSize = pageSize
        },
        platformRefreshChange () {
            this.platformOnLoad(this.platformPage, this.platformQuery)
        },
        platformOnLoad (page, params = {}) {
            this.platformLoading = true
            getList(
                page.currentPage,
                page.pageSize,
                Object.assign(params, this.query),
                this.treeDeptId
            ).then(res => {
                const data = res.data.data
                this.platformPage.total = data.total
                this.platformData = data.records
                this.platformLoading = false
                this.selectionClear()
            })
        },
        //照片上传拦截
        uploadBefore (file, done, loading, column) {
            //如果你想修改file文件,由于上传的file是只读文件,必须复制新的file才可以修改名字,完后赋值到done函数里,如果不修改的话直接写done()即可
            //判断角色
            if (this.userInfo.role_name != "administrator") {
                if (file.type.indexOf("image/") == -1) {
                    MessageBox.alert(
                        "上传图片格式错误,请上传图片类型,如:JPG,PNG后缀的文件。"
                    )
                    loading()
                    return false
                }
                let data = window.URL.createObjectURL(new Blob([file]))
                this.filename = file
                this.option.img = data
                //判断文件大小
                const isLt1M = file.size >= 30 * 1024 && file.size <= 500 * 1024
                if (!isLt1M) {
                    MessageBox.alert("上传图片大小必须大于30KB,且小于500KB!")
                    loading()
                    return false
                }
                done()
                return isLt1M
            }
            done()
        }
    }
  }
};
}
</script>
<style lang="scss" scoped>
.box {
  height: 800px;
    height: 800px;
}
.el-scrollbar {
  height: 100%;
    height: 100%;
}
.box .el-scrollbar__wrap {
  overflow: scroll;
    overflow: scroll;
}
.rowClickSelf {
  &:hover {
    cursor: pointer;
  }
    &:hover {
        cursor: pointer;
    }
}
//保安证  本子
.certificate_box {
  width: 100%;
  height: 90%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font: normal 18px "SimSuncss" !important;
    width: 100%;
    height: 90%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font: normal 18px "SimSuncss" !important;
}
.security_main {
  width: 630px;
  height: 512px;
  //   border: 1px solid rgba($color: #a5a5a5, $alpha: 0.5);
  // display: flex;
  // align-items: center;
  // justify-content: space-around;
  // background-size: 100% 100%;
  // background-repeat: no-repeat;
  position: relative;
    width: 630px;
    height: 512px;
    //   border: 1px solid rgba($color: #a5a5a5, $alpha: 0.5);
    // display: flex;
    // align-items: center;
    // justify-content: space-around;
    // background-size: 100% 100%;
    // background-repeat: no-repeat;
    position: relative;
}
// 标题
@@ -3215,26 +3208,26 @@
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
  position: absolute;
  top: $upTop;
  left: 34px;
  line-height: 45px;
  letter-spacing: 3px;
    position: absolute;
    top: $upTop;
    left: 34px;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证公安机关&nbsp;(印章)
.security_m_l_center {
  position: absolute;
  top: 270px;
  left: 30px;
  line-height: 40px;
    position: absolute;
    top: 270px;
    left: 30px;
    line-height: 40px;
}
//证件编号 &nbsp;
.security_m_l_down {
  position: absolute;
  top: 379px;
  left: 32px;
    position: absolute;
    top: 379px;
    left: 32px;
}
$rightLeft: 343px;
@@ -3245,69 +3238,69 @@
//姓名
.security_m_r_a {
  position: absolute;
  top: $downTop;
  left: $rightLeft;
  width: $rightWidth;
  text-align: justify;
  text-align-last: justify;
    position: absolute;
    top: $downTop;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//出生年月
.security_m_r_b {
  position: absolute;
  top: $downTop + $lineHigeht * 1;
  left: $rightLeft;
  width: $rightWidth;
  text-align: justify;
  text-align-last: justify;
    position: absolute;
    top: $downTop + $lineHigeht * 1;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//地址
.security_m_r_c {
  position: absolute;
  top: $downTop + $lineHigeht * 2;
  left: $rightLeft;
  width: $rightWidth;
  text-align: justify;
  text-align-last: justify;
    position: absolute;
    top: $downTop + $lineHigeht * 2;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//公民身份证
.security_m_r_d {
  position: absolute;
  top: 363px;
  left: $rightLeft;
  width: $rightWidth;
  text-align: justify;
  text-align-last: justify;
    position: absolute;
    top: 363px;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
.security_m_r_imgs {
  width: calc(358px / 3);
  height: calc(441px / 3);
  position: absolute;
  top: $upTop;
  left: 421px;
    width: calc(358px / 3);
    height: calc(441px / 3);
    position: absolute;
    top: $upTop;
    left: 421px;
  img {
    width: 100%;
    height: 100%;
  }
    img {
        width: 100%;
        height: 100%;
    }
}
// 内容
// 抬头名字
.security_m_l_titleName {
  position: absolute;
  top: 38px;
  left: 121px;
  right: 0;
  line-height: 45px;
  letter-spacing: 3px;
    position: absolute;
    top: 38px;
    left: 121px;
    right: 0;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证时间
@@ -3315,33 +3308,33 @@
//年
.security_m_l_titlepaperTimenian {
  position: absolute;
  top: $timeTop;
  left: 109px;
  line-height: 40px;
    position: absolute;
    top: $timeTop;
    left: 109px;
    line-height: 40px;
}
//月
.security_m_l_titlepaperTimeyue {
  position: absolute;
  top: $timeTop;
  left: 168px;
  line-height: 40px;
    position: absolute;
    top: $timeTop;
    left: 168px;
    line-height: 40px;
}
//日
.security_m_l_titlepaperTimeri {
  position: absolute;
  top: $timeTop;
  left: 159px;
  line-height: 40px;
    position: absolute;
    top: $timeTop;
    left: 159px;
    line-height: 40px;
}
//证件编号
.security_m_l_downsecuritynumber {
  position: absolute;
  top: 384px; //整体高度
  left: 145px;
    position: absolute;
    top: 384px; //整体高度
    left: 145px;
}
//内容
@@ -3349,61 +3342,61 @@
$centerLeft: 458px;
.security_m_r_o_right {
  position: absolute;
  top: $downTop + $lineHigeht * 0+18px;
  left: $centerLeft;
  // width: $rightWidth;
    position: absolute;
    top: $downTop + $lineHigeht * 0+18px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 生日
.security_m_r_o_rightbirthday {
  position: absolute;
  top: $downTop + $lineHigeht * 1+0px;
  left: $centerLeft;
  // width: $rightWidth;
    position: absolute;
    top: $downTop + $lineHigeht * 1+0px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 地址
.security_m_r_o_rightaddress {
  position: absolute;
  top: $downTop + $lineHigeht * 2+0px;
  left: $centerLeft;
  width: 185px;
    position: absolute;
    top: $downTop + $lineHigeht * 2+0px;
    left: $centerLeft;
    width: 185px;
}
// 身份证
.security_m_r_o_rightcardid {
  position: absolute;
  top: $downTop + $lineHigeht * 4 +10px;
  left: $centerLeft;
  // width: $rightWidth;
    position: absolute;
    top: $downTop + $lineHigeht * 4 +10px;
    left: $centerLeft;
    // width: $rightWidth;
}
//背景图
.security_main_backImge {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/img/securityCertificate/bazsss.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/img/securityCertificate/bazsss.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.security_m_r_o_jg {
  position: absolute;
  top: 267px;
  left: 210px;
  line-height: 40px;
  letter-spacing: 2px;
    position: absolute;
    top: 267px;
    left: 210px;
    line-height: 40px;
    letter-spacing: 2px;
}
.zhiwenMain {
  width: 100%;
  height: 305px;
  // display: flex;
  // align-items: center;
  // justify-content: space-around;
  // border: 1px solid red;
    width: 100%;
    height: 305px;
    // display: flex;
    // align-items: center;
    // justify-content: space-around;
    // border: 1px solid red;
}
// .zhiwenImgs {
@@ -3415,32 +3408,32 @@
// }
.downSFZqudong {
  position: absolute;
  right: 239px;
  top: 93px;
  font-size: 14px;
    position: absolute;
    right: 239px;
    top: 93px;
    font-size: 14px;
  a {
    text-decoration: underline;
    a {
        text-decoration: underline;
    &:hover {
      color: rgb(36, 143, 231);
        &:hover {
            color: rgb(36, 143, 231);
        }
    }
  }
}
.downSFZqudongS {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 14px;
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 14px;
  a {
    text-decoration: underline;
    a {
        text-decoration: underline;
    &:hover {
      color: rgb(36, 143, 231);
        &:hover {
            color: rgb(36, 143, 231);
        }
    }
  }
}
</style>