95 lines
2.8 KiB
HTML
95 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>STOP标签预览</title>
|
||
<style>
|
||
body {
|
||
font-family: Arial, sans-serif;
|
||
margin: 20px;
|
||
}
|
||
.container {
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
}
|
||
.title {
|
||
text-align: center;
|
||
color: #333;
|
||
margin-bottom: 30px;
|
||
}
|
||
.tag-preview {
|
||
border: 1px solid black;
|
||
padding: 10px;
|
||
width: 100mm;
|
||
height: 150mm;
|
||
margin: 0 auto;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.tag-title {
|
||
text-align: center;
|
||
color: #d32f2f;
|
||
margin-bottom: 15px;
|
||
font-size: 18px;
|
||
}
|
||
.tag-info {
|
||
margin-bottom: 8px;
|
||
font-size: 14px;
|
||
}
|
||
.barcode-container {
|
||
margin-top: auto;
|
||
text-align: center;
|
||
}
|
||
.barcode {
|
||
margin: 10px 0;
|
||
text-align: center;
|
||
}
|
||
.barcode-content {
|
||
font-size: 12px;
|
||
margin-top: 5px;
|
||
}
|
||
</style>
|
||
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1 class="title">STOP标签预览</h1>
|
||
|
||
<div class="tag-preview">
|
||
<h3 class="tag-title">STOP标签</h3>
|
||
<p class="tag-info">中性单号: 1234567890</p>
|
||
<p class="tag-info">客户ID: 3PE</p>
|
||
<p class="tag-info">触发时间: 2026-02-02 10:00:00</p>
|
||
<p class="tag-info">标签状态: ACTIVE</p>
|
||
|
||
<div class="barcode-container">
|
||
<svg id="barcode"></svg>
|
||
<div class="barcode-content">1234567890</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin-top: 30px; padding: 20px; background-color: #f9f9f9; border-radius: 5px;">
|
||
<h3>说明</h3>
|
||
<ul>
|
||
<li>STOP标签用于标记需要停止处理的包裹</li>
|
||
<li>当包裹超过T+5天且无尾程标签时会自动触发</li>
|
||
<li>标签包含中性单号、客户ID、触发时间和状态信息</li>
|
||
<li>条形码部分会根据中性单号生成实际的条形码</li>
|
||
<li>标签尺寸：长150mm × 宽100mm</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 生成条形码
|
||
JsBarcode("#barcode", "1234567890", {
|
||
format: "CODE128",
|
||
width: 2,
|
||
height: 40,
|
||
displayValue: false
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |