wangjia
2ad893fb40
参考真实发票/送货单产出 6 种黑白排版供选型，已登记 docs 索引。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
281 lines
35 KiB
HTML
281 lines
35 KiB
HTML
<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>出入库单排版方案 · 6 种黑白样式</title>
|
||
<style>
|
||
* { box-sizing:border-box; margin:0; padding:0; }
|
||
body { background:#e9ebee; font-family:"PingFang SC","Microsoft YaHei",sans-serif; color:#111; padding-bottom:60px; }
|
||
.page-head { position:sticky; top:0; z-index:10; background:#fff; border-bottom:1px solid #ccc; padding:14px 24px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
|
||
.page-head h1 { font-size:17px; font-weight:700; }
|
||
.page-head nav a { color:#111; text-decoration:none; font-size:13px; margin-right:14px; border-bottom:1px dashed #999; padding-bottom:1px; }
|
||
.style-block { max-width:900px; margin:34px auto; }
|
||
.style-block > h2 { font-size:16px; margin:0 12px 4px; }
|
||
.style-block > .desc { font-size:12.5px; color:#555; margin:0 12px 16px; line-height:1.6; }
|
||
.sheet { background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.16); padding:46px 40px; margin-bottom:26px; }
|
||
|
||
.doc table { width:100%; border-collapse:collapse; }
|
||
.doc th { text-align:center; white-space:nowrap; }
|
||
.doc td.num { text-align:right; }
|
||
.doc td.ctr { text-align:center; }
|
||
.doc .meta-row { display:flex; }
|
||
.doc .total { display:flex; }
|
||
.doc .sign { display:flex; justify-content:space-between; margin-top:40px; font-size:13px; }
|
||
.doc .tips { font-size:11px; color:#555; line-height:1.6; border:1px solid #ddd; background:#fafafa; padding:7px 10px; margin-top:12px; }
|
||
|
||
/* 一 极简线框 */
|
||
.s1 .doc { color:#1a1a1a; }
|
||
.s1 .hd { display:flex; align-items:baseline; gap:14px; border-bottom:2px solid #111; padding-bottom:12px; margin-bottom:16px; }
|
||
.s1 .co { font-size:23px; font-weight:700; letter-spacing:1px; }
|
||
.s1 .ty { font-size:14px; color:#666; letter-spacing:6px; }
|
||
.s1 .meta { margin-bottom:16px; }
|
||
.s1 .meta-row { justify-content:flex-start; gap:52px; font-size:12.5px; color:#333; line-height:2.1; }
|
||
.s1 .m-no { font-weight:700; color:#111; }
|
||
.s1 table { border:none; }
|
||
.s1 th { border:none; border-bottom:2px solid #111; padding:8px 6px; font-size:12px; font-weight:700; letter-spacing:.5px; }
|
||
.s1 td { border:none; border-bottom:1px solid #e2e2e2; padding:9px 6px; font-size:12px; }
|
||
.s1 .total { border-top:2px solid #111; margin-top:-1px; justify-content:flex-end; gap:44px; padding:12px 4px; font-size:13px; }
|
||
.s1 .t-label { margin-right:auto; color:#666; font-weight:700; }
|
||
.s1 .total b { font-size:15px; font-weight:700; }
|
||
.s1 .sign { margin-top:48px; }
|
||
.s1 .tips { border:none; border-left:3px solid #111; background:none; padding:2px 0 2px 10px; }
|
||
|
||
/* 二 现代分区 */
|
||
.s2 .hd { text-align:center; margin-bottom:14px; }
|
||
.s2 .co { font-size:24px; font-weight:800; }
|
||
.s2 .ty { display:inline-block; margin-top:8px; font-size:14px; font-weight:700; letter-spacing:6px; border:1.5px solid #111; border-radius:2px; padding:3px 18px; }
|
||
.s2 .meta { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #bbb; margin-bottom:14px; }
|
||
.s2 .meta-row { display:contents; }
|
||
.s2 .m { border:.5px solid #ccc; padding:8px 10px; font-size:12.5px; }
|
||
.s2 table { border:1px solid #ccc; }
|
||
.s2 th { background:#ececec; border:1px solid #ccc; padding:8px 6px; font-size:12px; font-weight:700; }
|
||
.s2 td { border:1px solid #ddd; padding:7px 8px; font-size:12px; }
|
||
.s2 tbody tr:nth-child(even) { background:#f7f7f7; }
|
||
.s2 .total { margin-top:12px; justify-content:flex-end; align-items:center; gap:36px; background:#efefef; border:1px solid #bbb; border-radius:2px; padding:12px 18px; }
|
||
.s2 .t-label { margin-right:auto; font-weight:800; font-size:14px; }
|
||
.s2 .total b { font-size:17px; font-weight:800; }
|
||
|
||
/* 三 紧凑报表 */
|
||
.s3 .doc { border-left:4px solid #111; padding-left:18px; }
|
||
.s3 .hd { display:flex; align-items:baseline; gap:12px; margin-bottom:10px; }
|
||
.s3 .co { font-size:19px; font-weight:700; }
|
||
.s3 .ty { font-size:13px; letter-spacing:4px; color:#444; }
|
||
.s3 .meta { background:#f3f3f3; border:1px solid #ccc; padding:7px 10px; margin-bottom:10px; }
|
||
.s3 .meta-row { justify-content:space-between; font-size:11.5px; line-height:1.9; }
|
||
.s3 .m-no { font-weight:700; }
|
||
.s3 table { border:1px solid #bbb; }
|
||
.s3 th { background:#e5e5e5; border:1px solid #bbb; padding:5px 5px; font-size:11px; font-weight:700; }
|
||
.s3 td { border:1px solid #ccc; padding:4px 6px; font-size:11px; }
|
||
.s3 td.num { font-family:"SF Mono","Roboto Mono",Menlo,Consolas,monospace; }
|
||
.s3 .total { justify-content:flex-end; gap:28px; margin-top:8px; border:1px solid #bbb; background:#f3f3f3; padding:7px 12px; font-size:12px; font-weight:700; }
|
||
.s3 .t-label { margin-right:auto; }
|
||
.s3 .total b { font-size:14px; font-family:"SF Mono",Menlo,Consolas,monospace; }
|
||
.s3 .sign { margin-top:30px; font-size:12px; }
|
||
|
||
/* 四 西式发票 */
|
||
.s4 .topbar { display:flex; justify-content:space-between; align-items:flex-start; border-bottom:3px solid #111; padding-bottom:14px; margin-bottom:16px; }
|
||
.s4 .co { font-size:30px; font-weight:800; letter-spacing:1px; }
|
||
.s4 .docmeta { text-align:right; }
|
||
.s4 .doctype { font-size:18px; font-weight:700; letter-spacing:6px; margin-bottom:8px; }
|
||
.s4 .mbox { font-size:12px; line-height:1.8; color:#333; }
|
||
.s4 .party { margin-bottom:14px; }
|
||
.s4 .plabel { font-size:10.5px; letter-spacing:3px; color:#888; text-transform:uppercase; margin-bottom:5px; }
|
||
.s4 .pgrid { display:flex; gap:40px; font-size:13px; }
|
||
.s4 .seclabel { font-size:11px; letter-spacing:3px; color:#111; font-weight:700; border-bottom:1px solid #111; padding-bottom:5px; text-transform:uppercase; }
|
||
.s4 th { border-bottom:1.5px solid #111; padding:8px 6px; font-size:11.5px; font-weight:700; }
|
||
.s4 td { border-bottom:1px solid #e0e0e0; padding:8px 6px; font-size:12px; }
|
||
.s4 .grand { display:flex; flex-direction:column; align-items:flex-end; gap:4px; margin-top:14px; }
|
||
.s4 .grand > div { display:flex; gap:18px; min-width:230px; justify-content:space-between; font-size:13px; }
|
||
.s4 .grand .g1 { justify-content:flex-end; color:#888; letter-spacing:2px; }
|
||
.s4 .grand .g3 { border-top:2px solid #111; padding-top:6px; margin-top:2px; font-weight:800; }
|
||
.s4 .grand b { font-size:15px; } .s4 .grand .g3 b { font-size:19px; }
|
||
.s4 .sign { border-top:1px solid #ccc; padding-top:14px; }
|
||
|
||
/* 五 瑞士网格 */
|
||
.s5 .kicker { font-size:12px; letter-spacing:4px; text-transform:uppercase; color:#888; }
|
||
.s5 .headline { font-size:46px; font-weight:800; letter-spacing:4px; line-height:1; margin:4px 0 16px; }
|
||
.s5 .metaline { display:flex; gap:42px; flex-wrap:wrap; border-top:1px solid #111; border-bottom:1px solid #111; padding:10px 0; font-size:12.5px; margin-bottom:22px; }
|
||
.s5 .metaline i { display:block; font-style:normal; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#999; margin-bottom:3px; }
|
||
.s5 .sec { font-size:10.5px; letter-spacing:3px; text-transform:uppercase; color:#666; margin-bottom:6px; }
|
||
.s5 th { border-top:2px solid #111; border-bottom:2px solid #111; padding:8px 6px; font-size:11px; letter-spacing:.5px; font-weight:700; }
|
||
.s5 td { border-bottom:1px solid #e4e4e4; padding:9px 6px; font-size:12px; }
|
||
.s5 td.num { font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
|
||
.s5 .total8 { display:flex; justify-content:flex-end; align-items:baseline; gap:14px; border-bottom:3px double #111; padding:12px 2px; margin-top:-1px; }
|
||
.s5 .total8 > span { margin-right:auto; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#666; }
|
||
.s5 .total8 em { font-style:normal; font-size:11px; color:#999; letter-spacing:2px; }
|
||
.s5 .total8 b { font-size:18px; font-weight:800; }
|
||
.s5 .sign { margin-top:46px; }
|
||
|
||
/* 六 填空表单 */
|
||
.s6 .frame { border:1px solid #111; outline:3px solid #111; outline-offset:3px; padding:18px 18px 16px; }
|
||
.s6 .co9 { text-align:center; font-size:14px; letter-spacing:2px; color:#333; }
|
||
.s6 .title9 { text-align:center; font-size:22px; font-weight:800; letter-spacing:10px; margin:2px 0 14px; }
|
||
.s6 .meta9 { display:grid; grid-template-columns:repeat(3,1fr); gap:6px 24px; margin-bottom:12px; }
|
||
.s6 .f { display:flex; align-items:baseline; font-size:12.5px; }
|
||
.s6 .f label { color:#333; white-space:nowrap; } .s6 .f label::after { content:"："; }
|
||
.s6 .f .fill { flex:1; border-bottom:1px solid #111; min-height:18px; padding:0 4px; font-weight:600; }
|
||
.s6 table, .s6 th, .s6 td { border:1px solid #111; }
|
||
.s6 th { background:#eee; padding:6px; font-size:11.5px; font-weight:700; }
|
||
.s6 td { padding:6px 7px; font-size:11.5px; }
|
||
.s6 .total9 { display:flex; border:1px solid #111; border-top:none; padding:8px 12px; font-size:13px; font-weight:700; }
|
||
.s6 .total9 span:first-child { margin-right:auto; }
|
||
.s6 .total9 span+span { margin-left:36px; }
|
||
.s6 .sign9 { display:flex; margin-top:16px; gap:10px; }
|
||
.s6 .sign9 div { flex:1; border:1px solid #111; padding:14px 10px 8px; font-size:12.5px; }
|
||
|
||
@media print {
|
||
@page { size:A4; margin:10mm; }
|
||
body { background:#fff; padding:0; }
|
||
.page-head { display:none; }
|
||
.style-block { max-width:none; margin:0; break-before:page; }
|
||
.style-block:first-of-type { break-before:auto; }
|
||
.style-block > h2 { font-size:13px; margin:0 0 2px; }
|
||
.style-block > .desc { font-size:10px; color:#555; margin:0 0 8px; }
|
||
.sheet { box-shadow:none; border:1px solid #e3e3e3; padding:18px 20px; margin-bottom:10px; break-inside:avoid; }
|
||
}
|
||
</style></head><body>
|
||
<header class="page-head"><h1>出入库单排版方案 · 6 种黑白样式</h1><nav><a href="#s1">极简线框</a><a href="#s2">现代分区</a><a href="#s3">紧凑报表</a><a href="#s4">西式发票</a><a href="#s5">瑞士网格</a><a href="#s6">填空表单</a></nav></header>
|
||
|
||
<section id="s1" class="style-block">
|
||
<h2>样式一 · 极简线框</h2><p class="desc">无竖线、仅细横线分隔，大留白、左对齐抬头 —— 清爽现代，激光打印省墨。</p>
|
||
<div class="sheet s1"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">入 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">单位名称：丁小峰</span><span class="m m-date">入库日期：2026-06-23</span><span class="m m-no">NO：RK20260623000013</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">单位地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>24</b></span><span class="t-amt">金额 <b>44160.00</b></span></div>
|
||
<div class="sign"><span>出货人（签字）：</span><span>采购员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
<div class="sheet s1"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">出 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">客户名称：刘总</span><span class="m m-date">出库日期：2026-06-23</span><span class="m m-no">NO.CK20260623000020</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">送货地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>2</b></span><span class="t-amt">金额 <b>6160.00</b></span></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div><div class="sign"><span>收货人（签字）：</span><span>销售员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
</section>
|
||
<section id="s2" class="style-block">
|
||
<h2>样式二 · 现代分区</h2><p class="desc">抬头字段做成带框表单格、明细斑马纹、总计高亮条 —— 信息分区清晰。</p>
|
||
<div class="sheet s2"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">入 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">单位名称：丁小峰</span><span class="m m-date">入库日期：2026-06-23</span><span class="m m-no">NO：RK20260623000013</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">单位地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>24</b></span><span class="t-amt">金额 <b>44160.00</b></span></div>
|
||
<div class="sign"><span>出货人（签字）：</span><span>采购员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
<div class="sheet s2"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">出 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">客户名称：刘总</span><span class="m m-date">出库日期：2026-06-23</span><span class="m m-no">NO.CK20260623000020</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">送货地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>2</b></span><span class="t-amt">金额 <b>6160.00</b></span></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div><div class="sign"><span>收货人（签字）：</span><span>销售员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
</section>
|
||
<section id="s3" class="style-block">
|
||
<h2>样式三 · 紧凑报表</h2><p class="desc">小字号、数字等宽对齐、左侧竖线点缀 —— 单页能塞更多行，密集报表风。</p>
|
||
<div class="sheet s3"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">入 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">单位名称：丁小峰</span><span class="m m-date">入库日期：2026-06-23</span><span class="m m-no">NO：RK20260623000013</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">单位地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>24</b></span><span class="t-amt">金额 <b>44160.00</b></span></div>
|
||
<div class="sign"><span>出货人（签字）：</span><span>采购员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
<div class="sheet s3"><div class="doc">
|
||
<div class="hd"><div class="co">鼎晟酒行</div><div class="ty">出 库 单</div></div>
|
||
<div class="meta">
|
||
<div class="meta-row r1"><span class="m m-partner">客户名称：刘总</span><span class="m m-date">出库日期：2026-06-23</span><span class="m m-no">NO.CK20260623000020</span></div>
|
||
<div class="meta-row r2"><span class="m m-phone">联系电话：</span><span class="m m-addr">送货地址：</span><span class="m m-wh">仓库：鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total"><span class="t-label">单据总计</span><span class="t-qty">数量 <b>2</b></span><span class="t-amt">金额 <b>6160.00</b></span></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div><div class="sign"><span>收货人（签字）：</span><span>销售员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
</section>
|
||
<section id="s4" class="style-block">
|
||
<h2>样式四 · 西式发票</h2><p class="desc">左上大字号商号 + 右上单号块、底部「单据总计」金额栈、字母大写小标题 —— 借鉴欧美 INVOICE。</p>
|
||
<div class="sheet s4"><div class="doc">
|
||
<div class="topbar"><div class="co">鼎晟酒行</div>
|
||
<div class="docmeta"><div class="doctype">入 库 单</div>
|
||
<div class="mbox"><div>NO：RK20260623000013</div><div>入库日期：2026-06-23</div><div>仓库：鼎晟酒行</div></div></div></div>
|
||
<div class="party"><div class="plabel">往来信息</div>
|
||
<div class="pgrid"><span>单位名称：丁小峰</span><span>联系电话：</span><span>单位地址：</span></div></div>
|
||
<div class="seclabel">商品明细 / ITEMS</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="grand"><div class="g1">单据总计</div>
|
||
<div class="g2"><span>数量</span><b>24</b></div>
|
||
<div class="g3"><span>金额</span><b>44160.00</b></div></div>
|
||
<div class="sign"><span>出货人（签字）：</span><span>采购员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
<div class="sheet s4"><div class="doc">
|
||
<div class="topbar"><div class="co">鼎晟酒行</div>
|
||
<div class="docmeta"><div class="doctype">出 库 单</div>
|
||
<div class="mbox"><div>NO.CK20260623000020</div><div>出库日期：2026-06-23</div><div>仓库：鼎晟酒行</div></div></div></div>
|
||
<div class="party"><div class="plabel">往来信息</div>
|
||
<div class="pgrid"><span>客户名称：刘总</span><span>联系电话：</span><span>送货地址：</span></div></div>
|
||
<div class="seclabel">商品明细 / ITEMS</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="grand"><div class="g1">单据总计</div>
|
||
<div class="g2"><span>数量</span><b>2</b></div>
|
||
<div class="g3"><span>金额</span><b>6160.00</b></div></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div><div class="sign"><span>收货人（签字）：</span><span>销售员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
</section>
|
||
<section id="s5" class="style-block">
|
||
<h2>样式五 · 瑞士网格</h2><p class="desc">超大标题 + 细基线网格、小标签等宽数字、表格仅上下粗线 —— 杂志/瑞士排版。</p>
|
||
<div class="sheet s5"><div class="doc">
|
||
<div class="kicker">鼎晟酒行</div>
|
||
<h1 class="headline">入 库 单</h1>
|
||
<div class="metaline"><span><i>单号</i>RK20260623000013</span><span><i>入库日期</i>2026-06-23</span><span><i>单位名称</i>丁小峰</span><span><i>仓库</i>鼎晟酒行</span></div>
|
||
<div class="sec">商品明细</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total8"><span>单据总计</span><em>数量</em><b>24</b><em>金额</em><b>44160.00</b></div>
|
||
<div class="sign"><span>出货人（签字）：</span><span>采购员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
<div class="sheet s5"><div class="doc">
|
||
<div class="kicker">鼎晟酒行</div>
|
||
<h1 class="headline">出 库 单</h1>
|
||
<div class="metaline"><span><i>单号</i>CK20260623000020</span><span><i>出库日期</i>2026-06-23</span><span><i>客户名称</i>刘总</span><span><i>仓库</i>鼎晟酒行</span></div>
|
||
<div class="sec">商品明细</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total8"><span>单据总计</span><em>数量</em><b>2</b><em>金额</em><b>6160.00</b></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div><div class="sign"><span>收货人（签字）：</span><span>销售员：汤宇飞</span><span>制单人：汤宇飞</span></div></div></div>
|
||
</section>
|
||
<section id="s6" class="style-block">
|
||
<h2>样式六 · 填空表单</h2><p class="desc">双线外框、字段下划线填空、底部多签字格 —— 仿手工三联单/预印单据，正式可手填。</p>
|
||
<div class="sheet s6"><div class="doc form9"><div class="frame">
|
||
<div class="co9">鼎晟酒行</div>
|
||
<div class="title9">入 库 单</div>
|
||
<div class="meta9">
|
||
<div class="f"><label>单位名称</label><span class="fill">丁小峰</span></div>
|
||
<div class="f"><label>入库日期</label><span class="fill">2026-06-23</span></div>
|
||
<div class="f"><label>单据编号</label><span class="fill">RK20260623000013</span></div>
|
||
<div class="f"><label>联系电话</label><span class="fill"></span></div>
|
||
<div class="f"><label>单位地址</label><span class="fill"></span></div>
|
||
<div class="f"><label>仓库</label><span class="fill">鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1328</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719005920</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1329</td><td class="">茅台1935原箱2026</td><td class="ctr">普通/53度</td><td class="ctr">500ml*6/件</td><td class="ctr">8719007000</td><td class="ctr">2026-02-28</td><td class="num">6</td><td class="num">600.00</td><td class="num">3600.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">6</td><td class="num">3080.00</td><td class="num">18480.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total9"><span>单据总计</span><span>数量 24</span><span>金额 44160.00</span></div>
|
||
|
||
<div class="sign9"><div>出货人（签字）：</div><div>采购员：汤宇飞</div><div>制单人：汤宇飞</div></div>
|
||
</div></div></div>
|
||
<div class="sheet s6"><div class="doc form9"><div class="frame">
|
||
<div class="co9">鼎晟酒行</div>
|
||
<div class="title9">出 库 单</div>
|
||
<div class="meta9">
|
||
<div class="f"><label>客户名称</label><span class="fill">刘总</span></div>
|
||
<div class="f"><label>出库日期</label><span class="fill">2026-06-23</span></div>
|
||
<div class="f"><label>单据编号</label><span class="fill">CK20260623000020</span></div>
|
||
<div class="f"><label>联系电话</label><span class="fill"></span></div>
|
||
<div class="f"><label>送货地址</label><span class="fill"></span></div>
|
||
<div class="f"><label>仓库</label><span class="fill">鼎晟酒行</span></div>
|
||
</div>
|
||
<table><thead><tr><th>商品编号</th><th>商品名称</th><th>系列</th><th>规格</th><th>批次号</th><th>生产日期</th><th>数量</th><th>单价</th><th>金额</th><th>备注</th></tr></thead><tbody><tr><td class="">P1331</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-126/009192582386</td><td class="ctr">2026-03-13</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr><tr><td class="">P1330</td><td class="">茅台公斤2026原箱</td><td class="ctr">普通/53度</td><td class="ctr">1.00L*6/件</td><td class="ctr">2025-184/248896472708</td><td class="ctr">2026-06-01</td><td class="num">1</td><td class="num">3080.00</td><td class="num">3080.00</td><td class=""></td></tr></tbody></table>
|
||
<div class="total9"><span>单据总计</span><span>数量 2</span><span>金额 6160.00</span></div>
|
||
<div class="tips">温馨提示：签收时，请务必核对好酒品数量、年份和日期、批次及物流码，如有问题及时反馈，酒品无质量问题一经售出概不退换，谢谢合作。</div>
|
||
<div class="sign9"><div>收货人（签字）：</div><div>销售员：汤宇飞</div><div>制单人：汤宇飞</div></div>
|
||
</div></div></div>
|
||
</section>
|
||
</body></html> |