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

src/views/saleOrder/components/printTemplateSaleOrder.vue

@@ -22,6 +22,7 @@
             padding-right: 20px;
             width: 400px;
             margin: 0 auto;
+            margin-bottom: 20px;
           "
           >{{ groupName }}销售订单</div
         >
@@ -36,8 +37,8 @@
         "
       >
         <span style="width: 25%">单据日期：{{ row.createTime }}</span>
-        <span style="width: 50%">客户简称：{{ formData.customerName }}</span>
-        <span style="width: 50%">客户经理：{{ formData.salesman }}</span>
+        <span style="width: 40%">客户简称：{{ formData.customerName }}</span>
+        <span style="width: 35%">客户经理：{{ formData.salesman }}</span>
       </div>
       <div
         style="
@@ -48,8 +49,8 @@
           margin-bottom: 10px;
         "
       >
-        <span style="width: 45%">交货日期：{{ formData.deliveryTime }}</span>
-        <span style="width: 45%">单据编码：{{ formData.code }}</span>
+        <span style="width: 65%">交货日期：{{ formData.deliveryTime }}</span>
+        <span style="width: 35%">单据编码：{{ formData.code }}</span>
       </div>
       <table
         cellspacing="0"
@@ -64,15 +65,15 @@
       >
         <tbody>
           <tr align="center">
-            <td style="padding: 5px"> 存货名称 </td>
-            <td style="padding: 5px"> 型号 </td>
-            <td style="padding: 5px"> 规格型号 </td>
-            <td style="padding: 5px"> 颜色 </td>
-            <td style="padding: 5px; width: 110px"> 数量</td>
-            <td style="padding: 5px; width: 60px"> 单位</td>
+            <td style="padding: 5px; width: 25%;"> 名称 </td>
+            <td style="padding: 5px; width: 10%;"> 型号 </td>
+            <td style="padding: 5px; width: 15%;"> 规格 </td>
+            <td style="padding: 5px; width: 10%;"> 颜色 </td>
+            <td style="padding: 5px; width: 10%"> 数量</td>
+            <td style="padding: 5px; width: 10%"> 单位</td>
             <!-- <td style="padding: 5px; width: 110px"> 盘具</td>
             <td style="padding: 5px; width: 110px"> 分段</td> -->
-            <td style="padding: 5px"> 生产要求</td>
+            <td style="padding: 5px; width: 20%"> 生产要求</td>
           </tr>
 
           <tr align="center" v-for="(item, index) in formData.productInfoList">
@@ -103,7 +104,7 @@
           <div>制单人：{{ detail.salesOrderBasicInfo.createUserName }}</div>
         </div>
         <div style="flex: 1">
-          <div>审核人：{{ formData.createUserName }}</div>
+          <div>审核人：{{ detail.salesOrderBasicInfo.reviewerName }}</div>
         </div>
       </div>
     </div>