优化角色禁用不允许分配

RuoYi

2025-04-17 90922844ea9d710a787c1c4aa8521dd4d8651a11

 ruoyi-ui/src/views/system/user/authRole.vue

@@ -10,7 +10,7 @@
        </el-col>

        <el-col :span="8" :offset="2">

          <el-form-item label="登录账号" prop="userName">

            <el-input  v-model="form.userName" disabled />

            <el-input v-model="form.userName" disabled />

          </el-form-item>

        </el-col>

      </el-row>

@@ -20,10 +20,10 @@
    <el-table v-loading="loading" :row-key="getRowKey" @row-click="clickRow" ref="table" @selection-change="handleSelectionChange" :data="roles.slice((pageNum-1)*pageSize,pageNum*pageSize)">

      <el-table-column label="序号" type="index" align="center">

        <template slot-scope="scope">

          <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>

          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>

        </template>

      </el-table-column>

      <el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column>

      <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55" />

      <el-table-column label="角色编号" align="center" prop="roleId" />

      <el-table-column label="角色名称" align="center" prop="roleName" />

      <el-table-column label="权限字符" align="center" prop="roleKey" />

@@ -33,7 +33,7 @@
        </template>

      </el-table-column>

    </el-table>

    


    <pagination v-show="total>0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />



    <el-form label-width="100px">

@@ -52,14 +52,14 @@
  name: "AuthRole",

  data() {

    return {

       // 遮罩层

      // 遮罩层

      loading: true,

      // 分页信息

      total: 0,

      pageNum: 1,

      pageSize: 10,

      // 选中角色编号

      roleIds:[],

      roleIds: [],

      // 角色信息

      roles: [],

      // 用户信息

@@ -88,7 +88,9 @@
  methods: {

    /** 单击选中行数据 */

    clickRow(row) {

      this.$refs.table.toggleRowSelection(row);

      if (this.checkSelectable(row)) {

        this.$refs.table.toggleRowSelection(row);

      }

    },

    // 多选框选中数据

    handleSelectionChange(selection) {

@@ -98,6 +100,10 @@
    getRowKey(row) {

      return row.roleId;

    },

    // 检查角色状态

    checkSelectable(row) {

      return row.status === "0" ? true : false;

    },

    /** 提交按钮 */

    submitForm() {

      const userId = this.form.userId;