优化角色禁用不允许分配

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

@@ -23,7 +23,7 @@
           <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" />
@@ -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;