From e0dfb4c31e52306bba9d38f5f537fde381c87d84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=96=87=E8=96=87=E5=AE=89?= <vivian@192.168.3.101>
Date: Wed, 25 Feb 2026 15:47:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(global=5Fconfig):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=B8=82=E5=9C=BA=E8=A1=8C=E6=83=85JSON=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=8F=8A=E7=AD=96=E7=95=A5=E6=89=A7=E8=A1=8C?=
 =?UTF-8?q?=E6=A6=82=E8=A7=88=E6=8A=98=E5=8F=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在GlobalConfig组件中，新增了市场行情的JSON查看功能，用户可以复制市场数据到剪贴板。同时，优化了策略执行概览的展示逻辑，增加了折叠功能，提升了用户界面的可读性与交互性。这一改动旨在增强用户体验，使得市场信息和策略执行情况更加直观易用。
---
 frontend/src/components/GlobalConfig.jsx | 76 ++++++++++++++----------
 1 file changed, 46 insertions(+), 30 deletions(-)

diff --git a/frontend/src/components/GlobalConfig.jsx b/frontend/src/components/GlobalConfig.jsx
index 03d706c..6525593 100644
--- a/frontend/src/components/GlobalConfig.jsx
+++ b/frontend/src/components/GlobalConfig.jsx
@@ -263,6 +263,7 @@ const GlobalConfig = () => {
   const [servicesSummary, setServicesSummary] = useState(null)
   const [marketOverview, setMarketOverview] = useState(null)
   const [showMarketJson, setShowMarketJson] = useState(false)
+  const [strategyOverviewCollapsed, setStrategyOverviewCollapsed] = useState(true)
   const [systemBusy, setSystemBusy] = useState(false)
   
   // 预设方案相关
@@ -1303,20 +1304,54 @@ const GlobalConfig = () => {
                 </div>
               </div>
 
-              {/* 策略执行概览：当前执行方案与配置项执行情况（易读文字），有数据则展示，无数据也显示区块并提示 */}
+              {/* 市场行情概览 - JSON 查看（放在策略执行概览上边） */}
+              {showMarketJson && marketOverview && (
+                <div style={{ marginTop: '16px' }}>
+                  <div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: '6px' }}>
+                    <button
+                      type="button"
+                      className="system-btn"
+                      onClick={() => {
+                        const json = JSON.stringify(marketOverview, null, 2)
+                        navigator.clipboard.writeText(json).then(() => setMessage('已复制到剪贴板')).catch(() => setMessage('复制失败'))
+                      }}
+                    >
+                      复制 JSON
+                    </button>
+                  </div>
+                  <pre style={{ background: '#263238', color: '#aed581', padding: '12px', borderRadius: '6px', overflow: 'auto', maxHeight: '400px', fontSize: '13px', margin: 0 }}>
+                    {JSON.stringify(marketOverview, null, 2)}
+                  </pre>
+                </div>
+              )}
+
+              {/* 策略执行概览：默认折叠约 2/3，点击展开/收起 */}
               <div className="strategy-execution-overview" style={{ marginTop: '20px', padding: '16px', background: '#fafafa', borderRadius: '8px', border: '1px solid #eee' }}>
-                <h4 style={{ margin: '0 0 12px 0', fontSize: '15px', fontWeight: 600, color: '#333' }}>策略执行概览</h4>
+                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: strategyOverviewCollapsed ? 0 : '12px' }}>
+                  <h4 style={{ margin: 0, fontSize: '15px', fontWeight: 600, color: '#333' }}>策略执行概览</h4>
+                  <button
+                    type="button"
+                    className="system-btn"
+                    onClick={() => setStrategyOverviewCollapsed(v => !v)}
+                  >
+                    {strategyOverviewCollapsed ? '展开' : '收起'}
+                  </button>
+                </div>
                 {marketOverview.strategy_execution_overview?.sections?.length > 0 ? (
                   <>
-                    <p style={{ margin: '0 0 14px 0', fontSize: '13px', color: '#666', lineHeight: 1.5 }}>
-                      以下为当前生效的整体策略执行标准与机制说明（由数据库/Redis 配置生成，刷新市场行情时一并更新）。
-                    </p>
-                    {marketOverview.strategy_execution_overview.sections.map((sec, idx) => (
-                      <div key={idx} style={{ marginBottom: idx < marketOverview.strategy_execution_overview.sections.length - 1 ? '14px' : 0 }}>
-                        <div style={{ fontSize: '13px', fontWeight: 600, color: '#1976d2', marginBottom: '4px' }}>{sec.title}</div>
-                        <div style={{ fontSize: '13px', color: '#444', lineHeight: 1.6, whiteSpace: 'pre-wrap' }}>{sec.content}</div>
-                      </div>
-                    ))}
+                    {!strategyOverviewCollapsed && (
+                      <p style={{ margin: '0 0 14px 0', fontSize: '13px', color: '#666', lineHeight: 1.5 }}>
+                        以下为当前生效的整体策略执行标准与机制说明（由数据库/Redis 配置生成，刷新市场行情时一并更新）。
+                      </p>
+                    )}
+                    <div style={{ maxHeight: strategyOverviewCollapsed ? '120px' : 'none', overflow: 'hidden' }}>
+                      {marketOverview.strategy_execution_overview.sections.map((sec, idx) => (
+                        <div key={idx} style={{ marginBottom: idx < marketOverview.strategy_execution_overview.sections.length - 1 ? '14px' : 0 }}>
+                          <div style={{ fontSize: '13px', fontWeight: 600, color: '#1976d2', marginBottom: '4px' }}>{sec.title}</div>
+                          <div style={{ fontSize: '13px', color: '#444', lineHeight: 1.6, whiteSpace: 'pre-wrap' }}>{sec.content}</div>
+                        </div>
+                      ))}
+                    </div>
                   </>
                 ) : (
                   <p style={{ margin: 0, fontSize: '13px', color: '#888' }}>
@@ -1328,25 +1363,6 @@ const GlobalConfig = () => {
           ) : (
             <div style={{ color: '#888', fontSize: '14px' }}>加载中或拉取失败，请点击刷新</div>
           )}
-          {showMarketJson && marketOverview && (
-            <div style={{ marginTop: '12px' }}>
-              <div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: '6px' }}>
-                <button
-                  type="button"
-                  className="system-btn"
-                  onClick={() => {
-                    const json = JSON.stringify(marketOverview, null, 2)
-                    navigator.clipboard.writeText(json).then(() => setMessage('已复制到剪贴板')).catch(() => setMessage('复制失败'))
-                  }}
-                >
-                  复制 JSON
-                </button>
-              </div>
-              <pre style={{ background: '#263238', color: '#aed581', padding: '12px', borderRadius: '6px', overflow: 'auto', maxHeight: '400px', fontSize: '13px', margin: 0 }}>
-                {JSON.stringify(marketOverview, null, 2)}
-              </pre>
-            </div>
-          )}
         </section>
       )}