style(warehouseManagement): 调整打印模板样式和布局

src/views/warehouseManagement/stockManagement/components/print-template-tr.vue

@@ -14,12 +14,12 @@
       "
     >
       <!-- 入库单标题 -->
-      <div style="text-align: center; margin-bottom: 20px;">
-        <h2 style="margin: 0; font-size: 24px; font-weight: bold;">{{ groupName }}采购入库单</h2>
+      <div style="text-align: center; margin-bottom: 10px;">
+        <h2 style="margin: 0; font-size: 20px; font-weight: bold;">{{ groupName }}采购入库单</h2>
       </div>
       
       <!-- 供应商信息 -->
-      <div style="margin-bottom: 20px; width: 100%;">
+      <div style="margin-bottom: 10px; width: 100%;">
         <div style="width: 100%; display: flex;">
           <div style="width: 40%;">
             <strong>供应商：</strong>{{ rowList.extInfo?.supplierName || '' }}
@@ -39,33 +39,35 @@
         cellspacing="0"
         style="
           width: 100%;
-          border-collapse: collapse;
-          font-size: 14px;
+          table-layout: fixed;
+          word-break: break-all;
+          word-wrap: break-word;
+          font-size: 12px;
+          margin-bottom: 10px;
         "
       >
         <thead>
           <tr>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">序号</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">编号</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center; width: 180px;">名称</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center; width: 140px;">规格型号</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">批号</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">单位</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">数量</th>
-            <th style="border: 1px solid #000; padding: 8px; text-align: center;">备注</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 5%;">序号</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 12%;">编号</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 20%;">名称</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 20%;">规格型号</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 12%;">批号</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 10%;">单位</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 10%;">数量</th>
+            <th style="border: 1px solid #000; padding: 5px; text-align: center; width: 10%;">备注</th>
           </tr>
         </thead>
         <tbody>
           <tr v-for="(row, index) in rowList.outInDetailList" :key="index">
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ index + 1 }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.categoryCode || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.categoryName || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.specification || '' }}/{{ row?.categoryModel || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.batchNo || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.measureUnit || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.measureQuantity || '' }}</td>
-            <td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ row?.remark || '' }}</td>
-            
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ index + 1 }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.categoryCode || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.categoryName || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.categoryModel || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.batchNo || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.measureUnit || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.measureQuantity || '' }}</td>
+            <td style="border: 1px solid #000; padding: 5px; text-align: center;">{{ row?.remark || '' }}</td>
           </tr>
           
           <!-- 合计金额行 -->
@@ -174,7 +176,10 @@
         printWindow.document.open();
         printWindow.document.write('<html><head><title>打印预览</title>');
         printWindow.document.write(
-          '<link rel="stylesheet" href="your-stylesheet-url.css" type="text/css" />'
+          '<style type="text/css">' +
+          '@page { size: 24cm 14cm; margin: 0; }' +
+          'body { width: 24cm; height: 14cm; margin: 0; padding: 0; }' +
+          '</style>'
         );
         printWindow.document.write('</head><body>');
         printWindow.document.write(printSection.innerHTML);