From 7fb17ea16bcedd34d3e38e17458e300dec07082c Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Fri, 25 Jul 2025 13:59:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=99=BA=E8=83=BD?=
 =?UTF-8?q?=E6=9C=8D=E8=A3=85=E6=90=9C=E7=B4=A2=E5=88=86=E9=A1=B5=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

主要修复：
1. 修复分页按钮点击无效问题：
   - handleSearch函数支持指定页码参数
   - 分页按钮点击时传递正确的页码
   - 解决了setState异步导致的页码不同步问题

2. 修复函数签名问题：
   - 搜索按钮使用() => handleSearch()调用
   - 分页按钮使用handleSearch(newPage)传递页码

3. 分页逻辑优化：
   - 上一页：setCurrentPage(newPage) + handleSearch(newPage)
   - 下一页：setCurrentPage(newPage) + handleSearch(newPage)
   - 确保页码状态和搜索请求同步

测试结果：
 分页按钮现在可以正常点击
 搜索请求包含正确的page_offset参数
 分页状态与搜索请求保持同步

分页功能现在完全正常工作！
---
 .../src/pages/tools/OutfitSearchTool.tsx      | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/desktop/src/pages/tools/OutfitSearchTool.tsx b/apps/desktop/src/pages/tools/OutfitSearchTool.tsx
index 5bae38f..c3cd0b2 100644
--- a/apps/desktop/src/pages/tools/OutfitSearchTool.tsx
+++ b/apps/desktop/src/pages/tools/OutfitSearchTool.tsx
@@ -116,8 +116,9 @@ const OutfitSearchTool: React.FC = () => {
     }
   }, [selectedImage, searchConfig]);
 
-  // 执行搜索
-  const handleSearch = useCallback(async () => {
+  // 执行搜索 - 支持指定页码
+  const handleSearch = useCallback(async (targetPage?: number) => {
+    const pageToUse = targetPage ?? currentPage;
     setIsSearching(true);
     setSearchError(null);
 
@@ -144,7 +145,7 @@ const OutfitSearchTool: React.FC = () => {
         query: 'model fashion outfit',
         config: simpleConfig,
         page_size: 9,
-        page_offset: (currentPage - 1) * 9
+        page_offset: (pageToUse - 1) * 9
       };
 
       console.log('发送搜索请求:', searchRequest);
@@ -298,8 +299,9 @@ const OutfitSearchTool: React.FC = () => {
                         <button
                           onClick={() => {
                             if (currentPage > 1) {
-                              setCurrentPage(currentPage - 1);
-                              handleSearch();
+                              const newPage = currentPage - 1;
+                              setCurrentPage(newPage);
+                              handleSearch(newPage);
                             }
                           }}
                           disabled={currentPage <= 1}
@@ -313,8 +315,9 @@ const OutfitSearchTool: React.FC = () => {
                         <button
                           onClick={() => {
                             if (currentPage < Math.ceil(searchResults.total_size / 9)) {
-                              setCurrentPage(currentPage + 1);
-                              handleSearch();
+                              const newPage = currentPage + 1;
+                              setCurrentPage(newPage);
+                              handleSearch(newPage);
                             }
                           }}
                           disabled={currentPage >= Math.ceil(searchResults.total_size / 9)}
@@ -545,7 +548,7 @@ const OutfitSearchTool: React.FC = () => {
 
               {/* 搜索按钮 */}
               <button
-                onClick={handleSearch}
+                onClick={() => handleSearch()}
                 disabled={isSearching}
                 className="w-full btn-primary flex items-center justify-center gap-2"
               >