feat: 商品试算页面前端部分开发完成

This commit is contained in:
R524809
2026-08-27 16:04:27 +08:00
parent 7e1192f2ef
commit bb8f235e34
8 changed files with 702 additions and 482 deletions
+10 -9
View File
@@ -21,7 +21,9 @@ const SECTIONS = [
{ id: 'section-info', label: '商品信息' },
{ id: 'section-pricing', label: '价格试算' },
{ id: 'section-copy', label: '俄文文案' },
{ id: 'section-images', label: '图片与AI生图' },
{ id: 'section-collect', label: '采集图片' },
{ id: 'section-plan', label: '出图方案' },
{ id: 'section-result', label: '生成结果' },
{ id: 'section-export', label: '入库与导出' },
];
@@ -119,25 +121,24 @@ export default function TrialPage() {
{/* key 随商品切换:面板本地状态(表单/方案/勾选)一次性初始化,避免保存回显互相覆盖 */}
<div id="section-info">
<Card title="01 商品信息">
<Card title="1 商品信息">
<TrialInfoPanel key={`info-${product.id}`} product={product} onSave={save} />
</Card>
</div>
<div id="section-pricing">
<Card title="02 价格试算">
<Card title="2 价格试算">
<TrialPricingPanel key={`pricing-${product.id}`} product={product} onSave={save} />
</Card>
</div>
<div id="section-copy">
<Card title="03 俄文文案(AI">
<CopyPanel product={product} onSave={save} />
<Card title="3 俄文文案(AI">
<CopyPanel product={product} onSave={save} leftSpan={11} rightSpan={13} />
</Card>
</div>
<div id="section-images">
<TrialSuitePanel product={product} assets={assets} onRefreshAssets={load} />
</div>
{/* 4/5/6 三张卡片由 TrialSuitePanel 渲染,锚点在面板内部 */}
<TrialSuitePanel product={product} assets={assets} onRefreshAssets={load} />
<div id="section-export">
<Card title="05 入库与导出">
<Card title="7 入库与导出">
<TrialExportPanel product={product} />
</Card>
</div>