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