forked from zhba/zhba_enterprises
src/views/securityGuard/securityGuard.vue
@@ -1,1011 +1,1111 @@ <template> <el-row> <!-- <el-col :span="5"> <div class="box"> <el-scrollbar> <basic-container> <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"/> </basic-container> </el-scrollbar> </div> </el-col> --> <el-col> <basic-container> <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave" @row-click="rowClick" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> <template slot-scope="{ type, size, row }" slot="menu"> <el-button icon="el-icon-edit" :size="size" :type="type" @click.stop="rowDel(row)">离职登记 </el-button> </template> <template slot-scope="{row}" slot="tenantName"> <el-tag>{{row.tenantName}}</el-tag> </template> <template slot-scope="{row}" slot="roleName"> <el-tag>{{row.roleName}}</el-tag> </template> <template slot-scope="{row}" slot="deptName"> <el-tag>{{row.deptName}}</el-tag> </template> <template slot-scope="{row}" slot="userTypeName"> <el-tag>{{row.userTypeName}}</el-tag> </template> <template slot-scope="{ row }" slot="status"> <el-tag >{{ row.status == "0" ? "已离职" : row.status == "1" ? "在职" : "已离职" }} </el-tag> </template> <template slot-scope="{ row }" slot="sex"> <el-tag >{{ row.sex == 1 ? "男" : "女" }} </el-tag> </template> </avue-crud> <el-dialog title="用户数据导入" append-to-body :visible.sync="excelBox" width="555px"> <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter"> <template slot="excelTemplate"> <el-button type="primary" @click="handleTemplate"> 点击下载<i class="el-icon-download el-icon--right"></i> <div class="ours"> <!-- <add-or-update v-if="addOrUpdateVisiable" ref="addOrUpdate"></add-or-update> --> <add-or-update ref="addOrUpdate"></add-or-update> <el-row> <el-col :span="0" style="display: none"> <div class="box"> <el-scrollbar> <basic-container> <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" /> </basic-container> </el-scrollbar> </div> </el-col> <el-col :span="24"> <basic-container> <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave" @row-click="rowClick" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad" > <template slot="menuLeft"> <el-button type="danger" style="display: none" size="small" plain icon="el-icon-delete" v-if="permission.user_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> </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 slot-scope="{ type, size, row }" slot="menu"> <el-button icon="el-icon-edit" :size="size" :type="type" @click.stop="addOrUpdateHandle(row)" >修改 </el-button> <el-button icon="el-icon-edit" :size="size" :type="type" @click.stop="rowDel(row)" >离职登记 </el-button> </template> <template slot-scope="{row}" slot="userTypeName"> <el-tag>{{row.userTypeName}}</el-tag> <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> </avue-crud> </el-dialog> </basic-container> </el-col> </el-row> <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> </basic-container> </el-col> </el-row> </div> </template> <script> import { getUser, getUserPlatform, update, updatePlatform, add, grant, getUserPractitionersInfo } from "@/api/system/user"; import {getList} from "@/api/securityGuard/securityGuard"; import {getDeptTree} from "@/api/system/dept"; import {getRoleTree} from "@/api/system/role"; import {getPostList} from "@/api/system/post"; import {mapGetters} from "vuex"; import website from '@/config/website'; import {getToken} from '@/util/auth'; import { getList, getUser, getUserPlatform, remove, update, updatePlatform, add, grant, resetPassword, getUserPractitionersInfo, } from "@/api/system/user"; import { getDeptTree, getDeptLazyTree } from "@/api/system/dept"; import { getRoleTree } from "@/api/system/role"; import { getPostList } from "@/api/system/post"; import { mapGetters } from "vuex"; import website from "@/config/website"; import { getToken } from "@/util/auth"; import { securityFormPageColumn, securityBaseInfoColumns } from "./data"; export default { data() { return { baseUrl:"/map/index.html?ISinit=1", form: {}, search: {}, roleBox: false, excelBox: false, platformBox: false, showMap: false, initFlag: true, selectionList: [], query: {}, loading: true, roleId:"", platformLoading: false, page: { pageSize: 10, currentPage: 1, total: 0 import addOrUpdate from "./securityGuardRegistration.vue"; export default { components: { addOrUpdate, }, 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(); } }; return { floats: false, form: {}, search: {}, roleBox: false, excelBox: false, platformBox: false, initFlag: true, selectionList: [], query: {}, addOrUpdateVisiable: false, loading: true, platformLoading: false, page: { pageSize: 10, currentPage: 1, total: 0, }, platformPage: { pageSize: 10, currentPage: 1, total: 0, }, init: { roleTree: [], deptTree: [], }, props: { label: "title", value: "key", }, roleGrantList: [], roleTreeObj: [], treeDeptId: "", treeData: [], 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, }; }) ); }); }, platformPage: { pageSize: 10, currentPage: 1, total: 0 }, init: { roleTree: [], deptTree: [], }, addBtn: false, menu: false, size: "small", props: { labelText: "标题", label: "title", value: "key" value: "value", children: "children", }, roleGrantList: [], roleTreeObj: [], treeDeptId: '', treeData: [], option: { height: 'auto', calcHeight: 54, tip: false, searchShow: true, searchMenuSpan: 6, border: false, stripe: true, index: true, selection: true, viewBtn: true, delBtnText:'离职登记', editBtnText:'修改', menuWidth:200, //dialogType: 'drawer', dialogClickModal: false, column: [ { label: "用户姓名", prop: "realName", search: true, searchSpan:4, display: false }, { label: "性别", prop: "sex", type: "select", slot:true, display: false }, { label: "籍贯", prop: "nativePlace", display: false }, { label: "民族", prop: "nation", display: false }, { label: "出生日期", prop: "birthday", type: "date", format: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd", display: false }, { label: "学历", prop: "education", display: false, dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType", props: { label: "dictValue", value: "dictKey" }, type:"select", rules: [{ required: true, message: "请选择学历", trigger: "blur" }], }, { label: "联系电话", prop: "phone", display: false }, { label: "邮箱", prop: "email", display: false, width:150 }, { label: "入职时间", prop: "rtime", display: false }, { label: "部门名称", prop: "deptName", slot: true, searchSpan:4, display: false, search:true, width:260 }, { label: "岗位", prop: "postName", slot: true, display: false }, { label: "入职时间", prop: "rtime", type: "datetime", format: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd", searchRange: true, searchSpan: 6, hide: true, addDisplay: false, editDisplay: false, viewDisplay: false, search: true, rules: [ { required: true, message: "请输入时间", trigger: "blur" } ] }, { label: "在职状态", prop: "status", type: "select", dicUrl: "/api/blade-system/dict-biz/dictionary?code=workerState", props: { label: "dictValue", value: "dictKey" }, dataType: "number", display: false, searchSpan:3, search:true, rules: [{ }, option: { height: "auto", calcHeight: 80, tip: false, searchShow: true, searchMenuSpan: 6, border: false, stripe: true, index: true, delBtnText: "注销", selection: true, viewBtn: true, //dialogType: 'drawer', dialogClickModal: false, column: securityFormPageColumn, group: [ { label: "基础信息", labelWidth: "110", prop: "baseInfo", icon: "el-icon-user-solid", column: [ { label: "所属保安单位", prop: "tenantId", type: "tree", dicUrl: "/api/blade-system/tenant/select", props: { label: "tenantName", value: "tenantId", }, hide: !website.tenantMode, addDisplay: website.tenantMode, editDisplay: website.tenantMode, viewDisplay: website.tenantMode, rules: [ { required: true, message: "请选择在职状态", trigger: "blur" }] }, ], group: [ { label: '基础信息', prop: 'baseInfo', labelWidth:"110", icon: 'el-icon-user-solid', column: [ { label: "所属保安单位", prop: "tenantId", type: "tree", dicUrl: "/api/blade-system/tenant/select", props: { label: "tenantName", value: "tenantId" message: "请输入所属保安单位", trigger: "click", }, disabled:true, span: 24, ], span: 24, }, { label: "登录账号", prop: "account", rules: [ { required: true, message: "请输入登录账号", trigger: "blur", }, ], }, { label: "用户平台", type: "select", dicUrl: "/api/blade-system/dict/dictionary?code=user_type", props: { label: "dictValue", value: "dictKey", }, { label: "登录账号", prop: "account", disabled:true }, { label: "用户姓名", prop: "realName", rules: [{ dataType: "number", slot: true, prop: "userType", rules: [ { required: true, message: "请选择用户平台", trigger: "blur", }, ], }, { label: "密码", prop: "password", hide: true, editDisplay: false, viewDisplay: false, rules: [ { required: true, validator: validatePass, trigger: "blur" }, ], }, { label: "确认密码", prop: "password2", hide: true, editDisplay: false, viewDisplay: false, rules: [ { required: true, validator: validatePass2, trigger: "blur" }, ], }, ], }, { label: "详细信息", labelWidth: "110", prop: "detailInfo", icon: "el-icon-s-order", column: [ { label: "用户昵称", prop: "name", hide: true, rules: [ { required: true, message: "请输入用户昵称", trigger: "blur", }, ], }, { label: "用户姓名", prop: "realName", rules: [ { required: true, message: "请输入用户姓名", trigger: "blur" }, { trigger: "blur", }, { min: 2, max: 5, message: '姓名长度在2到5个字符' }] }, { label: "用户昵称", prop: "name" }, { label: "手机号码", prop: "phone", overHidden: true, rules: [{ required: true, message: "请输入手机号", trigger: "blur" }] }, { label: "电子邮箱", prop: "email", hide: true, overHidden: true }, { label: "身份证号", prop: "cardid", hide: true, overHidden: true, rules: [{ required: true, message: "请输入身份证号", trigger: "blur" }] }, { label: "籍贯", prop: "nativePlace", hide: true, overHidden: true }, { label: "民族", prop: "nation", hide: true, overHidden: true }, { label: "最高学历", prop: "education", type: "select", dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType", props: { label: "dictValue", value: "dictKey" message: "姓名长度在2到5个字符", }, dataType: "number", slot: true, rules: [{ required: true, message: "请选择学历", trigger: "blur" }] }, { label: "政治面貌", prop: "politicaloutlook", hide: true, overHidden: true }, { label: "身高", prop: "height", hide: true, overHidden: true }, { label: "联系地址", prop: "address", hide: true, overHidden: true }, { label: "户口所在地", prop: "registered", hide: true, overHidden: true }, { label: "入职时间", prop: "rtime", type:'date', format: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd", hide: true, overHidden: true }, { label: "用户性别", prop: "sex", type: "select", dicData: [ { label: "男", value: 1 }, { label: "女", value: 2 }, { label: "未知", value: 3 } ], hide: true }, { label: "用户生日", type: "date", prop: "birthday", hide: true } ] }, { label: '从业信息', prop: 'detailInfo', icon: 'el-icon-s-order', column: [ { prop: 'UserPractitionersInfo', type: 'dynamic', border: false, span:24, children: { align: 'left', headerAlign: 'center', type:'form', rowAdd:(done)=>{ console.log(done,111); done({ input:'默认值' }); }, rowDel:(row,done)=>{ console.log(row,222); done(); }, column: [ { width: 200, label: '单位名称', prop: "companyname", formslot: true, }, { width: 200, label: '部门', prop: "department", formslot: true, }, { width: 200, label: '岗位', prop: "post", formslot: true, }, { width: 200, label: '岗位职责', prop: "responsibilities", formslot: true, }, { width: 200, label: '入职时间', type:'date', format: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd", prop: "entryTime", formslot: true, }, { width: 200, label: '离职时间', type:'date', format: "yyyy-MM-dd", valueFormat: "yyyy-MM-dd", prop: "departureTime", formslot: true, }, { width: 200, label: '离职原因', prop: "leaving", formslot: true, } ] } }, ] } ] }, 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: [{ { label: "手机号码", prop: "phone", overHidden: true, }, { label: "电子邮箱", prop: "email", hide: true, overHidden: true, }, { label: "用户性别", prop: "sex", type: "select", dicData: [ { label: "男", value: 1, }, { label: "女", value: 2, }, { label: "未知", value: 3, }, ], hide: true, }, { label: "用户生日", type: "date", prop: "birthday", format: "yyyy-MM-dd hh:mm:ss", valueFormat: "yyyy-MM-dd hh:mm:ss", hide: true, }, { label: "账号状态", prop: "statusName", hide: true, display: false, }, ], }, { label: "职责信息", labelWidth: "110", prop: "dutyInfo", icon: "el-icon-s-custom", column: [ { label: "用户编号", prop: "code", }, { label: "所属角色", prop: "roleId", multiple: true, type: "tree", dicData: [], props: { label: "title", }, checkStrictly: true, slot: true, rules: [ { required: true, message: "请选择所属角色", trigger: "click", }, ], }, { label: "所属部门", prop: "deptId", type: "tree", multiple: true, dicData: [], props: { label: "title", }, checkStrictly: true, slot: true, rules: [ { required: true, message: "请选择所属部门", trigger: "click", }, ], }, { label: "所属岗位", prop: "postId", type: "tree", multiple: true, dicData: [], props: { label: "postName", value: "id", }, rules: [ { required: true, message: "请选择所属岗位", trigger: "click", }, ], }, ], }, ], }, 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' trigger: "blur", }, tip: '请上传 .xls,.xlsx 标准格式文件', action: "/api/blade-user/import-user" ], }, { 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", }, { 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, } ] } tip: "请上传 .xls,.xlsx 标准格式文件", action: "/api/blade-user/import-user", }, { label: "数据覆盖", prop: "isCovered", type: "switch", align: "center", width: 80, dicData: [ { label: "否", value: 0, }, { label: "是", value: 1, }, ], value: 0, slot: true, rules: [ { required: true, message: "请选择是否覆盖", trigger: "blur", }, ], }, { label: "模板下载", prop: "excelTemplate", formslot: true, span: 24, }, ], }, }; }, watch: { "form.tenantId"() { if (this.form.tenantId !== "" && this.initFlag) { this.initData(this.form.tenantId); } }, "excelForm.isCovered"() { if (this.excelForm.isCovered !== "") { const column = this.findObject(this.excelOption.column, "excelFile"); column.action = `/api/blade-user/import-user?isCovered=${this.excelForm.isCovered}`; } }, }, computed: { ...mapGetters(["userInfo", "permission"]), permissionList() { return { addBtn: this.vaildData(this.permission.user_add, false), viewBtn: this.vaildData(null, false), delBtn: this.vaildData(null, false), editBtn: this.vaildData(null, false), }; }, watch: { 'form.tenantId'() { if (this.form.tenantId !== '' && this.initFlag) { this.initData(this.form.tenantId); } }, 'excelForm.isCovered'() { if (this.excelForm.isCovered !== '') { const column = this.findObject(this.excelOption.column, "excelFile"); column.action = `/api/blade-user/import-user?isCovered=${this.excelForm.isCovered}`; } } platformPermissionList() { return { addBtn: false, viewBtn: false, delBtn: false, editBtn: this.vaildData(this.permission.user_edit, false), }; }, computed: { ...mapGetters(["userInfo", "permission"]), permissionList() { return { addBtn: this.vaildData(this.permission.user_add, false), viewBtn: this.vaildData(null, false), delBtn: this.vaildData(null, false), editBtn: this.vaildData(this.permission.user_edit, false) }; }, platformPermissionList() { return { addBtn: false, viewBtn: false, delBtn: false, editBtn: this.vaildData(this.permission.user_edit, false) }; }, ids() { let ids = []; this.selectionList.forEach(ele => { ids.push(ele.id); }); return ids.join(","); }, ids() { let ids = []; this.selectionList.forEach((ele) => { ids.push(ele.id); }); return ids.join(","); }, mounted() { // 非租户模式默认加载管理组数据 if (!website.tenantMode) { this.initData(website.tenantId); } }, methods: { //行点击事件 }, mounted() { // 非保安单位模式默认加载管理组数据 if (!website.tenantMode) { this.initData(website.tenantId); } }, methods: { //行点击事件 rowClick(row) { this.$router.push({ path: "/securityGuard/securityGuardDetail", query: { row: row }, }); }, nodeClick(data) { this.treeDeptId = data.id; this.page.currentPage = 1; //新增或修改 addOrUpdateHandle(row) { this.$nextTick(() => { this.$refs.addOrUpdate.inits(row.id); }); }, closeOrUpdateHandle(row) { this.floats = row; }, //获取用户信息 getUserDetail() { var that = this; //获取用户基本信息 getUser(this.userId).then((res) => { this.form = res.data.data; var userInfo = res.data.data; //获取用户从业信息 getUserPractitionersInfo(userInfo.cardid).then((res1) => { that.form.UserPractitionersInfo = res1.data.data; }); if (this.form.hasOwnProperty("deptId")) { this.form.deptId = this.form.deptId.split(","); } if (this.form.hasOwnProperty("postId")) { this.form.postId = this.form.postId.split(","); } }); }, 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); }, initData(tenantId) { getRoleTree(tenantId).then(res => { var that = this; const column = this.findObject(this.option.group, "roleId"); column.dicData = res.data.data; //数组 var roleData = res.data.data; //遍历 roleData.forEach((item)=>{ if(item.title=="处警员"){ that.roleId = item.id; } if(item.hasChildren){ //取出title对比 if(item.title=="处警员"){ that.roleId = item.id; } } }) }); getDeptTree(tenantId).then(res => { const column = this.findObject(this.option.group, "deptId"); column.dicData = res.data.data; }); getPostList(tenantId).then(res => { const column = this.findObject(this.option.group, "postId"); column.dicData = res.data.data; }); }, submitRole() { const roleList = this.$refs.treeRole.getCheckedKeys().join(","); grant(this.ids, roleList).then(() => { this.roleBox = false; this.$message({ type: "success", message: "操作成功!" }); this.onLoad(this.page); }); }, rowSave(row, done, loading) { row.deptId = row.deptId.join(","); row.roleId = this.roleId; row.postId = row.postId.join(","); add(row).then(() => { }); }, rowSave(row, done, loading) { row.deptId = row.deptId.join(","); row.roleId = row.roleId.join(","); row.postId = row.postId.join(","); add(row).then( () => { this.initFlag = false; this.onLoad(this.page); this.$message({ type: "success", message: "操作成功!" message: "操作成功!", }); done(); }, error => { }, (error) => { window.console.log(error); loading(); }); }, rowUpdate(row, index, done, loading) { row.deptId = row.deptId.join(","); row.roleId = row.roleId.join(","); row.postId = row.postId.join(","); update(row).then(() => { } ); }, rowUpdate(row, index, done, loading) { row.deptId = row.deptId.join(","); row.roleId = row.roleId.join(","); row.postId = row.postId.join(","); update(row).then( () => { this.initFlag = false; this.onLoad(this.page); this.$message({ type: "success", message: "操作成功!" message: "操作成功!", }); done(); }, error => { }, (error) => { window.console.log(error); loading(); }); }, rowDel(row) { this.$confirm("确定将选择用户登记离职?", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" } ); }, rowDel(row) { this.$confirm("确定将选择用户登记离职?", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(() => { row.status = "0"; return update(row); }) .then(() => { row.status="0"; return update(row); }) .then(() => { this.onLoad(this.page); this.$message({ type: "success", message: "操作成功!" }); .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; }, selectionClear() { this.selectionList = []; this.$refs.crud.toggleSelection(); }, // handleDelete() { // if (this.selectionList.length === 0) { // this.$message.warning("请选择至少一条数据"); // return; // } // this.$confirm("确定将选择用户登记离职?", { // confirmButtonText: "确定", // cancelButtonText: "取消", // type: "warning" // }) // .then(() => { // return remove(this.ids); // }) // .then(() => { // this.onLoad(this.page); // this.$message({ // type: "success", // message: "操作成功!" // }); // this.$refs.crud.toggleSelection(); // }); // }, handleGrant() { if (this.selectionList.length === 0) { this.$message.warning("请选择至少一条数据"); return; } this.roleTreeObj = []; if (this.selectionList.length === 1) { this.roleTreeObj = this.selectionList[0].roleId.split(","); } getRoleTree().then(res => { this.roleGrantList = res.data.data; this.roleBox = true; }); }, handlePlatform() { this.platformBox = true; }, handleImport() { this.excelBox = true; }, uploadAfter(done) { this.excelBox = false; this.refreshChange(); done(); }, handleExport() { this.$confirm("是否导出用户数据?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => { window.open(`/api/blade-user/export-user?${this.website.tokenHeader}=${getToken()}&account=${this.search.account}&realName=${this.search.realName}`); }); }, handleTemplate() { window.open(`/api/blade-user/export-template?${this.website.tokenHeader}=${getToken()}`); }, beforeOpen(done, type) { var that = this; if (["edit", "view"].includes(type)) { getUser(this.form.id).then(res => { this.form = res.data.data; var userInfo = res.data.data; //获取用户从业信息 getUserPractitionersInfo(userInfo.cardid).then(res1 =>{ that.form.UserPractitionersInfo = res1.data.data; }) if (this.form.hasOwnProperty("deptId")) { this.form.deptId = this.form.deptId.split(","); } if (this.form.hasOwnProperty("postId")) { this.form.postId = this.form.postId.split(","); } }, searchReset() { this.query = {}; this.treeDeptId = ""; this.onLoad(this.page); }, searchChange(params, done) { this.query = params; this.page.currentPage = 1; this.onLoad(this.page, params); done(); }, selectionChange(list) { this.selectionList = list; }, selectionClear() { this.selectionList = []; this.$refs.crud.toggleSelection(); }, handleDelete() { if (this.selectionList.length === 0) { this.$message.warning("请选择至少一条数据"); return; } this.$confirm("确定将选择用户注销?", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(() => { return remove(this.ids); }) .then(() => { this.onLoad(this.page); this.$message({ type: "success", message: "操作成功!", }); } this.initFlag = true; done(); }, currentChange(currentPage) { this.page.currentPage = currentPage; }, sizeChange(pageSize) { this.page.pageSize = pageSize; }, refreshChange() { this.onLoad(this.page, this.query); }, onLoad(page, params = {}) { this.loading = true; getList(page.currentPage, page.pageSize, Object.assign(params, this.query), this.treeDeptId).then(res => { const data = res.data.data; this.page.total = data.total; this.data = data.records; this.loading = false; this.selectionClear(); this.$refs.crud.toggleSelection(); }); }, platformRowUpdate(row, index, done, loading) { updatePlatform(row.id, row.userType, row.userExt).then(() => { }, handleReset() { if (this.selectionList.length === 0) { this.$message.warning("请选择至少一条数据"); return; } this.$confirm("确定将选择账号密码重置为123456?", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }) .then(() => { return resetPassword(this.ids); }) .then(() => { this.$message({ type: "success", message: "操作成功!", }); this.$refs.crud.toggleSelection(); }); }, handleGrant() { if (this.selectionList.length === 0) { this.$message.warning("请选择至少一条数据"); return; } this.roleTreeObj = []; if (this.selectionList.length === 1) { this.roleTreeObj = this.selectionList[0].roleId.split(","); } getRoleTree().then((res) => { this.roleGrantList = res.data.data; this.roleBox = true; }); }, handlePlatform() { this.platformBox = true; }, handleImport() { this.excelBox = true; }, uploadAfter(res, done, loading, column) { window.console.log(column); this.excelBox = false; this.refreshChange(); done(); }, handleExport() { this.$confirm("是否导出用户数据?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }).then(() => { window.open( `/api/blade-user/export-user?${ this.website.tokenHeader }=${getToken()}&account=${this.search.account}&realName=${ this.search.realName }` ); }); }, handleTemplate() { window.open( `/api/blade-user/export-template?${ this.website.tokenHeader }=${getToken()}` ); }, beforeOpen(done, type) { if (["edit", "view"].includes(type)) { getUser(this.form.id).then((res) => { this.form = res.data.data; if (this.form.hasOwnProperty("deptId")) { this.form.deptId = this.form.deptId.split(","); } if (this.form.hasOwnProperty("roleId")) { this.form.roleId = this.form.roleId.split(","); } if (this.form.hasOwnProperty("postId")) { this.form.postId = this.form.postId.split(","); } }); } this.initFlag = true; done(); }, currentChange(currentPage) { this.page.currentPage = currentPage; }, sizeChange(pageSize) { this.page.pageSize = pageSize; }, refreshChange() { this.onLoad(this.page, this.query); }, onLoad(page, params = {}) { this.loading = true; getList( page.currentPage, page.pageSize, Object.assign(params, this.query), this.treeDeptId ).then((res) => { const data = res.data.data; this.page.total = data.total; this.data = data.records; this.loading = false; this.selectionClear(); }); }, platformRowUpdate(row, index, done, loading) { updatePlatform(row.id, row.userType, row.userExt).then( () => { this.platformOnLoad(this.platformPage); this.$message({ type: "success", message: "操作成功!" message: "操作成功!", }); done(); }, error => { }, (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(); ); }, platformBeforeOpen(done, type) { if (["edit", "view"].includes(type)) { getUserPlatform(this.platformForm.id).then((res) => { this.platformForm = res.data.data; }); } } }; done(); }, platformSearchReset() { this.platformQuery = {}; this.platformOnLoad(this.platformPage); }, platformSearchChange(params, done) { this.platformQuery = params; this.platformPage.currentPage = 1; this.platformOnLoad(this.platformPage, params); done(); }, platformSelectionChange(list) { this.platformSelectionList = list; }, platformSelectionClear() { this.platformSelectionList = []; this.$refs.platformCrud.toggleSelection(); }, platformCurrentChange(currentPage) { this.platformPage.currentPage = currentPage; }, platformSizeChange(pageSize) { this.platformPage.pageSize = pageSize; }, platformRefreshChange() { this.platformOnLoad(this.platformPage, this.platformQuery); }, platformOnLoad(page, params = {}) { this.platformLoading = true; getList( page.currentPage, page.pageSize, Object.assign(params, this.query), this.treeDeptId ).then((res) => { const data = res.data.data; this.platformPage.total = data.total; this.platformData = data.records; this.platformLoading = false; this.selectionClear(); }); }, }, }; </script> <style> .box { height: 800px; } .ours { width: 100%; height: 100%; } .box { height: 800px; } .el-scrollbar { height: 100%; } .el-scrollbar { height: 100%; } .box .el-scrollbar__wrap { overflow: scroll; } .box .el-scrollbar__wrap { overflow: scroll; } .floats { position: absolute; width: 100%; height: 100%; overflow: scroll; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 500 !important; display: flex; justify-content: center; } </style>
