feat(user): 优化用户管理功能

- 移除获取角色列表的冗余代码
- 添加角色列表数据传递和展示
-优化用户表单验证规则
- 美化用户角色展示样式
- 调整 API 请求配置

src/views/system/user/components/UserDialog.vue

@@ -118,6 +118,10 @@ export default {
       type: String,
       default: '添加用户'
     },
+    roleListData: {
+      type: Array,
+      default: () => []
+    },
     visible: {
       type: Boolean,
       default: false
@@ -145,14 +149,20 @@ export default {
         email: '',
         sysUserRoleDTOs: []
       },
-      roleListData: [],
       selectedRoleIds: [], // 新增，用于绑定选中的角色ID数组
       rules: {
-        realName: [
-          { required: true, message: '请输入真实姓名', trigger: 'blur' }
+        realName: [{ required: true, message: '请输入真实姓名' }],
+        userName: [{ required: true, message: '请输入用户名称' }],
+        email: [
+          { required: true, message: '请输入邮箱' },
+          //   邮箱格式校验 正则
+          {
+            type: 'email',
+            message: '请输入正确的邮箱地址'
+          }
         ],
-        userName: [
-          { required: true, message: '请输入用户名称', trigger: 'blur' }
+        sysUserRoleDTOs: [
+          { required: true, message: '请选择用户角色', trigger: 'blur' }
         ]
       },
       roleOptions: [
@@ -167,31 +177,18 @@ export default {
       handler(val) {
         if (val && Object.keys(val).length > 0) {
           this.form = { ...val }
-          this.selectedRoleIds = this.form.sysUserRoleDTOs
+          this.selectedRoleIds = this.form.sysUserRoleDTOs.map(item => {
+            return item.roleId
+          })
         }
       },
       immediate: true
     }
   },
   created() {
-    this.getRoleListData()
+    // this.getRoleListData()
   },
   methods: {
-    // 获取角色列表
-    getRoleListData() {
-      this.loading = true
-
-      getRoleList({})
-        .then(response => {
-          this.roleListData = response.content.content || []
-        })
-        .catch(error => {
-          this.$message.error('获取角色列表出错', error)
-        })
-        .finally(() => {
-          this.loading = false
-        })
-    },
     handleClose() {
       this.$refs.form.resetFields()
       this.$emit('update:visible', false)
@@ -205,7 +202,7 @@ export default {
 
       this.$refs.form.validate(valid => {
         if (valid) {
-          this.loading = true
+          // this.loading = true
           const submitData = { ...this.form }
 
           // 根据是否是编辑模式调用不同的API
@@ -213,24 +210,18 @@ export default {
             ? updateUser(submitData)
             : addUser(submitData)
 
-          apiRequest
-            .then(() => {
-              this.$message.success(this.isEdit ? '修改成功' : '添加成功')
-              this.$emit('submit', submitData)
-              this.handleClose()
-            })
-            .catch(() => {
-              this.$message.error(this.isEdit ? '修改用户出错' : '添加用户出错')
-            })
-            .finally(() => {
-              this.loading = false
-            })
+          apiRequest.then(() => {
+            this.$message.success(this.isEdit ? '修改成功' : '添加成功')
+            this.$emit('submit', submitData)
+            this.handleClose()
+          })
         }
       })
     },
     // 处理角色选择变化
     handleRolesChange(roleIds) {
       this.form.sysUserRoleDTOs = roleIds.map(id => ({ roleId: id }))
+      this.$refs.form.validateField('sysUserRoleDTOs')
     },
     clearForm() {
       this.form = {}