From 446e303743355ce67a19d02082958b48ebd6b467 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Mon, 25 May 2026 03:50:59 +0800
Subject: [PATCH] =?UTF-8?q?GroupedMarketTable=20=E5=8D=95=E9=80=89?=
 =?UTF-8?q?=E6=97=B6=E5=8C=BA=E6=97=B6=E9=9A=90=E8=97=8F=E5=88=86=E7=BB=84?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

groups.length === 1 时直接展示扁平表格，多时区（ALL）时保留可折叠分组。
---
 .../scan-terminal/GroupedMarketTable.tsx      | 54 +++++++++----------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx b/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx
index 0b515e7d..43917263 100644
--- a/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx
+++ b/frontend/components/dashboard/scan-terminal/GroupedMarketTable.tsx
@@ -47,6 +47,7 @@ export function GroupedMarketTable({
 
   const labelActive = isEn ? "Active" : "活跃";
   const labelWatch = isEn ? "Watch" : "观察";
+  const showHeaders = groups.length > 1;
 
   return (
     <div className="overflow-auto h-full">
@@ -65,36 +66,35 @@ export function GroupedMarketTable({
           </tr>
         </thead>
         <tbody>
-          {groups.map((group) => {
+          {groups.flatMap((group) => {
             const isExpanded = !collapsed.has(group.key);
-            const label = isEn ? group.labelEn : group.labelZh;
+            const rows = showHeaders && !isExpanded ? [] : group.rows;
             return (
               <Fragment key={group.key}>
-                {/* Group header row */}
-                <tr className="border-b border-slate-200 bg-[#eef2f6]">
-                  <td colSpan={9} className="p-0">
-                    <button
-                      type="button"
-                      onClick={() => toggleGroup(group.key)}
-                      className="flex w-full items-center gap-2 px-3 py-1 text-left hover:bg-[#e2e8f0] transition-colors"
-                    >
-                      <span className="grid h-4 w-4 place-items-center text-slate-400">
-                        {isExpanded ? <ChevronDown size={12} /> : <ChevronRight size={12} />}
-                      </span>
-                      <span className="text-[11px] font-black uppercase tracking-wide text-slate-600">
-                        {label}
-                      </span>
-                      <span className="text-[10px] text-slate-400">
-                        {group.rows.length} · {labelActive} {group.activeCount} · {labelWatch} {group.watchCount}
-                        {group.localTimeRange ? ` · LT ${group.localTimeRange}` : ""}
-                        {group.hotCity ? ` · Hot: ${group.hotCity}` : ""}
-                      </span>
-                    </button>
-                  </td>
-                </tr>
-                {/* Data rows */}
-                {isExpanded &&
-                  group.rows.map((row) => {
+                {showHeaders && (
+                  <tr className="border-b border-slate-200 bg-[#eef2f6]">
+                    <td colSpan={9} className="p-0">
+                      <button
+                        type="button"
+                        onClick={() => toggleGroup(group.key)}
+                        className="flex w-full items-center gap-2 px-3 py-1 text-left hover:bg-[#e2e8f0] transition-colors"
+                      >
+                        <span className="grid h-4 w-4 place-items-center text-slate-400">
+                          {isExpanded ? <ChevronDown size={12} /> : <ChevronRight size={12} />}
+                        </span>
+                        <span className="text-[11px] font-black uppercase tracking-wide text-slate-600">
+                          {isEn ? group.labelEn : group.labelZh}
+                        </span>
+                        <span className="text-[10px] text-slate-400">
+                          {group.rows.length} · {labelActive} {group.activeCount} · {labelWatch} {group.watchCount}
+                          {group.localTimeRange ? ` · LT ${group.localTimeRange}` : ""}
+                          {group.hotCity ? ` · Hot: ${group.hotCity}` : ""}
+                        </span>
+                      </button>
+                    </td>
+                  </tr>
+                )}
+                {rows.map((row) => {
                     const signal = getSignalState(row);
                     const gapColor = GAP_COLOR_MAP[getGapColor(row)];
                     return (