Administrator
2021-11-05 6ce99cb40ee88271fa0d0d8daea99ba0eaec122f
src/views/securityGuard/securityGuard.vue
@@ -1,1001 +1,1924 @@
<template>
  <el-row>
    <!-- <el-col :span="5">
      <div class="box">
        <el-scrollbar>
          <basic-container>
            <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"/>
          </basic-container>
        </el-scrollbar>
      </div>
    </el-col> -->
    <el-col>
      <basic-container>
        <avue-crud :option="option"
                   :search.sync="search"
                   :table-loading="loading"
                   :data="data"
                   ref="crud"
                   v-model="form"
                   :permission="permissionList"
                   @row-del="rowDel"
                   @row-update="rowUpdate"
                   @row-save="rowSave"
                   :before-open="beforeOpen"
                   :page.sync="page"
                   @search-change="searchChange"
                   @search-reset="searchReset"
                   @selection-change="selectionChange"
                   @current-change="currentChange"
                   @size-change="sizeChange"
                   @refresh-change="refreshChange"
                   @on-load="onLoad">
          <!-- <template slot="menuLeft">
            <el-button type="danger"
                       size="small"
                       plain
                       icon="el-icon-delete"
                       v-if="permission.user_delete"
                       @click="handleDelete">删 除
            </el-button>
          </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="status">
            <el-tag
            >{{
              row.status == "0" ? "已离职" : row.status == "1" ? "在职" : "已离职"
              }}
            </el-tag>
          </template>
          <template slot-scope="{ row }" slot="sex">
            <el-tag
            >{{
              row.sex == 1 ? "男" : "女"
              }}
            </el-tag>
          </template>
        </avue-crud>
        <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>
      </basic-container>
    </el-col>
  </el-row>
    <el-row :class="{ securityGuard: isSecurity }">
        <el-col :span="0"
                style="display: none">
            <div class="box">
                <el-scrollbar>
                    <basic-container>
                        <avue-tree :option="treeOption"
                                   :data="treeData"
                                   @node-click="nodeClick" />
                    </basic-container>
                </el-scrollbar>
            </div>
        </el-col>
        <el-col :span="24">
            <basic-container>
                <avue-crud :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"
                           @search-change="searchChange"
                           @search-reset="searchReset"
                           @selection-change="selectionChange"
                           @current-change="currentChange"
                           @size-change="sizeChange"
                           @refresh-change="refreshChange"
                           @on-load="onLoad">
                    <!-- @row-update="rowUpdate" -->
                    <template slot="menuLeft">
                        <el-button type="success"
                                   size="small"
                                   plain
                                   icon="el-icon-upload2"
                                   v-if="permission.securityGuard_import"
                                   @click="handleImport1">保安员批量导入
                        </el-button>
                        <el-button type="success"
                                   size="small"
                                   plain
                                   icon="el-icon-upload2"
                                   v-if="permission.securityGuard_import"
                                   @click="handleImport2">个人照片批量上传
                        </el-button>
                        <el-button type="primary"
                                   size="small"
                                   plain
                                   v-if="permission.securityGuard_security_apply"
                                   icon="el-icon-s-promotion"
                                   @click="handleSecurityApply">上岗证制证申请
                        </el-button>
                        <el-button type="danger"
                                   style="display: none"
                                   size="small"
                                   plain
                                   icon="el-icon-delete"
                                   @click="handleDelete">注 销
                        </el-button>
                        <el-button type="info"
                                   style="display: none"
                                   size="small"
                                   plain
                                   v-if="permission.user_role"
                                   icon="el-icon-user"
                                   @click="handleGrant">角色配置
                        </el-button>
                        <el-button type="info"
                                   style="display: none"
                                   size="small"
                                   plain
                                   v-if="permission.user_reset"
                                   icon="el-icon-refresh"
                                   @click="handleReset">密码重置
                        </el-button>
                        <el-button type="info"
                                   style="display: none"
                                   size="small"
                                   plain
                                   v-if="userInfo.role_name.includes('admin')"
                                   icon="el-icon-setting"
                                   @click="handlePlatform">平台配置
                        </el-button>
                        <el-button type="success"
                                   style="display: none"
                                   size="small"
                                   plain
                                   v-if="userInfo.role_name.includes('admin')"
                                   icon="el-icon-upload2"
                                   @click="handleImport">导入
                        </el-button>
                        <el-button type="warning"
                                   style="display: none"
                                   size="small"
                                   plain
                                   v-if="userInfo.role_name.includes('admin')"
                                   icon="el-icon-download"
                                   @click="handleExport">导出
                        </el-button>
                    </template>
                    <template slot-scope="{ type, size, row }"
                              slot="menu">
                        <el-button icon="el-icon-s-custom"
                                   :size="size"
                                   :type="type"
                                   @click.stop="rowClick(row)">查看
                        </el-button>
                        <el-button icon="el-icon-edit"
                                   :size="size"
                                   :type="type"
                                   v-if="permission.securityGuard_delete && row.status != 2"
                                   @click.stop="rowStatus(row)">离职登记
                        </el-button>
                        <el-button icon="el-icon-edit"
                                   :size="size"
                                   :type="type"
                                   v-if="row.status == 2"
                                   @click.stop="rowDellook(row)">离职查询
                        </el-button>
                        <el-button icon="el-icon-edit"
                                   :size="size"
                                   :type="type"
                                   v-if="permission.securityGuard_check"
                                   @click.stop="rowCheck(row)">异常
                        </el-button>
                        <el-button icon="el-icon-edit"
                                   :size="size"
                                   :type="type"
                                   v-if="permission.securityGuard_paper"
                                   @click.stop="certificateClick(row)">纸质证书制作
                        </el-button>
                    </template>
                    <template slot-scope="{ row }"
                              slot="sex">
                        <el-tag v-if="row.sex == 1">男</el-tag>
                        <el-tag v-if="row.sex == 2">女</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="deptId">
                        <el-tag class="rowClickSelf"
                                title="点击查看所属公司情况"
                                @click="rowClickSelf(row.deptId)">{{ row.deptName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="tenantName">
                        <el-tag>{{ row.tenantName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="roleName">
                        <el-tag>{{ row.roleName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="deptName">
                        <el-tag>{{ row.deptName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="userTypeName">
                        <el-tag>{{ row.userTypeName }}</el-tag>
                    </template>
                    <template slot-scope="{ row }"
                              slot="userType">
                        {{
                                row.userType == 6 ? '已制证' : row.userType == 7 ? '未制证' : ''
                              }}
                    </template>
                </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>
                <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_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>
    </el-row>
</template>
<script>
  import {
import {
    getUser,
    getUserPlatform,
    remove,
    update,
    updatePlatform,
    add,
    securitySave,
    grant,
    getUserPractitionersInfo
  } from "@/api/system/user";
    import {getList} from "@/api/securityGuard/securityGuard";
  import {getDeptTree} from "@/api/system/dept";
  import {getRoleTree} from "@/api/system/role";
  import {getPostList} from "@/api/system/post";
  import {mapGetters} from "vuex";
  import website from '@/config/website';
  import {getToken} from '@/util/auth';
    resetPassword,
    getUserPractitionersInfo,
    updatePaperTime,
    saveOrUpdateUserPractitionersInfo,
} from "@/api/system/user";
import { securityApply } from '@/api/accreditationRecords/accreditationRecords'
import { getList } from "@/api/securityGuard/securityGuard";
import { getDeptLazyTree } from "@/api/system/dept";
import { getRoleTree, getRoleDetail } from "@/api/system/role";
import { getPostList } from "@/api/system/post";
import { mapGetters } from "vuex";
import website from "@/config/website";
import { getToken } from "@/util/auth";
import { securityFormPageColumn } from "./data";
import { mapState } from "vuex";
  export default {
    data() {
      return {
        baseUrl:"/map/index.html?ISinit=1",
        form: {},
        search: {},
        roleBox: false,
        excelBox: false,
        platformBox: false,
        showMap: false,
        initFlag: true,
        selectionList: [],
        query: {},
        loading: true,
        roleId:"",
        platformLoading: false,
        page: {
          pageSize: 10,
          currentPage: 1,
          total: 0
        },
        platformPage: {
          pageSize: 10,
          currentPage: 1,
          total: 0
        },
        init: {
          roleTree: [],
          deptTree: [],
        },
        props: {
          label: "title",
          value: "key"
        },
        roleGrantList: [],
        roleTreeObj: [],
        treeDeptId: '',
        treeData: [],
        option: {
          height: 'auto',
          calcHeight: 54,
          tip: false,
          searchShow: true,
          searchMenuSpan: 6,
          border: false,
          stripe: true,
          index: true,
          selection: true,
          viewBtn: true,
          delBtnText:'离职登记',
          editBtnText:'修改',
          menuWidth:200,
          //dialogType: 'drawer',
          dialogClickModal: false,
          column: [
            {
              label: "用户姓名",
              prop: "realName",
              search: true,
              searchSpan:4,
              display: false
            },
            {
              label: "性别",
              prop: "sex",
              type: "select",
              slot:true,
              display: false
            },
             {
              label: "籍贯",
              prop: "nativePlace",
              display: false
            },
             {
              label: "民族",
              prop: "nation",
              display: false
            },
            {
              label: "出生日期",
              prop: "birthday",
              type: "date",
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd",
              display: false
            },
            {
              label: "学历",
              prop: "education",
              display: false,
              dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              type:"select",
              rules: [{
                required: true,
                message: "请选择学历",
                trigger: "blur"
              }],
            },
            {
              label: "联系电话",
              prop: "phone",
              display: false
            },
            {
              label: "邮箱",
              prop: "email",
              display: false,
              width:150
            },
            {
              label: "入职时间",
              prop: "rtime",
              display: false
            },
            {
              label: "所属部门",
              prop: "deptName",
              slot: true,
              searchSpan:4,
              display: false,
              search:true,
              width:260
            },
            {
              label: "岗位",
              prop: "postName",
              slot: true,
              display: false
            },
            {
              label: "入职时间",
              prop: "rtime",
              type: "datetime",
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd",
              searchRange: true,
              searchSpan: 6,
              hide: true,
              addDisplay: false,
              editDisplay: false,
              viewDisplay: false,
              search: true,
              rules: [
                {
                  required: true,
                  message: "请输入时间",
                  trigger: "blur"
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;
        const validatePassCardid = (rule, value, callback) => {
            // console.log(oldy, oldm, oldd, year - oldy, mouth, day);
            var test =
                /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
            if (!test.test(value)) {
                callback(new Error("请输入正确身份证号码"));
            } else {
                //加入校验18岁到60岁的
                oldy = +value.slice(6, 10);
                oldm = +value.slice(10, 12);
                oldd = +value.slice(12, 14);
                ok =
                    year - oldy < 18 || year - oldy > 60
                        ? false
                        : year - oldy == 18
                            ? mouth < oldm
                                ? false
                                : mouth > oldm
                                    ? true
                                    : day < oldd
                                        ? false
                                        : true
                            : year - oldy == 60
                                ? mouth < oldm
                                    ? true
                                    : mouth > oldm
                                        ? false
                                        : day <= oldd
                                            ? false
                                            : true
                                : true;
                if (ok) {
                    callback();
                } else {
                    // callback(new Error("根据国家要求,需在18岁至60岁"));
                    callback(new Error("年龄不符"));
                }
              ]
            },
             {
              label: "在职状态",
              prop: "status",
              slot: true,
              display: false,
              searchSpan:3,
              search:true
            }
          ],
          group: [
            {
              label: '基础信息',
              prop: 'baseInfo',
              labelWidth:"110",
              icon: 'el-icon-user-solid',
              column: [
                {
                  label: "所属保安单位",
                  prop: "tenantId",
                  type: "tree",
                  dicUrl: "/api/blade-system/tenant/select",
                  props: {
                    label: "tenantName",
                    value: "tenantId"
                  },
                  disabled:true,
                  span: 24,
                },
                {
                  label: "登录账号",
                  prop: "account",
                  disabled:true
                },
                {
                  label: "用户姓名",
                  prop: "realName",
                  rules: [{
                    required: true,
                    message: "请输入用户姓名",
                    trigger: "blur"
                  }, {
                    min: 2,
                    max: 5,
                    message: '姓名长度在2到5个字符'
                  }]
                },
                {
                  label: "用户昵称",
                  prop: "name"
                },
                {
                  label: "手机号码",
                  prop: "phone",
                  overHidden: true,
                  rules: [{
                    required: true,
                    message: "请输入手机号",
                    trigger: "blur"
                  }]
                },
                {
                  label: "电子邮箱",
                  prop: "email",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "身份证号",
                  prop: "cardid",
                  hide: true,
                  overHidden: true,
                  rules: [{
                    required: true,
                    message: "请输入身份证号",
                    trigger: "blur"
                  }]
                },
                {
                  label: "籍贯",
                  prop: "nativePlace",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "民族",
                  prop: "nation",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "最高学历",
                  prop: "education",
                  type: "select",
                  dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
                  props: {
                    label: "dictValue",
                    value: "dictKey"
                  },
                  dataType: "number",
                  slot: true,
                  rules: [{
                    required: true,
                    message: "请选择学历",
                    trigger: "blur"
                  }]
                },
                {
                  label: "政治面貌",
                  prop: "politicaloutlook",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "身高",
                  prop: "height",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "联系地址",
                  prop: "address",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "户口所在地",
                  prop: "registered",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "入职时间",
                  prop: "rtime",
                  type:'date',
                  format: "yyyy-MM-dd",
                  valueFormat: "yyyy-MM-dd",
                  hide: true,
                  overHidden: true
                },
                {
                  label: "用户性别",
                  prop: "sex",
                  type: "select",
                  dicData: [
        };
        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 {
            certificateYear: null,
            certificateMonth: null,
            certificateFlag: false,
            certificateObj: {
                realName: '',
                securitynumber: '',
                cardid: '',
                registered: ''
            },
            securityid: "",
            excelBox1: false,
            excelBox2: false,
            isSecurity: true,
            excelForm1: {},
            excelOption1: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                      label: "男",
                      value: 1
                        label: "文件上传",
                        prop: "excelFile",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data",
                        },
                        tip: "请上传 .xls,.xlsx 标准格式文件",
                        action: "/api/blade-user/import-user?deptId=" + this.deptIds,
                    },
                    {
                      label: "女",
                      value: 2
                        label: "模板下载",
                        prop: "excelTemplate",
                        formslot: true,
                        span: 24,
                    },
                ],
            },
            excelForm2: {},
            excelOption2: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                      label: "未知",
                      value: 3
                        label: "文件上传",
                        prop: "file",
                        type: "upload",
                        drag: true,
                        loadText: "文件上传中,请稍等",
                        span: 24,
                        propsHttp: {
                            res: "data",
                        },
                        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,
            },
            roleId: "1412226235153731586",
            deptId: "1413470343230877697",
            deptIds: "",
            platformPage: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
            },
            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: [],
            option: {
                height: "auto",
                calcHeight: 80,
                tip: true,
                searchShow: true,
                reserveSelection: true,
                selectable: (row) => {
                    if (row.hold !== "1") {
                        return false;
                    } else {
                        return true;
                    }
                  ],
                  hide: true
                },
                {
                  label: "用户生日",
                  type: "date",
                  prop: "birthday",
                  hide: true
                }
              ]
            },
            {
              label: '从业信息',
              prop: 'detailInfo',
              icon: 'el-icon-s-order',
              column: [
                indexWidth: 55,
                searchMenuSpan: 6,
                stripe: true,
                border: true,
                delBtn: true,
                align: "center",
                index: true,
                delBtnText: "注销",
                menuWidth: 327,
                selection: true,
                viewBtn: true,
                defaultExpandAll: true,
                //dialogType: 'drawer',
                dialogClickModal: false,
                column: securityFormPageColumn,
                group: [
                    {
                    prop: 'UserPractitionersInfo',
                    type: 'dynamic',
                    border: false,
                    span:24,
                    children: {
                        align: 'left',
                        headerAlign: 'center',
                        type:'form',
                        rowAdd:(done)=>{
                            console.log(done,111);
                            done({
                                input:'默认值'
                            });
                        },
                        rowDel:(row,done)=>{
                            console.log(row,222);
                            done();
                        },
                        label: "基础信息",
                        labelWidth: "110",
                        prop: "baseInfo",
                        icon: "el-icon-user-solid",
                        column: [
                                {
                                    width: 200,
                                    label: '单位名称',
                                    prop: "companyname",
                                    formslot: true,
                                }, {
                                    width: 200,
                                    label: '部门',
                                    prop: "department",
                                    formslot: true,
                                }, {
                                    width: 200,
                                    label: '岗位',
                                    prop: "post",
                                    formslot: true,
                                },  {
                                    width: 200,
                                    label: '岗位职责',
                                    prop: "responsibilities",
                                    formslot: true,
                                },  {
                                    width: 200,
                                    label: '入职时间',
                                    type:'date',
                                    format: "yyyy-MM-dd",
                                    valueFormat: "yyyy-MM-dd",
                                    prop: "entryTime",
                                    formslot: true,
                                },  {
                                    width: 200,
                                    label: '离职时间',
                                    type:'date',
                                    format: "yyyy-MM-dd",
                                    valueFormat: "yyyy-MM-dd",
                                    prop: "departureTime",
                                    formslot: true,
                                },  {
                                    width: 200,
                                    label: '离职原因',
                                    prop: "leaving",
                                    formslot: true,
                                }
                            ]
                        }
                            {
                                label: "所属保安公司",
                                prop: "deptId",
                                type: "tree",
                                // dicUrl:
                                // "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
                                // dicUrl: "/api/blade-system/dept/lazy-tree?parentId=0",
                                props: {
                                    label: "title",
                                    value: "id",
                                },
                                // disabled: true,
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择保安公司",
                                        trigger: "blur",
                                    },
                                ],
                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入姓名",
                                        trigger: "blur",
                                    },
                                    {
                                        min: 2,
                                        max: 5,
                                        message: "姓名长度在2到5个字符",
                                    },
                                ],
                            },
                            // {
                            //   label: "登录账号",
                            //   prop: "account",
                            //   editDisabled: true,
                            //   rules: [
                            //     {
                            //       required: true,
                            //       message: "请输入登录账号",
                            //       trigger: "blur",
                            //     },
                            //   ],
                            //   // disabled: true,
                            // },
                            // {
                            //   label: "密码",
                            //   prop: "password",
                            //   type: "password",
                            //   hide: true,
                            //   editDisplay: false,
                            //   viewDisplay: false,
                            //   rules: [
                            //     { required: true, validator: validatePass, trigger: "blur" },
                            //   ],
                            // },
                            // {
                            //   label: "确认密码",
                            //   prop: "password2",
                            //   type: "password",
                            //   hide: true,
                            //   editDisplay: false,
                            //   viewDisplay: false,
                            //   rules: [
                            //     { required: true, validator: validatePass2, trigger: "blur" },
                            //   ],
                            // },
                        ],
                    },
                ]
            }
          ]
        },
        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: "detailInfo",
                        labelWidth: "110",
                        icon: "el-icon-s-order",
                        column: [
                            {
                                label: "身份证号",
                                prop: "cardid",
                                hide: true,
                                overHidden: true,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入身份证号",
                                        trigger: "blur",
                                    },
                                    {
                                        required: true,
                                        validator: validatePassCardid,
                                        trigger: "blur",
                                    },
                                ],
                            },
                            {
                                label: "手机号码",
                                prop: "phone",
                                overHidden: true,
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入手机号",
                                        trigger: "blur",
                                    },
                                    {
                                        required: true,
                                        validator: validatePassPhone,
                                        trigger: "blur",
                                    },
                                ],
                            },
                            // {
                            //   label: "昵称",
                            //   prop: "name",
                            // },
                            {
                                label: "个人照片",
                                type: "upload",
                                listType: "picture-img",
                                propsHttp: {
                                    res: "data",
                                    url: "url",
                                },
                                canvasOption: {
                                    text: " ",
                                    ratio: 0.1,
                                },
                                action: "/api/blade-resource/oss/endpoint/put-files",
                                tip: "上传二代身份证一寸近期彩色正面免冠图象, (358像素(宽) × 441像素(高)、分辨率350dpi)且不超过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",
                                // dicUrl: "/api/blade-system/dict-biz/dictionary?code=equipage",
                                // props: {
                                //   label: "dictValue",
                                //   value: "dictKey",
                                // },
                                type: "select",
                                dicData: [
                                    {
                                        label: "是",
                                        value: "1",
                                    },
                                    {
                                        label: "否",
                                        value: "2",
                                    },
                                    {
                                        label: "已吊销",
                                        value: "3",
                                    },
                                ],
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择",
                                        trigger: "blur",
                                    },
                                ],
                            },
                            {
                                label: "保安员证编号",
                                prop: "securitynumber",
                                hide: true,
                            },
                            // {
                            //   label: "发证日期",
                            //   prop: "paperTime",
                            //   hide: true,
                            //   type: "date",
                            //   format: "yyyy-MM-dd",
                            //   valueFormat: "yyyy-MM-dd",
                            // },
                            {
                                label: "电子邮箱",
                                prop: "email",
                            },
                            // {
                            //     label: "籍贯",
                            //     prop: "nativeplace",
                            // },
                            {
                                label: "民族",
                                prop: "nation",
                            },
                            {
                                label: "最高学历",
                                prop: "education1",
                                type: "select",
                                dicUrl:
                                    "/api/blade-system/dict-biz/dictionary?code=educationType",
                                props: {
                                    label: "dictValue",
                                    value: "dictKey",
                                },
                                dataType: "number",
                                slot: true,
                            },
                            {
                                label: "政治面貌",
                                prop: "politicaloutlook",
                            },
                            {
                                label: "健康状态",
                                prop: "healstats",
                            },
                            {
                                label: "身高",
                                prop: "height",
                            },
                            {
                                label: "联系地址",
                                prop: "address"
                            },
                            {
                                label: "住址",
                                prop: "registered",
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入住址",
                                        trigger: "click",
                                    },
                                ],
                            },
                            {
                                label: "所属辖区",
                                prop: "jurisdiction",
                                // multiple: true,
                                type: "tree",
                                dicUrl: "/api/jurisdiction/lazy-tree",
                                props: {
                                    label: "title",
                                    value: "id",
                                },
                                checkStrictly: true,
                                slot: true,
                                rules: [
                                    {
                                        required: false,
                                        message: "请选择所属辖区",
                                        trigger: "click",
                                    },
                                ],
                            },
                            {
                                label: "入职时间",
                                prop: "rtime",
                                type: "date",
                                format: "yyyy-MM-dd",
                                valueFormat: "yyyy-MM-dd",
                                rules: [
                                    {
                                        required: true,
                                        message: "请输入入职时间",
                                        trigger: "click",
                                    },
                                ],
                            },
                            {
                                label: "性别",
                                prop: "sex",
                                type: "select",
                                slot: true,
                                dicData: [
                                    {
                                        label: "男",
                                        value: 1,
                                    },
                                    {
                                        label: "女",
                                        value: 2,
                                    },
                                    // {
                                    //   label: "未知",
                                    //   value: 3,
                                    // },
                                ],
                                rules: [
                                    {
                                        required: true,
                                        message: "请选择性别",
                                        trigger: "blur",
                                    },
                                ],
                            },
                            // {
                            //   label: "生日",
                            //   type: "date",
                            //   prop: "birthday",
                            //   format: "yyyy-MM-dd",
                            //   valueFormat: "yyyy-MM-dd",
                            // },
                        ],
                    },
                ],
            },
            {
              label: "所属租户",
              prop: "tenantName",
              slot: true,
              display: false
            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,
                    },
                ],
            },
            {
              label: "用户姓名",
              prop: "realName",
              search: true,
              display: false
            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-user",
                    },
                    // {
                    //   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,
                    },
                ],
            },
            {
              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-user"
            },
            {
              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,
            }
          ]
        }
      };
        };
    },
    watch: {
      'form.tenantId'() {
        if (this.form.tenantId !== '' && this.initFlag) {
          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-user?isCovered=${this.excelForm.isCovered}`;
        }
      }
        "form.tenantId" () {
            if (this.form.tenantId !== "" && this.initFlag) {
                this.initData(this.form.tenantId);
            }
        },
        "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-user?isCovered=${this.excelForm.isCovered}`;
            }
        },
    },
    computed: {
      ...mapGetters(["userInfo", "permission"]),
      permissionList() {
        return {
          addBtn: this.vaildData(null, false),
          // addBtn: this.vaildData(this.permission.user_add, false),
          viewBtn: this.vaildData(null, false),
          delBtn: this.vaildData(this.permission.user_delete, false),
          editBtn: this.vaildData(null, false)
        };
      },
      platformPermissionList() {
        return {
          addBtn: false,
          viewBtn: false,
          delBtn: false,
          editBtn: this.vaildData(this.permission.user_edit, false)
        };
      },
      ids() {
        let ids = [];
        this.selectionList.forEach(ele => {
          ids.push(ele.id);
        });
        return ids.join(",");
      },
        ...mapGetters(["userInfo", "permission"]),
        permissionList () {
            return {
                addBtn: this.vaildData(this.permission.securityGuard_add, false),
                viewBtn: this.vaildData(null, false),
                delBtn: this.vaildData(this.permission.securityGuard_delete, false),
                editBtn: this.vaildData(this.permission.securityGuard_edit, false),
            };
        },
        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,
        }),
    },
    mounted() {
      // 非租户模式默认加载管理组数据
      if (!website.tenantMode) {
        this.initData(website.tenantId);
      }
    beforeCreate () { },
    created () {
      console.log(this.userInfo.role_name,123541);
        if(this.userInfo.role_name=="办证管理员"){
          console.log(this.userInfo.role_name,5555225);
            this.search["userType"] = 7;
        }
    },
    mounted () {
        // 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;
    },
    methods: {
      nodeClick(data) {
        this.treeDeptId = data.id;
        this.page.currentPage = 1;
        this.onLoad(this.page);
      },
      initData(tenantId) {
        getRoleTree(tenantId).then(res => {
          var that = this;
          const column = this.findObject(this.option.group, "roleId");
          column.dicData = res.data.data;
          //数组
          var roleData = res.data.data;
          //遍历
          roleData.forEach((item)=>{
            if(item.title=="处警员"){
                that.roleId = item.id;
            }
            if(item.hasChildren){
              //取出title对比
              if(item.title=="处警员"){
                that.roleId = item.id;
              }
            }
          })
        });
        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);
        });
      },
      rowSave(row, done, loading) {
        row.deptId = row.deptId.join(",");
        row.roleId = this.roleId;
        row.postId = row.postId.join(",");
        add(row).then(() => {
          this.initFlag = false;
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          done();
        }, error => {
          window.console.log(error);
          loading();
        });
      },
      rowUpdate(row, index, done, loading) {
        row.deptId = row.deptId.join(",");
        row.roleId = row.roleId.join(",");
        row.postId = row.postId.join(",");
        update(row).then(() => {
          this.initFlag = false;
          this.onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
          done();
        }, error => {
          window.console.log(error);
          loading();
        });
      },
      rowDel(row) {
        this.$confirm("确定将选择用户登记离职?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            row.status="0";
            return update(row);
          })
          .then(() => {
            this.onLoad(this.page);
            this.$message({
              type: "success",
              message: "操作成功!"
        handleImport1 () {
            this.excelBox1 = true;
        },
        uploadAfter1 (res, done, loading, column) {
            window.console.log(column);
            this.excelBox1 = false;
            this.refreshChange();
            done();
        },
        handleTemplate1 () {
            window.open(`/api/blade-user/export-template-security`);
        },
        handleImport2 () {
            this.excelBox2 = true;
        },
        uploadAfter2 (res, done, loading, column) {
            window.console.log(column);
            this.excelBox2 = false;
            this.refreshChange();
            done();
        },
        //行点击事件
        rowClick (row) {
            this.$router.push({
                path: "/securityGuardDetail",
                query: { row: JSON.stringify(row) },
            });
          });
      },
      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;
      },
      selectionClear() {
        this.selectionList = [];
        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();
      //     });
      // },
      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(done) {
        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()}`);
      },
      beforeOpen(done, type) {
        var that = this;
        if (["edit", "view"].includes(type)) {
          getUser(this.form.id).then(res => {
            this.form = res.data.data;
            var userInfo = res.data.data;
            //获取用户从业信息
            getUserPractitionersInfo(userInfo.cardid).then(res1 =>{
               that.form.UserPractitionersInfo = res1.data.data;
        },
        //行点击事件
        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 = "-27.5%";
            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.data.id,
                rtime: this.data.rtime,
                userType: 6,
                paperTime: date
            }
            updatePaperTime(data);
        },
        rowClickSelf (row) {
            this.$router.push({
                path: "/securityUnitChild",
                query: { fromSecunityGuardId: row },
            });
        },
        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",
            })
            if (this.form.hasOwnProperty("deptId")) {
              this.form.deptId = this.form.deptId.split(",");
                .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
                    }
                    return securityApply(data);
                })
                .then(() => {
                    // this.$refs.crud.toggleSelection();
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                });
        },
        rowSave (row, done, loading) {
            if (row.deptId) {
                row.deptId = row.deptId;
            }
            if (this.form.hasOwnProperty("roleId")) {
              this.form.roleId = this.form.roleId.split(",");
            if (row.roleId) {
                row.roleId = row.roleId.join(",");
            }
            if (this.form.hasOwnProperty("postId")) {
              this.form.postId = this.form.postId.split(",");
            if (row.postId) {
                row.postId = row.postId.join(",");
            }
          });
        }
        this.initFlag = true;
        done();
      },
      currentChange(currentPage) {
        this.page.currentPage = currentPage;
      },
      sizeChange(pageSize) {
        this.page.pageSize = pageSize;
      },
      refreshChange() {
        this.onLoad(this.page, this.query);
      },
      onLoad(page, params = {}) {
        this.loading = true;
        getList(page.currentPage, page.pageSize, Object.assign(params, this.query), this.treeDeptId).then(res => {
          const data = res.data.data;
          this.page.total = data.total;
          this.data = data.records;
          this.loading = false;
          this.selectionClear();
        });
      },
      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();
        });
      }
    }
  };
            const userMap = {
                user: {
                    account: row.account,
                    avatar: row.avatar,
                    fingerprint: row.fingerprint,
                    healstats: row.healstats,
                    address: row.address,
                    birthday: row.birthday,
                    cardid: row.cardid,
                    deptId: row.deptId,
                    education: row.education1,
                    email: row.email,
                    height: row.height,
                    hold: row.hold,
                    jurisdiction: row.jurisdiction,
                    myPicture: row.myPicture,
                    name: row.name,
                    nation: row.nation,
                    nativeplace: row.nativeplace,
                    password: row.password,
                    password2: row.password2,
                    phone: row.phone,
                    politicaloutlook: row.politicaloutlook,
                    realName: row.realName,
                    registered: row.registered,
                    rtime: row.rtime,
                    securitynumber: row.securitynumber,
                    sex: row.sex,
                },
            };
            securitySave(userMap).then(
                () => {
                    this.initFlag = false;
                    this.$alert("账号为身份证号码,密码为身份证后六位", "温馨提示", {
                        confirmButtonText: "确定",
                        callback: (action) => {
                            this.$message({
                                type: "success",
                                message: `操作成功`,
                            });
                            this.onLoad(this.page);
                            done();
                        },
                    });
                },
                (error) => {
                    window.console.log(error);
                    loading();
                }
            );
        },
        rowUpdate (row, index, done, loading) {
            row.deptId = row.deptId;
            row.roleId = row.roleId.join(",");
            row.postId = row.postId.join(",");
            //值替换,education 放在页面会卡死
            row.education = row.education1;
            update(row).then(
                () => {
                    this.initFlag = false;
                    this.onLoad(this.page);
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                    done();
                },
                (error) => {
                    window.console.log(error);
                    loading();
                }
            );
        },
        rowDellook (row) {
            this.$alert(
                row.reasonForLeav == "" ? "未填写" : row.reasonForLeav,
                "离职原因",
                {
                    confirmButtonText: "确定",
                    callback: (action) => { },
                }
            );
        },
        rowStatus (row) {
            this.$prompt("离职原因", "提示", {
                confirmButtonText: "确定离职",
                cancelButtonText: "取消",
                inputErrorMessage: "",
            })
                .then(({ value }) => {
                    row.reasonForLeav = value;
                    row.status = "2";
                    // return;
                    update(row).then((res) => {
                        this.$message({
                            type: "success",
                            message: "操作成功",
                        });
                    });
                    this.refreshChange();
                })
                .catch(() => { });
        },
        rowDel (row) {
            this.$confirm("确定注销当前用户?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    return remove(row.id);
                })
                .then(() => {
                    this.onLoad(this.page);
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                });
        },
        rowCheck (row) {
            this.$confirm("确定审查异常标记?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    row.examinationType = "1";
                    return update(row);
                })
                .then(() => {
                    this.onLoad(this.page);
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                });
        },
        searchReset () {
            this.query = {};
            this.treeDeptId = "";
            this.onLoad(this.page);
        },
        searchChange (params, done) {
            this.query = params;
            this.page.currentPage = 1;
            this.onLoad(this.page, params);
            done();
        },
        selectionChange (list) {
            // this.selectionList = list;
            this.choiceList = [];
            for (let k in list) {
                this.choiceList.push({
                    id: list[k].id,
                });
            }
        },
        selectionClear () {
            // this.selectionList = [];
            // this.$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()}`
            );
        },
        beforeOpen (done, type) {
            var that = this;
            if (["edit", "view"].includes(type)) {
                getUser(this.form.id).then((res) => {
                    this.form = res.data.data;
                    var d = {
                        education1: res.data.data.education,
                    };
                    this.form = {
                        ...this.form,
                        ...d,
                    };
                    // this.from["education1"] = res.data.data.education;
                    if (this.form.hasOwnProperty("deptId")) {
                        this.form.deptId = this.form.deptId;
                    }
                    if (this.form.hasOwnProperty("roleId")) {
                        this.form.roleId = this.form.roleId.split(",");
                    }
                    if (this.form.hasOwnProperty("postId")) {
                        this.form.postId = this.form.postId.split(",");
                    }
                    var userInfo = res.data.data;
                    //获取用户从业信息
                    getUserPractitionersInfo(userInfo.id).then((res1) => {
                        that.form.UserPractitionersInfo = res1.data.data;
                    });
                });
            }
            this.initFlag = true;
            done();
        },
        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);
        },
        onLoad (page, params = {}) {
            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 == "保安公司管理员" || roleAlias == "保安") {
                        //去除保安公司查询
                        const column = that.findObject(that.option.column, "deptId");
                        column.search = false;
                        const deptColumn = that.findObject(that.option.group, "deptId");
                        deptColumn.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
                        //禁止编辑
                        deptColumn.disabled = true;
                        deptColumn.value = that.userInfo.dept_id;
                        that.isSecurity = false;
                        //如果是保安公司管理员
                        params["deptId"] = that.userInfo.dept_id;
                        //导入action 修改
                        const importColumn = that.findObject(
                            that.excelOption1.column,
                            "excelFile"
                        );
                        importColumn.action =
                            "/api/blade-user/import-user?deptId=" + this.deptIds;
                    } else if (roleAlias == "公安管理员") {
                        params["jurisdiction"] = that.userInfo.jurisdiction;
                        var columnDept = that.findObject(that.option.column, "deptId");
                        columnDept.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
                            that.userInfo.jurisdiction;
                        var ColumnDeptUpdate = that.findObject(that.option.group, "deptId");
                        ColumnDeptUpdate.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697&jurisdiction=" +
                            that.userInfo.jurisdiction;
                    } else if (roleAlias == "培训公司管理员") {
                        //如果是保安公司管理员
                        params["trainingUnitId"] = that.userInfo.dept_id;
                        var columnDept2 = that.findObject(that.option.column, "deptId");
                        columnDept2.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
                        var ColumnDeptUpdate2 = that.findObject(
                            that.option.group,
                            "deptId"
                        );
                        ColumnDeptUpdate2.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
                    } else {
                        var columnDept1 = that.findObject(that.option.column, "deptId");
                        columnDept1.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
                        var ColumnDeptUpdate1 = that.findObject(
                            that.option.group,
                            "deptId"
                        );
                        ColumnDeptUpdate1.dicUrl =
                            "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697";
                    }
                    let values = {
                        ...params,
                    };
                    values = {
                        ...params,
                        roleAlias: "111",
                        ...that.query,
                    };
                    that.loading = true;
                    getList(page.currentPage, page.pageSize, values).then((res) => {
                        const data = res.data.data;
                        that.page.total = data.total;
                        var d = data.records;
                        var date = new Date();
                        var datayear = date.getFullYear();
                        for (const key in d) {
                            var year = d[key].cardid.slice(6, 10);
                            d[key]["age"] = +datayear - +year;
                            // d[key].securitynumber = "赣洪202100009";
                        }
                        that.data = data.records;
                        that.loading = false;
                        that.selectionClear();
                    });
                });
            });
        },
        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();
            });
        },
    },
};
</script>
<style>
  .box {
<style lang="scss" scoped>
.box {
    height: 800px;
  }
}
  .el-scrollbar {
.el-scrollbar {
    height: 100%;
  }
}
  .box .el-scrollbar__wrap {
.box .el-scrollbar__wrap {
    overflow: scroll;
  }
}
.rowClickSelf {
    &:hover {
        cursor: pointer;
    }
}
//保安证  本子
.certificate_box {
    width: 100%;
    height: 90%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font: bold 18px 'SimSun' !important;
}
.security_main {
    width: 630px;
    height: 512px;
    //   border: 1px solid rgba($color: #a5a5a5, $alpha: 0.5);
    // display: flex;
    // align-items: center;
    // justify-content: space-around;
    // background-size: 100% 100%;
    // background-repeat: no-repeat;
    position: relative;
}
// 标题
$upTop: 45px;
$downTop: 265px; //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
    position: absolute;
    top: $upTop;
    left: 34px;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证公安机关&nbsp;(印章)
