1

video-gen-app/src/App.tsx

@@ -100,6 +100,7 @@ const App = () => {
               <Route path="credits" element={<CreditsPage />} />
               <Route path="credit-records" element={<UserCenterPage />} />
               <Route path="order-records" element={<UserCenterPage />} />
+              <Route path="user-center" element={<UserCenterPage />} />
               <Route path="messages" element={<MessagesPage />} />
               <Route path="conversation" element={<GenerateConver />} />
               <Route path="initial" element={<InitialReplication />} />

video-gen-app/src/components/Layout/AppLayout.tsx

@@ -281,8 +281,8 @@ const AppLayout: React.FC = () => {
     else if (key === 'changePwd') { setPwdModalOpen(true); }
     else if (key === 'messages') { navigate('/messages'); }
     else if (key === 'recharge') { setRechargeModalOpen(true); }
-    else if (key === 'myCredits') { navigate('/credit-records'); }
-    else if (key === 'orderRecords') { navigate('/order-records'); }
+    else if (key === 'myCredits') { navigate('/user-center?tab=credits'); }
+    else if (key === 'orderRecords') { navigate('/user-center?tab=orders'); }
   };
 
   const handleChangePwd = async () => {

video-gen-app/src/pages/UserCenterPage.tsx

@@ -1,11 +1,22 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Tabs } from 'antd';
+import { useSearchParams } from 'react-router-dom';
 import CreditRecordsPage from './CreditRecordsPage';
 import OrderRecordsPage from './OrderRecordsPage';
 
 const UserCenterPage: React.FC = () => {
+  const [searchParams] = useSearchParams();
   const [activeTab, setActiveTab] = useState('credits');
 
+  useEffect(() => {
+    const tab = searchParams.get('tab') || 'credits';
+    if (tab === 'orders') {
+      setActiveTab('orders');
+    } else {
+      setActiveTab('credits');
+    }
+  }, [searchParams]);
+
   const tabs = [
     {
       key: 'credits',