feat: 订单列表按市场分组功能重构

- 后端实现按市场分组的订单列表接口
  - 添加 MarketGroupedOrdersRequest、MarketOrderStats、MarketOrderGroup、MarketGroupedOrdersResponse DTO
  - 实现 getBuyOrderListGroupedByMarket 和 getSellOrderListGroupedByMarket 方法
  - 添加 POST /api/copy-trading/orders/grouped-by-market 接口
  - 支持分页和统计信息（订单数、总金额、盈亏、成交状态等）

- 前端重构：移除前端分组逻辑，改为调用后端分组接口
  - BuyOrdersTab 和 SellOrdersTab 使用后端分组接口
  - 移除前端 useMemo 分组计算逻辑
  - 添加分组数据状态管理和分页支持

- 分组默认折叠状态
  - 移除桌面端自动展开逻辑
  - 所有设备默认折叠，用户手动展开

- 修复 moneyline URL 逻辑
  - getPolymarketUrl 函数添加 isMoneyline 参数
  - 暂时不自动跳转到 moneyline 页面（需要后端提供标识）

- 多语言支持
  - 添加 markets 翻译键（中文、繁体中文、英文）

frontend/src/pages/CopyTradingOrders/BuyOrdersTab.tsx

@@ -1,10 +1,10 @@
-import { useEffect, useState, useMemo } from 'react'
+import { useEffect, useState } from 'react'
 import { Table, Tag, Select, Input, Button, Card, Divider, Spin, message, Switch, Space } from 'antd'
 import { apiService } from '../../services/api'
 import { formatUSDC, isAutoGeneratedOrderId, copyToClipboard, getPolymarketUrl } from '../../utils'
 import { useMediaQuery } from 'react-responsive'
 import { useTranslation } from 'react-i18next'
-import type { BuyOrderInfo, OrderTrackingRequest, OrderTrackingListResponse } from '../../types'
+import type { BuyOrderInfo, OrderTrackingRequest, OrderTrackingListResponse, MarketGroupedOrdersRequest, MarketGroupedOrdersResponse, MarketOrderGroup } from '../../types'
 
 const { Option } = Select
 
@@ -30,31 +30,51 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
   }>({})
   const [groupByMarket, setGroupByMarket] = useState(false)  // 是否按市场分组
   const [expandedMarkets, setExpandedMarkets] = useState<Set<string>>(new Set())  // 展开的市场ID集合
