1

frontend/src/components/TradeList.jsx

@@ -83,7 +83,8 @@ const TradeList = () => {
   }
 
   // 导出当前订单数据（含入场/离场原因、入场思路等完整字段，便于后续分析）
-  const handleExport = () => {
+  // type: 'csv' | 'json'
+  const handleExport = (type = 'csv') => {
     if (trades.length === 0) {
       alert('暂无数据可导出')
       return
@@ -137,6 +138,21 @@ const TradeList = () => {
       return row
     })
 
+    const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-')
+    
+    if (type === 'json') {
+      const filename = `交易记录_${timestamp}.json`
+      const dataStr = JSON.stringify(exportData, null, 2)
+      const dataBlob = new Blob([dataStr], { type: 'application/json' })
+      const url = URL.createObjectURL(dataBlob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = filename
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      URL.revokeObjectURL(url)
+    } else {
       // 转换为CSV格式 helper
       const convertToCSV = (objArray) => {
         const array = typeof objArray !== 'object' ? JSON.parse(objArray) : objArray;
@@ -157,6 +173,8 @@ const TradeList = () => {
             let value = array[i][index];
             if (value === null || value === undefined) {
                 value = '';
+            } else if (typeof value === 'object') {
+                value = JSON.stringify(value);
             } else {
                 value = String(value);
             }
@@ -173,10 +191,7 @@ const TradeList = () => {
         return str;
       }
 
-    // 生成文件名
-    const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-')
       const filename = `交易记录_${timestamp}.csv`
-
       // 创建并下载文件 (CSV with BOM for Excel)
       const csvStr = convertToCSV(exportData)
       const bom = '\uFEFF'
@@ -190,6 +205,7 @@ const TradeList = () => {
       document.body.removeChild(link)
       URL.revokeObjectURL(url)
     }
+  }
 
   // 复制统计数据到剪贴板
   const handleCopyStats = (statsData) => {
@@ -373,9 +389,14 @@ const TradeList = () => {
             重置
           </button>
           {trades.length > 0 && (
-            <button className="btn-export" onClick={handleExport} title="导出Excel/CSV（含入场/离场原因、入场思路等），便于后续分析">
+            <>
+              <button className="btn-export" onClick={() => handleExport('csv')} title="导出Excel/CSV（含入场/离场原因、入场思路等），便于后续分析">
                 导出 Excel ({trades.length})
               </button>
+              <button className="btn-export" onClick={() => handleExport('json')} style={{ backgroundColor: '#607D8B' }} title="导出JSON数据，方便程序处理">
+                导出 JSON ({trades.length})
+              </button>
+            </>
           )}
         </div>
       </div>