From 99a89fc2a558c3e2d5c77c34c74521e37ade3117 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E9=B1=BC=E5=BC=80=E5=8F=91?= <git@xiaoyu.com>
Date: Sat, 16 May 2026 09:58:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E4=B8=AA=E4=BA=BA=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E6=8C=89=E9=92=AE=E8=B0=83=E6=95=B4=20+=20=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E8=B7=B3=E8=BD=AC=E5=85=85=E5=80=BC=E6=98=8E=E7=BB=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在线充值 -> 积分充值
- 新增充值明细按钮，点击通过 localStorage 传递初始 tab 跳转 usage-detail
- UsageDetail 支持从 localStorage 读取初始 tab（recharge/consume）
---
 tauri-app/src/pages/Profile/Profile.tsx     | 28 +++++++++++++++------
 tauri-app/src/pages/Profile/UsageDetail.tsx |  9 ++++++-
 2 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/tauri-app/src/pages/Profile/Profile.tsx b/tauri-app/src/pages/Profile/Profile.tsx
index fa22a0c..a54b9f1 100644
--- a/tauri-app/src/pages/Profile/Profile.tsx
+++ b/tauri-app/src/pages/Profile/Profile.tsx
@@ -252,14 +252,26 @@ export default function Profile() {
             </div>
           </div>
 
-          {/* 充值按钮 */}
-          <button
-            className="btn btn-primary btn-sm"
-            style={{ padding: '10px 24px', fontSize: 'var(--font-sm)', whiteSpace: 'nowrap' }}
-            onClick={() => setShowRechargeModal(true)}
-          >
-            在线充值
-          </button>
+          {/* 操作按钮 */}
+          <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
+            <button
+              className="btn btn-primary btn-sm"
+              style={{ padding: '10px 24px', fontSize: 'var(--font-sm)', whiteSpace: 'nowrap' }}
+              onClick={() => setShowRechargeModal(true)}
+            >
+              积分充值
+            </button>
+            <button
+              className="btn btn-ghost btn-sm"
+              style={{ padding: '10px 24px', fontSize: 'var(--font-sm)', whiteSpace: 'nowrap' }}
+              onClick={() => {
+                localStorage.setItem('usage-detail-initial-tab', 'recharge');
+                navigate('usage-detail');
+              }}
+            >
+              充值明细
+            </button>
+          </div>
         </div>
       </div>
 
diff --git a/tauri-app/src/pages/Profile/UsageDetail.tsx b/tauri-app/src/pages/Profile/UsageDetail.tsx
index 542d290..bbf03e2 100644
--- a/tauri-app/src/pages/Profile/UsageDetail.tsx
+++ b/tauri-app/src/pages/Profile/UsageDetail.tsx
@@ -224,7 +224,14 @@ const SOURCE_TYPE_OPTIONS = [
 ];
 
 export default function UsageDetail() {
-  const [activeTab, setActiveTab] = useState<TabType>('consume');
+  const [activeTab, setActiveTab] = useState<TabType>(() => {
+    const saved = typeof window !== 'undefined' ? localStorage.getItem('usage-detail-initial-tab') : null;
+    if (saved === 'recharge' || saved === 'consume') {
+      localStorage.removeItem('usage-detail-initial-tab');
+      return saved;
+    }
+    return 'consume';
+  });
   const [transactions, setTransactions] = useState<PointTransaction[]>([]);
   const [loading, setLoading] = useState(false);
   const [sourceType, setSourceType] = useState('');