| | |
| | | <el-col :span="sizes[1]"> |
| | | <basic-container |
| | | :class="[ |
| | | $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '', |
| | | $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize', |
| | | $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '' |
| | | ]" |
| | | > |
| | | <avue-crud |
| | | class="tablesss" |
| | | :option="option" |
| | | :search.sync="search" |
| | | :table-loading="loading" |
| | |
| | | add, |
| | | grant, |
| | | resetPassword, |
| | | getJurisdiction, |
| | | getJurisdiction |
| | | } from "@/api/system/user"; |
| | | import { getSecurityDeptTree, getDeptLazyTree } from "@/api/system/dept"; |
| | | import { getRoleTree } from "@/api/system/role"; |
| | |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0, |
| | | ...this.$store.state.control.changePageSize, |
| | | ...this.$store.state.control.changePageSize |
| | | }, |
| | | platformPage: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0, |
| | | ...this.$store.state.control.changePageSize, |
| | | ...this.$store.state.control.changePageSize |
| | | }, |
| | | init: { |
| | | roleTree: [], |
| | | deptTree: [], |
| | | deptTree: [] |
| | | }, |
| | | props: { |
| | | label: "title", |
| | | value: "key", |
| | | value: "key" |
| | | }, |
| | | roleGrantList: [], |
| | | roleTreeObj: [], |
| | |
| | | labelText: "标题", |
| | | label: "title", |
| | | value: "value", |
| | | children: "children", |
| | | }, |
| | | children: "children" |
| | | } |
| | | }, |
| | | // treeOption:{ |
| | | // nodeKey: "id", |
| | |
| | | prop: "account", |
| | | search: true, |
| | | width: 190, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "所属组织机构", |
| | | prop: "deptName", |
| | | slot: true, |
| | | overHidden: true, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "用户姓名", |
| | | prop: "realName", |
| | | search: true, |
| | | width: 90, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "所属角色", |
| | | prop: "roleName", |
| | | slot: true, |
| | | width: 130, |
| | | display: false, |
| | | }, |
| | | display: false |
| | | } |
| | | ], |
| | | group: [ |
| | | { |
| | |
| | | // dicUrl: "/api/blade-system/dept/lazy-tree", |
| | | props: { |
| | | label: "title", |
| | | value: "id", |
| | | value: "id" |
| | | }, |
| | | dicData: [], |
| | | // hide: !website.tenantMode, |
| | |
| | | { |
| | | required: true, |
| | | message: "所属组织机构", |
| | | trigger: "click", |
| | | }, |
| | | trigger: "click" |
| | | } |
| | | ], |
| | | span: 12, |
| | | span: 12 |
| | | }, |
| | | { |
| | | label: "登录账号", |
| | |
| | | { |
| | | required: true, |
| | | message: "请输入登录账号", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "密码", |
| | |
| | | viewDisplay: false, |
| | | span: 12, |
| | | rules: [ |
| | | { required: true, validator: validatePass, trigger: "blur" }, |
| | | ], |
| | | { required: true, validator: validatePass, trigger: "blur" } |
| | | ] |
| | | }, |
| | | { |
| | | label: "确认密码", |
| | |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | | rules: [ |
| | | { required: true, validator: validatePass2, trigger: "blur" }, |
| | | ], |
| | | }, |
| | | ], |
| | | { required: true, validator: validatePass2, trigger: "blur" } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "详细信息", |
| | |
| | | { |
| | | required: true, |
| | | message: "请输入用户姓名", |
| | | trigger: "blur", |
| | | trigger: "blur" |
| | | }, |
| | | { |
| | | min: 2, |
| | | max: 5, |
| | | message: "姓名长度在2到5个字符", |
| | | }, |
| | | ], |
| | | message: "姓名长度在2到5个字符" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "所属角色", |
| | |
| | | type: "tree", |
| | | dicData: [], |
| | | props: { |
| | | label: "title", |
| | | label: "title" |
| | | }, |
| | | checkStrictly: true, |
| | | slot: true, |
| | |
| | | { |
| | | required: true, |
| | | message: "请选择所属角色", |
| | | trigger: "click", |
| | | }, |
| | | ], |
| | | trigger: "click" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "警号", |
| | |
| | | { |
| | | required: true, |
| | | message: "请输入警号", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "身份证号码", |
| | |
| | | { |
| | | required: true, |
| | | message: "请输入身份证号码", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "手机号码", |
| | | prop: "phone", |
| | | overHidden: true, |
| | | overHidden: true |
| | | }, |
| | | { |
| | | label: "用户性别", |
| | |
| | | dicData: [ |
| | | { |
| | | label: "男", |
| | | value: 1, |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: "女", |
| | | value: 2, |
| | | }, |
| | | value: 2 |
| | | } |
| | | ], |
| | | hide: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请选择性别", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | ], |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | data: [], |
| | | platformQuery: {}, |
| | |
| | | label: "登录账号", |
| | | prop: "account", |
| | | search: true, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "所属单位", |
| | | prop: "tenantName", |
| | | slot: true, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "用户姓名", |
| | | prop: "realName", |
| | | search: true, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "用户平台", |
| | | prop: "userTypeName", |
| | | slot: true, |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "用户平台", |
| | |
| | | dicUrl: "/api/blade-system/dict/dictionary?code=user_type", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey", |
| | | value: "dictKey" |
| | | }, |
| | | dataType: "number", |
| | | search: true, |
| | |
| | | { |
| | | required: true, |
| | | message: "请选择用户平台", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "用户拓展", |
| | |
| | | span: 24, |
| | | overHidden: true, |
| | | row: true, |
| | | hide: true, |
| | | }, |
| | | ], |
| | | hide: true |
| | | } |
| | | ] |
| | | }, |
| | | excelForm: {}, |
| | | excelOption: { |
| | |
| | | loadText: "模板上传中,请稍等", |
| | | span: 24, |
| | | propsHttp: { |
| | | res: "data", |
| | | res: "data" |
| | | }, |
| | | tip: "请上传 .xls,.xlsx 标准格式文件", |
| | | action: "/api/blade-user/import-user", |
| | | action: "/api/blade-user/import-user" |
| | | }, |
| | | { |
| | | label: "数据覆盖", |
| | |
| | | dicData: [ |
| | | { |
| | | label: "否", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | label: "是", |
| | | value: 1, |
| | | }, |
| | | value: 1 |
| | | } |
| | | ], |
| | | value: 0, |
| | | slot: true, |
| | |
| | | { |
| | | required: true, |
| | | message: "请选择是否覆盖", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "模板下载", |
| | | prop: "excelTemplate", |
| | | formslot: true, |
| | | span: 24, |
| | | }, |
| | | ], |
| | | }, |
| | | span: 24 |
| | | } |
| | | ] |
| | | } |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | const column = this.findObject(this.excelOption.column, "excelFile"); |
| | | column.action = `/api/blade-user/import-user?isCovered=${this.excelForm.isCovered}`; |
| | | } |
| | | }, |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission"]), |
| | |
| | | addBtn: this.vaildData(this.permission.user_add, false), |
| | | viewBtn: this.vaildData(this.permission.user_view, false), |
| | | delBtn: this.vaildData(this.permission.user_delete, false), |
| | | editBtn: this.vaildData(this.permission.user_edit, false), |
| | | editBtn: this.vaildData(this.permission.user_edit, false) |
| | | }; |
| | | }, |
| | | platformPermissionList() { |
| | |
| | | addBtn: false, |
| | | viewBtn: false, |
| | | delBtn: false, |
| | | editBtn: this.vaildData(this.permission.user_edit, false), |
| | | editBtn: this.vaildData(this.permission.user_edit, false) |
| | | }; |
| | | }, |
| | | ids() { |
| | | let ids = []; |
| | | this.selectionList.forEach((ele) => { |
| | | this.selectionList.forEach(ele => { |
| | | ids.push(ele.id); |
| | | }); |
| | | return ids.join(","); |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | // console.log(this.userInfo.role_name); |
| | |
| | | if (this.userInfo.role_name == "公安管理员") { |
| | | var parentId = this.userInfo.dept_id; |
| | | var userId = this.userInfo.Id; |
| | | getDeptLazyTree(parentId, userId).then((res) => { |
| | | getDeptLazyTree(parentId, userId).then(res => { |
| | | that.treeData = res.data.data; |
| | | that.treeOption.defaultExpandedKeys = []; |
| | | res.data.data.forEach((item) => { |
| | | res.data.data.forEach(item => { |
| | | that.treeOption.defaultExpandedKeys.push(item.id); |
| | | }); |
| | | }); |
| | |
| | | // ); |
| | | // }); |
| | | // }; |
| | | getDeptLazyTree(0).then((res) => { |
| | | getDeptLazyTree(0).then(res => { |
| | | that.treeData = res.data.data; |
| | | }); |
| | | // var parentId1 = this.userInfo.dept_id; |
| | |
| | | if (!website.tenantMode) { |
| | | this.initData(website.tenantId, this.userInfo.role_name); |
| | | } |
| | | this.$store.commit("setWindowSizeHeightAdd"); |
| | | }, |
| | | methods: { |
| | | nodeClick(data) { |
| | |
| | | this.onLoad(this.page); |
| | | }, |
| | | initData(tenantId, d) { |
| | | getRoleTree(tenantId).then((res) => { |
| | | getRoleTree(tenantId).then(res => { |
| | | const column = this.findObject(this.option.group, "roleId"); |
| | | var k = res.data.data; |
| | | var b = []; |
| | | if (d == "保安公司管理员") { |
| | | // console.log(k); |
| | | for (var n in k) { |
| | | if (k[n].title == "保安" || k[n].title == "保安公司管理员" || k[n].title == "分公司管理员") { |
| | | if ( |
| | | k[n].title == "保安" || |
| | | k[n].title == "保安公司管理员" || |
| | | k[n].title == "分公司管理员" |
| | | ) { |
| | | b.push(k[n]); |
| | | } |
| | | } |
| | |
| | | if (k[j].title == "分公司管理员" || k[j].title == "保安") { |
| | | b.push(k[j]); |
| | | } |
| | | if(k[j].children){ |
| | | if (k[j].children) { |
| | | for (var h in k[j].children) { |
| | | if (k[j].children[h].title == "分公司管理员" || k[j].children[h].title == "保安") { |
| | | if ( |
| | | k[j].children[h].title == "分公司管理员" || |
| | | k[j].children[h].title == "保安" |
| | | ) { |
| | | b.push(k[j].children[h]); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | column.dicData = b; |
| | | }else if (d == "公安管理员") { |
| | | } else if (d == "公安管理员") { |
| | | for (var i in k) { |
| | | if (k[i].title == "公安管理员") { |
| | | b.push(k[i]); |
| | |
| | | column.dicData = k; |
| | | } |
| | | }); |
| | | // this.userInfo.role_name == "保安公司管理员" |
| | | // this.userInfo.role_name == "保安公司管理员" |
| | | //公安局进入 |
| | | if ( |
| | | this.userInfo.role_name == "公安管理员" |
| | | ) { |
| | | if (this.userInfo.role_name == "公安管理员") { |
| | | var parentId = this.userInfo.dept_id; |
| | | var userId = this.userInfo.Id; |
| | | getDeptLazyTree(parentId, userId).then((res) => { |
| | | getDeptLazyTree(parentId, userId).then(res => { |
| | | const column = this.findObject(this.option.group, "deptId"); |
| | | column.dicData = res.data.data; |
| | | }); |
| | | } else if( this.userInfo.role_name == "administrator"){ |
| | | getDeptLazyTree(0).then((res) => { |
| | | } else if (this.userInfo.role_name == "administrator") { |
| | | getDeptLazyTree(0).then(res => { |
| | | const column = this.findObject(this.option.group, "deptId"); |
| | | column.dicData = res.data.data; |
| | | }); |
| | | }else { |
| | | getSecurityDeptTree(null,null,this.userInfo.dept_id).then((res) => { |
| | | const column = this.findObject(this.option.group, "deptId"); |
| | | column.dicData = res.data.data; |
| | | } else { |
| | | getSecurityDeptTree(null, null, this.userInfo.dept_id).then(res => { |
| | | const column = this.findObject(this.option.group, "deptId"); |
| | | column.dicData = res.data.data; |
| | | }); |
| | | } |
| | | // getDeptTree(tenantId).then((res) => { |
| | |
| | | this.roleBox = false; |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | this.onLoad(this.page); |
| | | }); |
| | |
| | | row.deptId = row.deptId; |
| | | row.roleId = row.roleId.join(","); |
| | | var params = { |
| | | deptname: row.$deptId, |
| | | deptname: row.$deptId |
| | | }; |
| | | getJurisdiction(params).then((res) => { |
| | | getJurisdiction(params).then(res => { |
| | | if (res.data.msg != "暂无承载数据") { |
| | | row.jurisdiction = res.data.data; |
| | | } else { |
| | |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | done(); |
| | | }, |
| | | (error) => { |
| | | error => { |
| | | window.console.log(error); |
| | | loading(); |
| | | } |
| | |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | done(); |
| | | }, |
| | | (error) => { |
| | | error => { |
| | | window.console.log(error); |
| | | loading(); |
| | | } |
| | |
| | | this.$confirm("确定将选择用户注销?", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return remove(row.id); |
| | |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | }); |
| | | }, |
| | |
| | | this.$confirm("确定将选择用户注销?", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return remove(this.ids); |
| | |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | this.$refs.crud.toggleSelection(); |
| | | }); |
| | |
| | | this.$confirm("确定将选择账号密码重置为123456?", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return resetPassword(this.ids); |
| | |
| | | .then(() => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "操作成功!" |
| | | }); |
| | | this.$refs.crud.toggleSelection(); |
| | | }); |
| | |
| | | if (this.selectionList.length === 1) { |
| | | this.roleTreeObj = this.selectionList[0].roleId.split(","); |
| | | } |
| | | getRoleTree().then((res) => { |
| | | getRoleTree().then(res => { |
| | | this.roleGrantList = res.data.data; |
| | | this.roleBox = true; |
| | | }); |
| | |
| | | this.$confirm("是否导出用户数据?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | type: "warning" |
| | | }).then(() => { |
| | | window.open( |
| | | `/api/blade-user/export-user?${ |
| | |
| | | column.display = false; |
| | | } |
| | | |
| | | getUser(this.form.id).then((res) => { |
| | | getUser(this.form.id).then(res => { |
| | | this.form = res.data.data; |
| | | if (this.form.hasOwnProperty("deptId")) { |
| | | this.form.deptId = this.form.deptId; |
| | |
| | | Object.assign(params, this.query), |
| | | deptid, |
| | | jurisdiction |
| | | ).then((res) => { |
| | | ).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | this.$store.commit("setWindowSizeHeightAdd"); |
| | | this.selectionClear(); |
| | | }); |
| | | }, |
| | |
| | | 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) => { |
| | | getUserPlatform(this.platformForm.id).then(res => { |
| | | this.platformForm = res.data.data; |
| | | }); |
| | | } |
| | |
| | | Object.assign(params, this.query), |
| | | deptid, |
| | | jurisdiction |
| | | ).then((res) => { |
| | | ).then(res => { |
| | | const data = res.data.data; |
| | | this.platformPage.total = data.total; |
| | | this.platformData = data.records; |
| | | this.platformLoading = false; |
| | | this.$store.commit("setWindowSizeHeightAdd"); |
| | | this.selectionClear(); |
| | | }); |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | .box { |
| | | height: 800px; |
| | | height: auto; |
| | | } |
| | | |
| | | .el-scrollbar { |