From 6051d44a6612d23c0dd824d574ac461e34c21130 Mon Sep 17 00:00:00 2001
From: huminmin <mac@MacBook-Pro.local>
Date: 星期五, 17 四月 2026 11:08:41 +0800
Subject: [PATCH] 打印样式不重构
---
src/views/salesManagement/salesLedger/index.vue | 270 ++++++-----------------------------------------------
1 files changed, 34 insertions(+), 236 deletions(-)
diff --git a/src/views/salesManagement/salesLedger/index.vue b/src/views/salesManagement/salesLedger/index.vue
index 81a8313..fdea878 100644
--- a/src/views/salesManagement/salesLedger/index.vue
+++ b/src/views/salesManagement/salesLedger/index.vue
@@ -1498,6 +1498,9 @@
// 鍒涘缓涓�涓柊鐨勬墦鍗扮獥鍙�
const printWindow = window.open('', '_blank', 'width=800,height=600');
+ // 鑾峰彇鎵撳嵃棰勮鍐呭
+ const previewContent = document.querySelector('.print-preview-content').innerHTML;
+
// 鏋勫缓鎵撳嵃鍐呭
let printContent = `
<!DOCTYPE html>
@@ -1512,19 +1515,19 @@
font-family: "SimSun", serif;
background: white;
}
- .print-page {
- width: 200mm;
- height: 75mm;
- padding: 10mm;
- padding-left: 20mm;
- background: white;
- box-sizing: border-box;
- page-break-after: always;
- page-break-inside: avoid;
- }
- .print-page:last-child {
- page-break-after: avoid;
- }
+ .print-page {
+ width: 200mm;
+ height: 75mm;
+ padding: 10mm;
+ padding-left: 20mm;
+ background: white;
+ box-sizing: border-box;
+ page-break-after: always;
+ page-break-inside: avoid;
+ }
+ .print-page:last-child {
+ page-break-after: avoid;
+ }
.delivery-note {
width: 100%;
height: 100%;
@@ -1576,249 +1579,44 @@
border-collapse: collapse;
border: 1px solid #000;
}
- .product-table th, .product-table td {
- border: 1px solid #000;
- padding: 6px;
- text-align: center;
- font-size: 12px;
- line-height: 1.4;
- }
+ .product-table th, .product-table td {
+ border: 1px solid #000;
+ padding: 6px;
+ text-align: center;
+ font-size: 12px;
+ line-height: 1.4;
+ }
.product-table th {
font-weight: bold;
}
.total-value {
font-weight: bold;
}
- .footer-section {
- margin-top: auto;
- }
- .footer-row {
- display: flex;
- margin-bottom: 3px;
- line-height: 22px;
- justify-content: space-between;
- }
.remarks-section {
margin: 10px 0;
-
- .remark-item {
- display: flex;
- align-items: flex-start;
-
- .label {
- font-weight: bold;
- min-width: 30px;
- font-size: 14px;
- margin-right: 10px;
- white-space: nowrap;
- }
-
- .value {
- flex: 1;
- font-size: 14px;
- line-height: 1.4;
- }
- }
}
-
.sign-section {
margin-top: 15px;
-
- .sign-row {
- display: flex;
- justify-content: space-between;
- margin-bottom: 10px;
-
- .sign-item {
- display: flex;
- align-items: center;
- width: 48%;
-
- .label {
- font-weight: bold;
- font-size: 14px;
- margin-right: 10px;
- white-space: nowrap;
- }
-
- .value {
- flex: 1;
- min-height: 30px;
- border-bottom: 1px solid #000;
- font-size: 14px;
- }
- }
- }
- }
-
- .footer-item {
- display: flex;
- margin-right: 20px;
- }
- .footer-item .label {
- font-weight: bold;
- min-width: 80px;
- font-size: 12px;
- }
- .footer-item .value {
- min-width: 80px;
- font-size: 12px;
- }
- .address-item .address-value {
- min-width: 200px;
}
@media print {
body {
margin: 0;
padding: 0;
}
- .print-page {
- margin: 0;
- padding: 10mm;
- /* padding-left: 20mm; */
- page-break-inside: avoid;
- page-break-after: always;
- }
- .print-page:last-child {
- page-break-after: avoid;
- }
+ .print-page {
+ margin: 0;
+ padding: 10mm;
+ page-break-inside: avoid;
+ page-break-after: always;
+ }
+ .print-page:last-child {
+ page-break-after: avoid;
+ }
}
</style>
</head>
<body>
- `;
-
- // 涓烘瘡鏉℃暟鎹敓鎴愭墦鍗伴〉闈�
- printData.value.forEach((item, index) => {
- printContent += `
- <div class="print-page">
- <div class="delivery-note">
- <div class="header">
- <div class="company-name">婀栧崡楣忓垱鐢靛瓙鏈夐檺鍏徃</div>
- <div class="document-title">閫佽揣鍗�</div>
- </div>
- <div class="info-section">
- <div class="info-row">
- <div>
- <span class="label">瀹㈡埛鍚嶇О锛�</span>
- <span class="value">${item.customerName || ''}</span>
- </div>
- <div>
- <span class="label">閫佽揣鍦板潃锛�</span>
- <span class="value">${item.companyAddress || ''}</span>
- </div>
- </div>
- <div class="info-row">
- <div>
- <span class="label">鍗曟嵁缂栧彿锛�</span>
- <span class="value">${item.salesContractNo || ''}</span>
- </div>
-
- <div>
- <span class="label">閫佽揣鏃ユ湡锛�</span>
- <span class="value">${formatDate(null)}</span>
- </div>
-
- <div>
- <span class="label">鑱旂郴鐢佃瘽锛�</span>
- <span class="value">${item.contactPhone || ''}</span>
- </div>
- </div>
- </div>
-
- <div class="info-section">
- <div class="info-row">
- <div>
- <span class="label">鑱旂郴鏂瑰紡锛�</span>
- <span class="value"></span>
- </div>
- <div>
- <span class="label">閫佽揣鍗曚綅锛�</span>
- <span class="value">婀栧崡楣忓垱鐢靛瓙鏈夐檺鍏徃</span>
- </div>
- <div>
- <span class="label">鍦板潃锛�</span>
- <span class="value">婀栧崡鑰掗槼甯傚垱鏂板垱涓氬洯A1鏍�</span>
- </div>
- </div>
- </div>
-
- <span style="font-size: 16px;">璐х墿璇︾粏淇℃伅锛�</span>
- <div class="table-section">
- <table class="product-table">
- <thead>
- <tr>
- <th>搴忓彿</th>
- <th>鏂欏彿</th>
- <th>鍝佸悕/瑙勬牸</th>
- <th>鍗曚綅</th>
- <th>鏁伴噺</th>
- <th>璁㈠崟鍙�</th>
- </tr>
- </thead>
- <tbody>
- ${item.products && item.products.length > 0 ?
- item.products.map((product, index) => `
- <tr>
- <td>${index + 1}</td>
- <td>${product.materialCode || ''}</td>
- <td>${product.productCategory || ''}/${product.specificationModel || ''}</td>
- <td>${product.unit || ''}</td>
- <td>${product.quantity || '0'}</td>
- <td>${item.salesContractNo || ''}</td>
- </tr>
- `).join('') :
- '<tr><td colspan="6" style="text-align: center; color: #999;">鏆傛棤浜у搧鏁版嵁</td></tr>'
- }
- </tbody>
- <tfoot>
- <tr>
- <td></td>
- <td class="label">鍚堣</td>
- <td class="total-value"></td>
- <td class="total-value"></td>
- <td class="total-value">${getTotalQuantity(item.products) || '0'}</td>
- <td class="total-value"></td>
- </tr>
- </tfoot>
- </table>
-
- <div style="width: 30px;">
- 鍏卞洓鑱斿瓨鏍瑰洖鍗曞鎴蜂粨搴�
- </div>
- </div>
-
- <div class="remarks-section">
- <div class="remark-item">
- <span class="label">澶囨敞锛�</span>
- <span class="value">璐靛叕鍙稿湪鏀惰揣鍚庤鍗冲埢鏍稿疄鏁伴噺鍙婂搧璐紝鑻ユ湁寮傝锛岃鍦�3鏃ュ唴鎻愬嚭锛屽惁鍒欒涓烘敹濡ャ��</span>
- </div>
- </div>
- <div class="sign-section">
- <div class="sign-row">
- <div class="sign-item">
- <span class="label">閫佽揣鍗曚綅锛堢绔狅級锛�</span>
- </div>
- <div class="sign-item">
- <span class="label">鏀惰揣鍗曚綅锛�</span>
- </div>
- </div>
- <div class="sign-row">
- <div class="sign-item">
- <span class="label">閫佽揣浜猴細</span>
- </div>
- <div class="sign-item">
- <span class="label">鏀惰揣浜猴細</span>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- `;
- });
-
- printContent += `
+ ${previewContent}
</body>
</html>
`;
@@ -2450,4 +2248,4 @@
page-break-after: avoid;
}
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3