DocumentSheet
单据纸张 · A4 居中纸面(白底/暗色近黑纸·shadow·210mm 宽) + 打印态隔离(工具栏/阴影/外边距 print:hidden·data-document-sheet 钩子) + 内置打印按钮(onPrint ?? window.print) + 子件 Header(左右抬头)/Section(带小标题段)/Footer(签章位) · 报价单/发票等单据容器
瑚琏设计工作室
上海市某区某路 88 号
contact@hulian.design · 021-8888-8888
contact@hulian.design · 021-8888-8888
报 价 单
单号：QT-2026-0604
日期：2026-06-04
日期：2026-06-04
致
某某科技有限公司
张经理 · 采购部
服务明细
| 项目 | 数量 | 单价 | 小计 |
|---|---|---|---|
| 品牌官网首页设计 | 1 | ¥12,000 | ¥12,000 |
| 组件库定制（20 件） | 20 | ¥800 | ¥16,000 |
| 前端切图实现 | 1 | ¥8,000 | ¥8,000 |
| 合计（含税） | ¥36,000 | ||
全状态
瑚琏设计工作室
上海市某区某路 88 号
contact@hulian.design · 021-8888-8888
contact@hulian.design · 021-8888-8888
报 价 单
单号：QT-2026-0604
日期：2026-06-04
日期：2026-06-04
致
某某科技有限公司
张经理 · 采购部
服务明细
| 项目 | 数量 | 单价 | 小计 |
|---|---|---|---|
| 品牌官网首页设计 | 1 | ¥12,000 | ¥12,000 |
| 组件库定制（20 件） | 20 | ¥800 | ¥16,000 |
| 前端切图实现 | 1 | ¥8,000 | ¥8,000 |
| 合计（含税） | ¥36,000 | ||
瑚琏设计工作室
上海市某区某路 88 号
contact@hulian.design · 021-8888-8888
contact@hulian.design · 021-8888-8888
报 价 单
单号：QT-2026-0604
日期：2026-06-04
日期：2026-06-04
致
某某科技有限公司
张经理 · 采购部
服务明细
| 项目 | 数量 | 单价 | 小计 |
|---|---|---|---|
| 品牌官网首页设计 | 1 | ¥12,000 | ¥12,000 |
| 组件库定制（20 件） | 20 | ¥800 | ¥16,000 |
| 前端切图实现 | 1 | ¥8,000 | ¥8,000 |
| 合计（含税） | ¥36,000 | ||
Playground
瑚琏设计工作室
上海市某区某路 88 号
contact@hulian.design · 021-8888-8888
contact@hulian.design · 021-8888-8888
报 价 单
单号：QT-2026-0604
日期：2026-06-04
日期：2026-06-04
致
某某科技有限公司
张经理 · 采购部
服务明细
| 项目 | 数量 | 单价 | 小计 |
|---|---|---|---|
| 品牌官网首页设计 | 1 | ¥12,000 | ¥12,000 |
| 组件库定制（20 件） | 20 | ¥800 | ¥16,000 |
| 前端切图实现 | 1 | ¥8,000 | ¥8,000 |
| 合计（含税） | ¥36,000 | ||
<DocumentSheet size="a4" onPrint={() => window.print()}>
<DocumentSheetHeader>
<div>瑚琏设计工作室</div>
<div>报价单 · QT-2026-0604</div>
</DocumentSheetHeader>
<DocumentSheetSection title="服务明细">
<table>{/* 明细行 */}</table>
</DocumentSheetSection>
<DocumentSheetFooter>合计 · 签章位</DocumentSheetFooter>
</DocumentSheet>