From 60dd81a9658a2fc278ec1223ec433e0b02682078 Mon Sep 17 00:00:00 2001
From: huminmin <mac@MacBook-Pro.local>
Date: 星期五, 17 四月 2026 16:44:32 +0800
Subject: [PATCH] 打印样式重构
---
src/views/salesManagement/salesLedger/index.vue | 76 +++++++++++++++++++-------------------
1 files changed, 38 insertions(+), 38 deletions(-)
diff --git a/src/views/salesManagement/salesLedger/index.vue b/src/views/salesManagement/salesLedger/index.vue
index 7457117..95db2b1 100644
--- a/src/views/salesManagement/salesLedger/index.vue
+++ b/src/views/salesManagement/salesLedger/index.vue
@@ -446,7 +446,7 @@
鏆傛棤鎵撳嵃鏁版嵁
</div>
<div v-else
- style="text-align: center; padding: 10px; color: #666; font-size: 14px; background: #e8f4fd; margin-bottom: 10px;">
+ style="text-align: center; padding: 10px; color: #666; font-size: 16px; background: #e8f4fd; margin-bottom: 10px;">
鍏� {{ printData.length }} 鏉℃暟鎹緟鎵撳嵃
</div>
<div v-for="(item, index) in printData" :key="index" class="print-page">
@@ -503,7 +503,7 @@
</div>
</div>
- <span style="font-size: 14px; margin-top: 5px;">璐х墿璇︾粏淇℃伅锛�</span>
+ <span style="font-size: 16px; margin-top: 5px;">璐х墿璇︾粏淇℃伅锛�</span>
<div class="table-section">
<table class="product-table">
<thead>
@@ -529,13 +529,13 @@
</tr>
<!-- 娣诲姞绌虹櫧琛屼互纭繚鑷冲皯5琛� -->
<tr v-for="n in Math.max(0, 5 - (item.products ? item.products.length : 0))" :key="'empty-' + n" style="height: 25px;">
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
- <td style="height: 25px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
+ <td style="height: 35px;"></td>
</tr>
</tbody>
<tfoot>
@@ -547,19 +547,17 @@
</tfoot>
</table>
- <div style="width: 40px; display: flex; flex-direction: column; gap: 2px;">
- <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">鍏卞洓鑱�</div>
- <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">瀛樻牴</div>
- <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">瀹㈡埛</div>
- <div style="border-bottom: 1px dashed #000; padding-bottom: 2px; text-align: center;">璁拌处</div>
- <div style="text-align: center;">浠撳簱</div>
+ <div style="width: 80px; display: flex; flex-direction: column;">
+ <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">鍏卞洓鑱�</div>
+ <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">瀛樻牴</div>
+ <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">瀹㈡埛</div>
+ <div style="height: 35px; border-bottom: 1px dashed #000; text-align: center; display: flex; align-items: center; justify-content: center;">璁拌处</div>
+ <div style="height: 35px; text-align: center; display: flex; align-items: center; justify-content: center;">浠撳簱</div>
</div>
</div>
-
- <el-descriptions :column="1">
- <el-descriptions-item
- label="澶囨敞锛�">璐靛叕鍙稿湪鏀惰揣鍚庤鍗冲埢鏍稿疄鏁伴噺鍙婂搧璐紝鑻ユ湁寮傝锛岃鍦�3鏃ュ唴鎻愬嚭锛屽惁鍒欒涓烘敹濡ャ��</el-descriptions-item>
- </el-descriptions>
+ <div style="margin: 10px 0;">
+ <span>澶囨敞锛� 璐靛叕鍙稿湪鏀惰揣鍚庤鍗冲埢鏍稿疄鏁伴噺鍙婂搧璐紝鑻ユ湁寮傝锛岃鍦�3鏃ュ唴鎻愬嚭锛屽惁鍒欒涓烘敹濡ャ��</span>
+ </div>
<div class="footer">
<div class="info-section">
<div class="info-row">
@@ -1552,7 +1550,6 @@
.print-page {
width: 241mm;
height: 75mm;
- padding: 0mm 10mm;
background: white;
box-sizing: border-box;
page-break-after: always;
@@ -1564,7 +1561,7 @@
.delivery-note {
width: 100%;
height: 100%;
- font-size: 12px;
+ font-size: 16px;
line-height: 1.2;
display: flex;
flex-direction: column;
@@ -1595,12 +1592,12 @@
.label {
font-weight: bold;
min-width: 60px;
- font-size: 12px;
+ font-size: 16px;
}
.value {
margin-right: 20px;
min-width: 80px;
- font-size: 12px;
+ font-size: 16px;
}
.table-section {
margin-bottom: 4px;
@@ -1616,10 +1613,11 @@
border: 1px solid #000;
padding: 6px;
text-align: center;
- font-size: 12px;
+ font-size: 16px;
line-height: 1.4;
}
.product-table th {
+ font-size: 18px;
font-weight: bold;
}
.total-value {
@@ -1645,12 +1643,12 @@
.label {
font-weight: bold;
min-width: 60px;
- font-size: 12px;
+ font-size: 16px;
}
.value {
margin-right: 20px;
min-width: 80px;
- font-size: 12px;
+ font-size: 16px;
}
}
@media print {
@@ -1661,10 +1659,10 @@
.print-page {
box-shadow: none;
margin: 0;
- padding: 10mm;
- padding-left: 20mm;
+ padding-right: 30mm;
page-break-inside: avoid;
page-break-after: always;
+ font-size: 16px;
}
.print-page:last-child {
page-break-after: avoid;
@@ -2162,7 +2160,8 @@
.print-page {
width: 220mm;
- min-height: 90mm;
+ font-size: 16px;
+ min-height: 90mm;
padding: 10mm;
margin: 0 auto;
background: white;
@@ -2175,7 +2174,7 @@
width: 100%;
height: 100%;
font-family: "SimSun", serif;
- font-size: 10px;
+ font-size: 16px;
line-height: 1.2;
display: flex;
flex-direction: column;
@@ -2208,13 +2207,13 @@
.label {
font-weight: bold;
width: 60px;
- font-size: 14px;
+ font-size: 16px;
}
.value {
margin-right: 20px;
min-width: 80px;
- font-size: 14px;
+ font-size: 16px;
}
}
}
@@ -2234,11 +2233,12 @@
border: 1px solid #000;
padding: 6px;
text-align: center;
- font-size: 14px;
+ font-size: 16px;
line-height: 1.4;
}
th {
+ font-size: 18px;
font-weight: bold;
}
@@ -2269,12 +2269,12 @@
font-weight: bold;
white-space: nowrap;
margin-right: 10px;
- font-size: 14px;
+ font-size: 16px;
}
.value {
min-width: 300px;
- font-size: 14px;
+ font-size: 16px;
}
&.address-item {
@@ -2300,12 +2300,12 @@
.label {
font-weight: bold;
min-width: 60px;
- font-size: 12px;
+ font-size: 16px;
}
.value {
margin-right: 20px;
min-width: 80px;
- font-size: 12px;
+ font-size: 16px;
}
}
--
Gitblit v1.9.3