59 lines
2.6 KiB
HTML
59 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>销售单（默认） XS202609100001</title>
|
||
<style>
|
||
@page { size: A4 portrait; margin: 12mm 10mm; }
|
||
* { box-sizing: border-box; }
|
||
body { font-family: "Microsoft YaHei", "SimSun", sans-serif; font-size: 13px; color: #111; margin: 0; }
|
||
.doc-head { text-align: center; }
|
||
.doc-head h1 { margin: 0 0 2px; font-size: 20px; }
|
||
.doc-head h2 { margin: 6px 0 10px; font-size: 17px; letter-spacing: 8px; }
|
||
.doc-head .sub { color: #444; font-size: 12px; }
|
||
table { width: 100%; border-collapse: collapse; margin-top: 6px; }
|
||
.meta td { padding: 2px 4px; border: none; }
|
||
.lines th, .lines td { border: 1px solid #333; padding: 4px 6px; text-align: left; }
|
||
.lines th { background: #f2f2f2; }
|
||
.lines tfoot td { border: 1px solid #333; font-size: 13px; }
|
||
.strong { font-weight: 700; font-size: 15px; }
|
||
.sign { margin-top: 22px; display: flex; justify-content: space-between; }
|
||
.remark { margin-top: 10px; white-space: pre-wrap; }
|
||
.foot { margin-top: 14px; color: #555; font-size: 12px; border-top: 1px dashed #999; padding-top: 6px; }
|
||
.noprint { margin: 10px 0; }
|
||
@media print { .noprint { display: none; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="noprint"><button onclick="window.print()">打 印</button></div>
|
||
|
||
<div class="doc-head">
|
||
<h1>宏发食品经销部</h1>
|
||
<div class="sub">电话：0755-12345678 地址：深圳市XX区批发市场A栋12号</div>
|
||
<h2>销 售 单</h2>
|
||
</div>
|
||
<table class="meta">
|
||
<tr><td>单号：XS202609100001</td><td>日期：2026-09-10</td><td>仓库：主仓</td></tr>
|
||
<tr><td>客户：开心小卖部</td><td>电话：13800001111</td><td>打印时间：2026-09-10 19:24</td></tr>
|
||
</table>
|
||
<table class="lines">
|
||
<thead><tr><th>#</th><th>编码</th><th>品名</th><th>单位</th><th>数量</th><th>单价</th><th>金额</th></tr></thead>
|
||
<tbody>
|
||
|
||
<tr><td>1</td><td>KL500</td><td>可乐 500ml 1×24瓶</td><td></td><td>5</td><td>96.5000</td><td>482.5000</td></tr>
|
||
|
||
</tbody>
|
||
<tfoot>
|
||
<tr><td colspan="4">合计：1 行 / 数量 5</td><td colspan="2">抹零优惠</td><td>0.5000</td></tr>
|
||
<tr><td colspan="6" class="strong">应收合计（元）</td><td class="strong">482</td></tr>
|
||
</tfoot>
|
||
</table>
|
||
<div class="sign">
|
||
<span>制单：__________</span><span>送货人：__________</span><span>客户签收：__________</span>
|
||
</div>
|
||
<div class="remark">备注：抹零 0.5000 元</div>
|
||
<div class="foot">货已验收，签收后概不退换 开户/账号：工行深圳分行 6222 0000 1234 5678</div>
|
||
|
||
<script>window.addEventListener("load", function(){ window.print(); });</script>
|
||
</body>
|
||
</html> |