Przeglądaj źródła

用户管理搜索栏代修的

pm 2 miesięcy temu
rodzic
commit
be92b21235
1 zmienionych plików z 9 dodań i 7 usunięć
  1. 9 7
      src/components/UserManagement.tsx

+ 9 - 7
src/components/UserManagement.tsx

@@ -526,11 +526,11 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
       {/* 右侧用户列表 */}
       <div className="flex-1 min-w-0">
         <div className="space-y-6">
-          {/* 搜索栏 */}
+          {/* 搜索栏:搜索条件与 新增/导入/导出 同一行,右侧按钮组;小屏可换行到第二行 */}
           <div className="bg-white rounded-xl border border-gray-200/50 shadow-sm p-4 lg:p-5">
-            <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-              {/* 搜索条件 + 搜索、重置紧跟其后 */}
-              <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
+            <div className="flex items-center justify-between gap-3 flex-wrap min-w-0">
+              {/* 搜索条件 + 搜索、重置 */}
+              <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0 flex-1">
                 <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
                   <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.nickname')}:</label>
                   <Input
@@ -586,8 +586,9 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
                 </Space>
               </div>
 
-              {/* 新增 / 导入 / 导出等按钮组保持在最右侧 */}
-              <Space className="flex-shrink-0" size="small">
+              {/* 新增 / 导入 / 导出:同一行靠右,空间不足时整组换到第二行 */}
+              <div className="flex items-center flex-shrink-0 ml-auto">
+                <Space size="small">
                 <PermissionWrapper permission="system:user:create">
                   <Button
                     type="primary"
@@ -616,7 +617,8 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
                     {t('common.export')}
                   </Button>
                 </PermissionWrapper>
-              </Space>
+                </Space>
+              </div>
             </div>
           </div>