| | |
| | | <template>
|
| | | <!-- 授权用户 -->
|
| | | <el-dialog title="选择用户" :visible.sync="visible" width="800px" top="5vh" append-to-body>
|
| | | <el-form :model="queryParams" ref="queryForm" :inline="true">
|
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
|
| | | <el-form-item label="用户名称" prop="userName">
|
| | | <el-input
|
| | | v-model="queryParams.userName"
|
| | | placeholder="请输入用户名称"
|
| | | clearable
|
| | | size="small"
|
| | | @keyup.enter.native="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | |
| | | v-model="queryParams.phonenumber"
|
| | | placeholder="请输入手机号码"
|
| | | clearable
|
| | | size="small"
|
| | | @keyup.enter.native="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | |
| | | </template>
|
| | |
|
| | | <script>
|
| | | import { unallocatedUserList, authUserSelectAll } from "@/api/system/role";
|
| | | import { unallocatedUserList, authUserSelectAll } from "@/api/system/role"
|
| | | export default {
|
| | | dicts: ['sys_normal_disable'],
|
| | | props: {
|
| | |
| | | userName: undefined,
|
| | | phonenumber: undefined
|
| | | }
|
| | | };
|
| | | }
|
| | | },
|
| | | methods: {
|
| | | // 显示弹框
|
| | | show() {
|
| | | this.queryParams.roleId = this.roleId;
|
| | | this.getList();
|
| | | this.visible = true;
|
| | | this.queryParams.roleId = this.roleId
|
| | | this.getList()
|
| | | this.visible = true
|
| | | },
|
| | | clickRow(row) {
|
| | | this.$refs.table.toggleRowSelection(row);
|
| | | this.$refs.table.toggleRowSelection(row)
|
| | | },
|
| | | // 多选框选中数据
|
| | | handleSelectionChange(selection) {
|
| | | this.userIds = selection.map(item => item.userId);
|
| | | this.userIds = selection.map(item => item.userId)
|
| | | },
|
| | | // 查询表数据
|
| | | getList() {
|
| | | unallocatedUserList(this.queryParams).then(res => {
|
| | | this.userList = res.rows;
|
| | | this.total = res.total;
|
| | | });
|
| | | this.userList = res.rows
|
| | | this.total = res.total
|
| | | })
|
| | | },
|
| | | /** 搜索按钮操作 */
|
| | | handleQuery() {
|
| | | this.queryParams.pageNum = 1;
|
| | | this.getList();
|
| | | this.queryParams.pageNum = 1
|
| | | this.getList()
|
| | | },
|
| | | /** 重置按钮操作 */
|
| | | resetQuery() {
|
| | | this.resetForm("queryForm");
|
| | | this.handleQuery();
|
| | | this.resetForm("queryForm")
|
| | | this.handleQuery()
|
| | | },
|
| | | /** 选择授权用户操作 */
|
| | | handleSelectUser() {
|
| | | const roleId = this.queryParams.roleId;
|
| | | const userIds = this.userIds.join(",");
|
| | | const roleId = this.queryParams.roleId
|
| | | const userIds = this.userIds.join(",")
|
| | | if (userIds == "") {
|
| | | this.$modal.msgError("请选择要分配的用户");
|
| | | return;
|
| | | this.$modal.msgError("请选择要分配的用户")
|
| | | return
|
| | | }
|
| | | authUserSelectAll({ roleId: roleId, userIds: userIds }).then(res => {
|
| | | this.$modal.msgSuccess(res.msg);
|
| | | if (res.code === 200) {
|
| | | this.visible = false;
|
| | | this.$emit("ok");
|
| | | }
|
| | | });
|
| | | this.$modal.msgSuccess(res.msg)
|
| | | this.visible = false
|
| | | this.$emit("ok")
|
| | | }) |
| | | }
|
| | | }
|
| | | };
|
| | | }
|
| | | </script>
|