用户角色选择改为下拉单选

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

@@ -159,7 +159,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="角色">
-              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
+              <el-select v-model="selectedRoleId" placeholder="请选择角色" @change="handleRoleChange">
                 <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
               </el-select>
             </el-form-item>
@@ -246,6 +246,8 @@ export default {
       postOptions: [],
       // 角色选项
       roleOptions: [],
+      // 当前选择角色
+      selectedRoleId: undefined,
       // 表单参数
       form: {},
       defaultProps: {
@@ -402,8 +404,13 @@ export default {
         postIds: [],
         roleIds: []
       }
+      this.selectedRoleId = undefined
       this.resetForm("form")
     },
+    // 角色单选后仍按后端原有 roleIds 数组提交
+    handleRoleChange(roleId) {
+      this.$set(this.form, "roleIds", roleId ? [roleId] : [])
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1
@@ -455,8 +462,10 @@ export default {
         this.form = response.data
         this.postOptions = response.posts
         this.roleOptions = response.roles
+        const roleId = response.roleIds && response.roleIds.length ? response.roleIds[0] : undefined
         this.$set(this.form, "postIds", response.postIds)
-        this.$set(this.form, "roleIds", response.roleIds)
+        this.$set(this.form, "roleIds", roleId ? [roleId] : [])
+        this.selectedRoleId = roleId
         this.open = true
         this.title = "修改用户"
         this.form.password = ""
@@ -555,4 +564,4 @@ export default {
     }
   }
 }
-</script>
+</script>