refactor(web): 优化用户对话框字段布局

- 调整角色和账号状态字段的布局方式
- 增加 control 组件以改善字段显示效果
- 在 constants.js 中添加 label属性以支持新布局

gringotts-frontend/components/constants.js

@@ -131,6 +131,7 @@ export function copyField(field, label, tips = '复制', ignoreLength = 0, extra
         }
     return {
         name: field,
+        label: label,
         type: 'wrapper',
         size: 'none',
         className: 'nowrap',

gringotts-frontend/components/user/dialog-user-check.js

@@ -16,8 +16,16 @@ const dialogBody = [
     {
         type: 'group',
         body: [
-            mappingField('role', '角色', userRoleMapping),
-            mappingField('state', '账号状态', userStateMapping),
+            {
+                type: 'control',
+                label: '角色',
+                body: mappingField('role', '角色', userRoleMapping, 120),
+            },
+            {
+                type: 'control',
+                label: '账号状态',
+                body: mappingField('state', '账号状态', userStateMapping),
+            }
         ]
     },
     ...formCreatedUserAndModifiedUser(),