.security_m_l_center {
    position: absolute;
    top: 270px;
    left: 30px;
    line-height: 40px;
}
//证件编号 &nbsp;
.security_m_l_down {
    position: absolute;
    top: 379px;
    left: 32px;
}
$rightLeft: 343px;
$rightFontSize: 18px;
$rightWidth: 77px;
$lineHigeht: 30px;
//姓名
.security_m_r_a {
    position: absolute;
    top: $downTop;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//出生年月
.security_m_r_b {
    position: absolute;
    top: $downTop + $lineHigeht * 1;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//地址
.security_m_r_c {
    position: absolute;
    top: $downTop + $lineHigeht * 2;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//公民身份证
.security_m_r_d {
    position: absolute;
    top: 363px;
    left: $rightLeft;
    width: $rightWidth;
    text-align: justify;
    text-align-last: justify;
}
//照片
// width: calc(358px / 22px);
// height: calc(441px / 22px);
.security_m_r_imgs {
    width: calc(358px / 3);
    height: calc(441px / 3);
    position: absolute;
    top: $upTop;
    left: 421px;
    img {
        width: 100%;
        height: 100%;
    }
}
// 内容
// 抬头名字
.security_m_l_titleName {
    position: absolute;
    top: 35px;
    left: 121px;
    right: 0;
    line-height: 45px;
    letter-spacing: 3px;
}
//发证时间
$timeTop: 304px; //整体高度
//年
.security_m_l_titlepaperTimenian {
    position: absolute;
    top: $timeTop;
    left: 107px;
    line-height: 40px;
}
//月
.security_m_l_titlepaperTimeyue {
    position: absolute;
    top: $timeTop;
    left: 166px;
    line-height: 40px;
}
//日
.security_m_l_titlepaperTimeri {
    position: absolute;
    top: $timeTop;
    left: 159px;
    line-height: 40px;
}
//证件编号
.security_m_l_downsecuritynumber {
    position: absolute;
    top: 379px; //整体高度
    left: 145px;
}
//内容
// 姓名
$centerLeft: 458px;
.security_m_r_o_right {
    position: absolute;
    top: $downTop + $lineHigeht * 0-2px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 生日
.security_m_r_o_rightbirthday {
    position: absolute;
    top: $downTop + $lineHigeht * 1-4px;
    left: $centerLeft;
    // width: $rightWidth;
}
// 地址
.security_m_r_o_rightaddress {
    position: absolute;
    top: $downTop + $lineHigeht * 2 -6px;
    left: $centerLeft;
    width: 160px;
    font: bold 16px 'SimSun' !important;
}
// 身份证
.security_m_r_o_rightcardid {
    position: absolute;
    top: $downTop + $lineHigeht * 4 -2px;
    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;
}
</style>