+  const [groupedOrders, setGroupedOrders] = useState<MarketOrderGroup[]>([])  // 分组数据（从后端获取）
+  const [groupedTotal, setGroupedTotal] = useState(0)  // 分组总数（市场数量）
 
   useEffect(() => {
     if (copyTradingId && active) {
       fetchOrders()
     }
-  }, [copyTradingId, active, page, limit, filters])
+  }, [copyTradingId, active, page, limit, filters, groupByMarket])
 
   const fetchOrders = async () => {
     if (!copyTradingId) return
 
     setLoading(true)
     try {
-      const request: OrderTrackingRequest = {
-        copyTradingId: parseInt(copyTradingId),
-        type: 'buy',
-        page,
-        limit,
-        ...filters
-      }
+      if (groupByMarket) {
+        // 调用分组接口
+        const request: MarketGroupedOrdersRequest = {
+          copyTradingId: parseInt(copyTradingId),
+          type: 'buy',
+          page,
+          limit
+        }
 
-      const response = await apiService.orderTracking.list(request)
-      if (response.data.code === 0 && response.data.data) {
-        const data = response.data.data as OrderTrackingListResponse
-        setOrders((data.list || []) as BuyOrderInfo[])
-        setTotal(data.total || 0)
+        const response = await apiService.orderTracking.listGroupedByMarket(request)
+        if (response.data.code === 0 && response.data.data) {
+          const data = response.data.data as MarketGroupedOrdersResponse
+          setGroupedOrders(data.list || [])
+          setGroupedTotal(data.total || 0)
+        }
+      } else {
+        // 调用普通列表接口
+        const request: OrderTrackingRequest = {
+          copyTradingId: parseInt(copyTradingId),
+          type: 'buy',
+          page,
+          limit,
+          ...filters
+        }
+
+        const response = await apiService.orderTracking.list(request)
+        if (response.data.code === 0 && response.data.data) {
+          const data = response.data.data as OrderTrackingListResponse
+          setOrders((data.list || []) as BuyOrderInfo[])
+          setTotal(data.total || 0)
+        }
       }
     } catch (error: any) {
       console.error('获取买入订单列表失败:', error)
@@ -82,69 +102,6 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
     }
   }
 
-  // 分组数据结构
-  interface GroupedOrders {
-    marketId: string
-    marketTitle?: string
-    marketSlug?: string
-    marketCategory?: string
-    orders: BuyOrderInfo[]
-    stats: {
-      count: number
-      totalAmount: string
-      fullyMatched: boolean  // 是否全部成交
-      fullyMatchedCount: number  // 完全成交的订单数
-      partiallyMatchedCount: number  // 部分成交的订单数
-      filledCount: number  // 未成交的订单数
-    }
-  }
-
-  // 按市场分组订单
-  const groupedOrders = useMemo<GroupedOrders[]>(() => {
-    if (!groupByMarket) return []
-
-    const groups = new Map<string, BuyOrderInfo[]>()
-    
-    // 按市场ID分组
-    orders.forEach(order => {
-      const key = order.marketId
-      if (!groups.has(key)) {
-        groups.set(key, [])
-      }
-      groups.get(key)!.push(order)
-    })
-
-    // 转换为分组数据并计算统计信息
-    return Array.from(groups.entries()).map(([marketId, marketOrders]) => {
-      // 计算总金额
-      const totalAmount = marketOrders.reduce((sum, order) => {
-        const amount = parseFloat(order.quantity) * parseFloat(order.price)
-        return sum + amount
-      }, 0)
-
-      // 统计订单状态
-      const fullyMatchedCount = marketOrders.filter(o => o.status === 'fully_matched').length
-      const partiallyMatchedCount = marketOrders.filter(o => o.status === 'partially_matched').length
-      const filledCount = marketOrders.filter(o => o.status === 'filled').length
-      const fullyMatched = fullyMatchedCount === marketOrders.length
-
-      return {
-        marketId,
-        marketTitle: marketOrders[0]?.marketTitle,
-        marketSlug: marketOrders[0]?.marketSlug,
-        marketCategory: marketOrders[0]?.marketCategory,
-        orders: marketOrders,
-        stats: {
-          count: marketOrders.length,
-          totalAmount: totalAmount.toString(),
-          fullyMatched,
-          fullyMatchedCount,
-          partiallyMatchedCount,
-          filledCount
-        }
-      }
-    }).sort((a, b) => b.stats.count - a.stats.count)  // 按订单数量降序排序
-  }, [orders, groupByMarket])
 
   // 切换市场展开/折叠
   const toggleMarket = (marketId: string) => {
@@ -333,12 +290,7 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
     }
   ]
 
