feat(wayBill): 添加标题和司机字段并调整样式

- 添加"科伦普发货单"标题
- 在页脚添加司机输入字段
- 调整分页每页显示数量为8
- 优化字体粗细和颜色样式
This commit is contained in:
砂糖
2026-02-02 15:59:03 +08:00
parent 04326e9c12
commit cf6e6d3943

View File

@@ -4,6 +4,8 @@
<div class="waybill-container" ref="waybillRef">
<div class="waybill-content">
<!-- 头部信息 -->
<!-- 标题信息 -->
<div class="title">科伦普发货单</div>
<div class="waybill-header">
<div class="header-left">
<span class="label">收货单位</span>
@@ -119,6 +121,10 @@
<span class="label">发货</span>
<input type="text" class="editable-input signature-input transparent-input" />
</div>
<div class="footer-item inline">
<span class="label">司机</span>
<input type="text" class="editable-input signature-input transparent-input" />
</div>
<div class="footer-item inline">
<span class="label">磅房</span>
<input type="text" class="editable-input signature-input transparent-input" />
@@ -159,7 +165,7 @@ export default {
data() {
return {
currentPage: 1,
perPage: 10,
perPage: 8,
totalPages: 1,
// 本地可编辑的发货单数据
localWaybill: {
@@ -423,9 +429,18 @@ export default {
box-shadow: none;
font-family: SimSun, "Courier New", monospace;
overflow: hidden;
color: #000 !important;
font-weight: 900 !important;
box-sizing: border-box;
}
.title {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
.waybill-content {
--paper-width-mm: 241;
--content-width-mm: 241;
@@ -482,6 +497,7 @@ export default {
border: 1px solid #dcdfe6;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
font-family: SimSun, serif;
outline: none;
transition: all 0.2s;
@@ -527,6 +543,7 @@ export default {
text-align: center;
vertical-align: middle;
font-size: 16px;
font-weight: 900;
padding: 0;
overflow: hidden;
white-space: nowrap;