新增代码生成详情页功能

RuoYi

2026-04-12 790736c98d8a7d6d1194d1e642946bc8219edcfb

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

@@ -1,12 +1,11 @@
<template>

  <div class="app-container">

     <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">

     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">

      <el-form-item label="用户名称" prop="userName">

        <el-input

          v-model="queryParams.userName"

          placeholder="请输入用户名称"

          clearable

          size="small"

          style="width: 240px"

          @keyup.enter.native="handleQuery"

        />

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

          placeholder="请输入手机号码"

          clearable

          size="small"

          style="width: 240px"

          @keyup.enter.native="handleQuery"

        />

@@ -69,7 +67,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">

@@ -102,11 +100,12 @@
</template>



<script>

import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role";

import selectUser from "./selectUser";

import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role"

import selectUser from "./selectUser"



export default {

  name: "AuthUser",

  dicts: ['sys_normal_disable'],

  components: { selectUser },

  data() {

    return {

@@ -122,8 +121,6 @@
      total: 0,

      // 用户表格数据

      userList: [],

      // 状态数据字典

      statusOptions: [],

      // 查询参数

      queryParams: {

        pageNum: 1,

@@ -132,43 +129,40 @@
        userName: undefined,

        phonenumber: undefined

      }

    };

    }

  },

  created() {

    const roleId = this.$route.params && this.$route.params.roleId;

    const roleId = this.$route.params && this.$route.params.roleId

    if (roleId) {

      this.queryParams.roleId = roleId;

      this.getList();

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

        this.statusOptions = response.data;

      });

      this.queryParams.roleId = roleId

      this.getList()

    }

  },

  methods: {

    /** 查询授权用户列表 */

    getList() {

      this.loading = true;

      this.loading = true

      allocatedUserList(this.queryParams).then(response => {

          this.userList = response.rows;

          this.total = response.total;

          this.loading = false;

          this.userList = response.rows

          this.total = response.total

          this.loading = false

        }

      );

      )

    },

    // 返回按钮

    handleClose() {

      this.$store.dispatch("tagsView/delView", this.$route);

      this.$router.push({ path: "/system/role" });

      const obj = { path: "/system/role" }

      this.$tab.closeOpenPage(obj)

    },

    /** 搜索按钮操作 */

    handleQuery() {

      this.queryParams.pageNum = 1;

      this.getList();

      this.queryParams.pageNum = 1

      this.getList()

    },

    /** 重置按钮操作 */

    resetQuery() {

      this.resetForm("queryForm");

      this.handleQuery();

      this.resetForm("queryForm")

      this.handleQuery()

    },

    // 多选框选中数据

    handleSelectionChange(selection) {

@@ -177,37 +171,29 @@
    },

    /** 打开授权用户表弹窗 */

    openSelectUser() {

      this.$refs.select.show();

      this.$refs.select.show()

    },

    /** 取消授权按钮操作 */

    cancelAuthUser(row) {

      const roleId = this.queryParams.roleId;

      this.$confirm('确认要取消该用户"' + row.userName + '"角色吗？', "警告", {

        confirmButtonText: "确定",

        cancelButtonText: "取消",

        type: "warning"

      }).then(function() {

        return authUserCancel({ userId: row.userId, roleId: roleId });

      const roleId = this.queryParams.roleId

      this.$modal.confirm('确认要取消该用户"' + row.userName + '"角色吗？').then(function() {

        return authUserCancel({ userId: row.userId, roleId: roleId })

      }).then(() => {

        this.getList();

        this.msgSuccess("取消授权成功");

      }).catch(() => {});

        this.getList()

        this.$modal.msgSuccess("取消授权成功")

      }).catch(() => {})

    },

    /** 批量取消授权按钮操作 */

    cancelAuthUserAll(row) {

      const roleId = this.queryParams.roleId;

      const userIds = this.userIds.join(",");

      this.$confirm('是否取消选中用户授权数据项?', "警告", {

          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

    cancelAuthUserAll() {

      const roleId = this.queryParams.roleId

      const userIds = this.userIds.join(",")

      this.$modal.confirm('是否取消选中用户授权数据项？').then(function() {

        return authUserCancelAll({ roleId: roleId, userIds: userIds })

      }).then(() => {

          return authUserCancelAll({ roleId: roleId, userIds: userIds });

      }).then(() => {

        this.getList();

        this.msgSuccess("取消授权成功");

      }).catch(() => {});

        this.getList()

        this.$modal.msgSuccess("取消授权成功")

      }).catch(() => {})

    }

  }

};

}

</script>