-  // 初始化展开状态（桌面端默认全部展开）
-  useEffect(() => {
-    if (groupByMarket && groupedOrders.length > 0 && expandedMarkets.size === 0 && !isMobile) {
-      setExpandedMarkets(new Set(groupedOrders.map(g => g.marketId)))
-    }
-  }, [groupByMarket, groupedOrders.length, isMobile])
+  // 分组默认全部折叠（不自动展开）
 
   // 渲染分组视图
   const renderGroupedView = () => {
@@ -356,6 +308,7 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
           const isExpanded = expandedMarkets.has(group.marketId)
           const marketDisplayName = group.marketTitle || group.marketId.slice(0, 8) + '...' + group.marketId.slice(-6)
           const marketUrl = getPolymarketUrl(group.marketSlug, group.marketCategory, group.marketId)
+          const orders = group.orders as BuyOrderInfo[]
 
           return (
             <Card
@@ -437,7 +390,7 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
                   <Divider style={{ margin: '12px 0' }} />
                   {isMobile ? (
                     <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
-                      {group.orders.map((order) => {
+                      {orders.map((order) => {
                         const date = new Date(order.createdAt)
                         const formattedDate = date.toLocaleString('zh-CN', {
                           year: 'numeric',
@@ -501,7 +454,7 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
                   ) : (
                     <Table
                       columns={columns}
-                      dataSource={group.orders}
+                      dataSource={orders}
                       rowKey="orderId"
                       pagination={false}
                       size="small"
@@ -734,6 +687,12 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
           </Button>
         )}
 
+        {groupByMarket && (
+          <div style={{ fontSize: isMobile ? '12px' : '14px', color: '#666' }}>
+            {t('common.total') || '共'} {groupedTotal} {t('copyTradingOrders.markets') || '个市场'}
+          </div>
+        )}
+
         <Button type="primary" onClick={fetchOrders} icon={<ReloadOutlined />}>{t('common.refresh') || '刷新'}</Button>
       </div>
 
@@ -742,7 +701,37 @@ const BuyOrdersTab: React.FC<BuyOrdersTabProps> = ({ copyTradingId, active = fal
           <Spin size="large" />
         </div>
       ) : groupByMarket ? (
-        renderGroupedView()
+        <>
+          {renderGroupedView()}
+          {groupedOrders.length > 0 && (
+            <div style={{ marginTop: 16, textAlign: 'center' }}>
+              <Button
+                onClick={() => {
+                  if (page > 1) {
+                    setPage(page - 1)
+                  }
+                }}
+                disabled={page <= 1}
+                style={{ marginRight: 8 }}
+              >
+                {t('common.previous') || '上一页'}
+              </Button>
+              <span style={{ margin: '0 16px' }}>
+                {t('common.page') || '第'} {page} / {Math.ceil(groupedTotal / limit)} {t('common.page') || '页'}
+              </span>
+              <Button
+                onClick={() => {
+                  if (page < Math.ceil(groupedTotal / limit)) {
+                    setPage(page + 1)
+                  }
+                }}
+                disabled={page >= Math.ceil(groupedTotal / limit)}
+              >
+                {t('common.next') || '下一页'}
+              </Button>
+            </div>
+          )}
+        </>
       ) : (
         renderListView()
       )}

frontend/src/pages/CopyTradingOrders/SellOrdersTab.tsx

@@ -1,10 +1,10 @@
-import { useEffect, useState, useMemo } from 'react'
+import { useEffect, useState } from 'react'
 import { Table, Tag, Select, Input, Button, Card, Divider, Spin, message, Switch, Space } from 'antd'
 import { apiService } from '../../services/api'
 import { formatUSDC, isAutoGeneratedOrderId, copyToClipboard, getPolymarketUrl } from '../../utils'
 import { useMediaQuery } from 'react-responsive'
 import { useTranslation } from 'react-i18next'
-import type { SellOrderInfo, OrderTrackingRequest, OrderTrackingListResponse } from '../../types'
+import type { SellOrderInfo, OrderTrackingRequest, OrderTrackingListResponse, MarketGroupedOrdersRequest, MarketGroupedOrdersResponse, MarketOrderGroup } from '../../types'
 
 const { Option } = Select
 
@@ -29,31 +29,51 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
   }>({})
   const [groupByMarket, setGroupByMarket] = useState(false)  // 是否按市场分组
   const [expandedMarkets, setExpandedMarkets] = useState<Set<string>>(new Set())  // 展开的市场ID集合
+  const [groupedOrders, setGroupedOrders] = useState<MarketOrderGroup[]>([])  // 分组数据（从后端获取）
+  const [groupedTotal, setGroupedTotal] = useState(0)  // 分组总数（市场数量）
 
   useEffect(() => {
     if (copyTradingId && active) {
       fetchOrders()
     }
-  }, [copyTradingId, active, page, limit, filters])
+  }, [copyTradingId, active, page, limit, filters, groupByMarket])
 
   const fetchOrders = async () => {
     if (!copyTradingId) return
 
     setLoading(true)
     try {
-      const request: OrderTrackingRequest = {
-        copyTradingId: parseInt(copyTradingId),
-        type: 'sell',
-        page,
-        limit,
-        ...filters
-      }
+      if (groupByMarket) {
+        // 调用分组接口
+        const request: MarketGroupedOrdersRequest = {
+          copyTradingId: parseInt(copyTradingId),
+          type: 'sell',
+          page,
+          limit
+        }
 
-      const response = await apiService.orderTracking.list(request)
-      if (response.data.code === 0 && response.data.data) {
-        const data = response.data.data as OrderTrackingListResponse
-        setOrders((data.list || []) as SellOrderInfo[])
-        setTotal(data.total || 0)
+        const response = await apiService.orderTracking.listGroupedByMarket(request)
+        if (response.data.code === 0 && response.data.data) {
+          const data = response.data.data as MarketGroupedOrdersResponse
+          setGroupedOrders(data.list || [])
+          setGroupedTotal(data.total || 0)
+        }
+      } else {
+        // 调用普通列表接口
+        const request: OrderTrackingRequest = {
+          copyTradingId: parseInt(copyTradingId),
+          type: 'sell',
+          page,
+          limit,
+          ...filters
+        }
+
+        const response = await apiService.orderTracking.list(request)
+        if (response.data.code === 0 && response.data.data) {
+          const data = response.data.data as OrderTrackingListResponse
+          setOrders((data.list || []) as SellOrderInfo[])
+          setTotal(data.total || 0)
+        }
       }
     } catch (error: any) {
       console.error('获取卖出订单列表失败:', error)
@@ -77,64 +97,6 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
     }
   }
 
-  // 分组数据结构
-  interface GroupedOrders {
-    marketId: string
-    marketTitle?: string
-    marketSlug?: string
-    marketCategory?: string
-    orders: SellOrderInfo[]
-    stats: {
-      count: number
-      totalAmount: string
-      totalPnl: string  // 总盈亏
-      fullyMatched: boolean  // 卖出订单都是已成交的，这里始终为 true
-    }
-  }
-
-  // 按市场分组订单
-  const groupedOrders = useMemo<GroupedOrders[]>(() => {
-    if (!groupByMarket) return []
-
-    const groups = new Map<string, SellOrderInfo[]>()
-    
-    // 按市场ID分组
-    orders.forEach(order => {
-      const key = order.marketId
-      if (!groups.has(key)) {
-        groups.set(key, [])
-      }
-      groups.get(key)!.push(order)
-    })
-
-    // 转换为分组数据并计算统计信息
-    return Array.from(groups.entries()).map(([marketId, marketOrders]) => {
-      // 计算总金额和总盈亏
-      const totalAmount = marketOrders.reduce((sum, order) => {
-        const amount = parseFloat(order.quantity) * parseFloat(order.price)
-        return sum + amount
-      }, 0)
-
-      const totalPnl = marketOrders.reduce((sum, order) => {
-        return sum + parseFloat(order.realizedPnl)
-      }, 0)
-
-      return {
-        marketId,
-        marketTitle: marketOrders[0]?.marketTitle,
-        marketSlug: marketOrders[0]?.marketSlug,
-        marketCategory: marketOrders[0]?.marketCategory,
-        orders: marketOrders,
-        stats: {
-          count: marketOrders.length,
-          totalAmount: totalAmount.toString(),
-          totalPnl: totalPnl.toString(),
-          fullyMatched: true  // 卖出订单都是已成交的
-        }
-      }
-    }).sort((a, b) => b.stats.count - a.stats.count)  // 按订单数量降序排序
-  }, [orders, groupByMarket])
-
   // 切换市场展开/折叠
   const toggleMarket = (marketId: string) => {
     const newExpanded = new Set(expandedMarkets)
@@ -155,12 +117,7 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
     }
   }
 
-  // 初始化展开状态（桌面端默认全部展开）
-  useEffect(() => {
-    if (groupByMarket && groupedOrders.length > 0 && expandedMarkets.size === 0 && !isMobile) {
-      setExpandedMarkets(new Set(groupedOrders.map(g => g.marketId)))
-    }
-  }, [groupByMarket, groupedOrders.length, isMobile])
+  // 分组默认全部折叠（不自动展开）
 
   const columns = [
     {
@@ -335,7 +292,8 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
           const isExpanded = expandedMarkets.has(group.marketId)
           const marketDisplayName = group.marketTitle || group.marketId.slice(0, 8) + '...' + group.marketId.slice(-6)
           const marketUrl = getPolymarketUrl(group.marketSlug, group.marketCategory, group.marketId)
-          const pnlColor = getPnlColor(group.stats.totalPnl)
+          const pnlColor = getPnlColor(group.stats.totalPnl || '0')
+          const orders = group.orders as SellOrderInfo[]
 
           return (
             <Card
@@ -387,9 +345,11 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
                   <div style={{ display: 'flex', gap: '16px', flexWrap: 'wrap', fontSize: isMobile ? '12px' : '13px', color: '#666' }}>
                     <span>{t('copyTradingOrders.orderCount') || '订单数'}: {group.stats.count}</span>
                     <span>{t('copyTradingOrders.totalAmount') || '总金额'}: {formatUSDC(group.stats.totalAmount)} USDC</span>
-                    <span style={{ color: pnlColor, fontWeight: 500 }}>
-                      {t('copyTradingOrders.totalPnl') || '总盈亏'}: {formatUSDC(group.stats.totalPnl)} USDC
-                    </span>
+                    {group.stats.totalPnl && (
+                      <span style={{ color: pnlColor, fontWeight: 500 }}>
+                        {t('copyTradingOrders.totalPnl') || '总盈亏'}: {formatUSDC(group.stats.totalPnl)} USDC
+                      </span>
+                    )}
                   </div>
                 </div>
                 <Button
@@ -408,7 +368,7 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
                   <Divider style={{ margin: '12px 0' }} />
                   {isMobile ? (
                     <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
-                      {group.orders.map((order) => {
+                      {orders.map((order) => {
                         const date = new Date(order.createdAt)
                         const formattedDate = date.toLocaleString('zh-CN', {
                           year: 'numeric',
@@ -473,7 +433,7 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
                   ) : (
                     <Table
                       columns={columns}
-                      dataSource={group.orders}
+                      dataSource={orders}
                       rowKey="orderId"
                       pagination={false}
                       size="small"
@@ -699,6 +659,12 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
           </Button>
         )}
 
+        {groupByMarket && (
+          <div style={{ fontSize: isMobile ? '12px' : '14px', color: '#666' }}>
+            {t('common.total') || '共'} {groupedTotal} {t('copyTradingOrders.markets') || '个市场'}
+          </div>
+        )}
+
         <Button type="primary" onClick={fetchOrders} icon={<ReloadOutlined />}>{t('common.refresh') || '刷新'}</Button>
       </div>
 
@@ -707,7 +673,37 @@ const SellOrdersTab: React.FC<SellOrdersTabProps> = ({ copyTradingId, active = f
           <Spin size="large" />
         </div>
       ) : groupByMarket ? (
-        renderGroupedView()
+        <>
+          {renderGroupedView()}
+          {groupedOrders.length > 0 && (
+            <div style={{ marginTop: 16, textAlign: 'center' }}>
+              <Button
+                onClick={() => {
+                  if (page > 1) {
+                    setPage(page - 1)
+                  }
+                }}
+                disabled={page <= 1}
+                style={{ marginRight: 8 }}
+              >
+                {t('common.previous') || '上一页'}
+              </Button>
+              <span style={{ margin: '0 16px' }}>
+                {t('common.page') || '第'} {page} / {Math.ceil(groupedTotal / limit)} {t('common.page') || '页'}
+              </span>
+              <Button
+                onClick={() => {
+                  if (page < Math.ceil(groupedTotal / limit)) {
+                    setPage(page + 1)
+                  }
+                }}
+                disabled={page >= Math.ceil(groupedTotal / limit)}
+              >
+                {t('common.next') || '下一页'}
+              </Button>
+            </div>
+          )}
+        </>
       ) : (
         renderListView()
       )}