新增代码生成详情页功能

RuoYi

2026-04-12 790736c98d8a7d6d1194d1e642946bc8219edcfb

 ruoyi-ui/src/views/system/role/selectUser.vue

@@ -1,13 +1,12 @@
<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>

@@ -16,7 +15,6 @@
          v-model="queryParams.phonenumber"

          placeholder="请输入手机号码"

          clearable

          size="small"

          @keyup.enter.native="handleQuery"

        />

      </el-form-item>

@@ -34,7 +32,7 @@
        <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />

        <el-table-column label="状态" align="center" prop="status">

          <template slot-scope="scope">

            <dict-tag :options="statusOptions" :value="scope.row.status"/>

            <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>

          </template>

        </el-table-column>

        <el-table-column label="创建时间" align="center" prop="createTime" width="180">

@@ -59,8 +57,9 @@
</template>



<script>

import { unallocatedUserList, authUserSelectAll } from "@/api/system/role";

import { unallocatedUserList, authUserSelectAll } from "@/api/system/role"

export default {

  dicts: ['sys_normal_disable'],

  props: {

    // 角色编号

    roleId: {

@@ -77,8 +76,6 @@
      total: 0,

      // 未授权用户数据

      userList: [],

      // 状态数据字典

      statusOptions: [],

      // 查询参数

      queryParams: {

        pageNum: 1,

@@ -87,56 +84,53 @@
        userName: undefined,

        phonenumber: undefined

      }

    };

  },

  created() {

    this.getDicts("sys_normal_disable").then(response => {

      this.statusOptions = response.data;

    });

    }

  },

  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

      }

      authUserSelectAll({ roleId: roleId, userIds: userIds }).then(res => {

        this.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>