上传源代码版本
This commit is contained in:
95
stop_label_preview.html
Normal file
95
stop_label_preview.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user