From b7ba133a159c82c30e653648029d7a20dea1019a Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 20 Jul 2026 17:44:05 +0900
Subject: [PATCH] 260720_4

---
 .../src/components/QuantityPanel.tsx          | 206 +++++++++---------
 1 file changed, 100 insertions(+), 106 deletions(-)

diff --git a/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx b/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
index 4008f8b9..af2dcbe6 100644
--- a/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
+++ b/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
@@ -124,7 +124,7 @@ export const QuantityPanel: FC = () => {
 		ground !== null && planned !== null ? formatValue(Math.max(planned - ground, 0)) : '';
 
 	return (
-		<section className="cad-qtable controls" data-collapsed={collapsed}>
+		<section className="cad-qtable controls" data-collapsed={meta.kind !== 'cross' || collapsed}>
 			<header className="cad-qtable__header">
 				<button
 					type="button"
@@ -167,111 +167,105 @@ export const QuantityPanel: FC = () => {
 				)}
 			</header>
 
-			{meta.kind === 'cross' && (
-				<div className="cad-qtable__body">
-					<table>
-						<tbody>
-							<tr>
-								<th className="cad-qtable__label" colSpan={2}>
-									지반고
-								</th>
-								<ValueInput fieldKey="ground" colSpan={1} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label" colSpan={2}>
-									계획고
-								</th>
-								<ValueInput fieldKey="planned" colSpan={1} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label" colSpan={2}>
-									절토고
-								</th>
-								<DerivedCell value={cutText} />
-								<th className="cad-qtable__label" colSpan={2}>
-									성토고
-								</th>
-								<DerivedCell value={fillText} />
-							</tr>
-							<tr>
-								<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={3}>
-									흙깎기
-								</th>
-								<th className="cad-qtable__label">토사</th>
-								<ValueInput fieldKey="cut_soil" colSpan={2} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label" colSpan={2}>
-									지장목제거
-								</th>
-								<ValueInput
-									fieldKey="tree_removal"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-								<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={3}>
-									옆도랑파기
-								</th>
-								<th className="cad-qtable__label">토사</th>
-								<ValueInput fieldKey="ditch_soil" colSpan={2} values={values} onEdit={handleEdit} />
-							</tr>
-							<tr>
-								<th className="cad-qtable__label">연암</th>
-								<ValueInput
-									fieldKey="cut_soft_rock"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-								<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={2}>
-									비탈보호공
-								</th>
-								<th className="cad-qtable__label">성토면</th>
-								<ValueInput
-									fieldKey="fill_slope_protection"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-								<th className="cad-qtable__label">연암</th>
-								<ValueInput
-									fieldKey="ditch_soft_rock"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-							</tr>
-							<tr>
-								<th className="cad-qtable__label">보통암</th>
-								<ValueInput fieldKey="cut_rock" colSpan={2} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label">절토면</th>
-								<ValueInput
-									fieldKey="cut_slope_protection"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-								<th className="cad-qtable__label">보통암</th>
-								<ValueInput fieldKey="ditch_rock" colSpan={2} values={values} onEdit={handleEdit} />
-							</tr>
-							<tr>
-								<th className="cad-qtable__label" colSpan={2}>
-									흙쌓기
-								</th>
-								<ValueInput fieldKey="embankment" colSpan={2} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label" colSpan={2}>
-									제근
-								</th>
-								<ValueInput fieldKey="grubbing" colSpan={2} values={values} onEdit={handleEdit} />
-								<th className="cad-qtable__label" colSpan={2}>
-									노면고르기
-								</th>
-								<ValueInput
-									fieldKey="surface_grading"
-									colSpan={2}
-									values={values}
-									onEdit={handleEdit}
-								/>
-							</tr>
-						</tbody>
-					</table>
-				</div>
-			)}
+			{/* 표는 종단도에서도 DOM에 남겨 패널 폭을 통일한다 (CSS로만 숨김) */}
+			<div className="cad-qtable__body">
+				<table>
+					<tbody>
+						<tr>
+							<th className="cad-qtable__label" colSpan={2}>
+								지반고
+							</th>
+							<ValueInput fieldKey="ground" colSpan={1} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label" colSpan={2}>
+								계획고
+							</th>
+							<ValueInput fieldKey="planned" colSpan={1} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label" colSpan={2}>
+								절토고
+							</th>
+							<DerivedCell value={cutText} />
+							<th className="cad-qtable__label" colSpan={2}>
+								성토고
+							</th>
+							<DerivedCell value={fillText} />
+						</tr>
+						<tr>
+							<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={3}>
+								흙깎기
+							</th>
+							<th className="cad-qtable__label">토사</th>
+							<ValueInput fieldKey="cut_soil" colSpan={2} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label" colSpan={2}>
+								지장목제거
+							</th>
+							<ValueInput fieldKey="tree_removal" colSpan={2} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={3}>
+								옆도랑파기
+							</th>
+							<th className="cad-qtable__label">토사</th>
+							<ValueInput fieldKey="ditch_soil" colSpan={2} values={values} onEdit={handleEdit} />
+						</tr>
+						<tr>
+							<th className="cad-qtable__label">연암</th>
+							<ValueInput
+								fieldKey="cut_soft_rock"
+								colSpan={2}
+								values={values}
+								onEdit={handleEdit}
+							/>
+							<th className="cad-qtable__label cad-qtable__label--vertical" rowSpan={2}>
+								비탈보호공
+							</th>
+							<th className="cad-qtable__label">성토면</th>
+							<ValueInput
+								fieldKey="fill_slope_protection"
+								colSpan={2}
+								values={values}
+								onEdit={handleEdit}
+							/>
+							<th className="cad-qtable__label">연암</th>
+							<ValueInput
+								fieldKey="ditch_soft_rock"
+								colSpan={2}
+								values={values}
+								onEdit={handleEdit}
+							/>
+						</tr>
+						<tr>
+							<th className="cad-qtable__label">보통암</th>
+							<ValueInput fieldKey="cut_rock" colSpan={2} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label">절토면</th>
+							<ValueInput
+								fieldKey="cut_slope_protection"
+								colSpan={2}
+								values={values}
+								onEdit={handleEdit}
+							/>
+							<th className="cad-qtable__label">보통암</th>
+							<ValueInput fieldKey="ditch_rock" colSpan={2} values={values} onEdit={handleEdit} />
+						</tr>
+						<tr>
+							<th className="cad-qtable__label" colSpan={2}>
+								흙쌓기
+							</th>
+							<ValueInput fieldKey="embankment" colSpan={2} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label" colSpan={2}>
+								제근
+							</th>
+							<ValueInput fieldKey="grubbing" colSpan={2} values={values} onEdit={handleEdit} />
+							<th className="cad-qtable__label" colSpan={2}>
+								노면고르기
+							</th>
+							<ValueInput
+								fieldKey="surface_grading"
+								colSpan={2}
+								values={values}
+								onEdit={handleEdit}
+							/>
+						</tr>
+					</tbody>
+				</table>
+			</div>
 		</section>
 	);
 };