优化角色禁用不允许分配

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

@@ -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" />
@@ -59,7 +59,7 @@ export default {
       pageNum: 1,
       pageSize: 10,
       // 选中角色编号
-      roleIds:[],
+      roleIds: [],
       // 角色信息
       roles: [],
       // 用户信息
@@ -88,7 +88,9 @@ export default {
   methods: {
     /** 单击选中行数据 */
     clickRow(row) {
+      if (this.checkSelectable(row)) {
         this.$refs.table.toggleRowSelection(row);
+      }
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
@@ -98,6 +100,10 @@ export default {
     getRowKey(row) {
       return row.roleId;
     },
+    // 检查角色状态
+    checkSelectable(row) {
+      return row.status === "0" ? true : false;
+    },
     /** 提交按钮 */
     submitForm() {
       const userId = this.form.userId;