style(发票打印模板): 调整表格列宽并统一样式

src/views/saleManage/saleOrder/invoice/components/print-template-ht-1.vue

@@ -64,15 +64,15 @@
       >
         <tbody>
           <tr align="center">
-            <td style="padding: 5px"> 序号 </td>
-            <td style="padding: 5px"> 名称 </td>
-            <td style="padding: 5px"> 规格型号 </td>
-            <td style="padding: 5px; width: 60px"> 单位 </td>
-            <td style="padding: 5px; width: 110px"> 数量 </td>
-            <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: 4%"> 序号 </td>
+            <td style="padding: 5px; width: 18%"> 名称 </td>
+            <td style="padding: 5px; width: 18%"> 规格型号 </td>
+            <td style="padding: 5px; width: 6%"> 单位 </td>
+            <td style="padding: 5px; width: 8%"> 数量 </td>
+            <td style="padding: 5px; width: 8%"> 颜色 </td>
+            <td style="padding: 5px; width: 8%"> 生产批号 </td>
+            <td style="padding: 5px; width: 10%"> 裁线米段 </td>
+            <td style="padding: 5px; width: 12%"> 仓库 </td>
           </tr>
 
           <tr align="center" v-for="(item, index) in formData.productList">

src/views/saleManage/saleOrder/invoice/components/print-template-ht.vue

@@ -64,22 +64,22 @@
       >
         <tbody>
           <tr align="center">
-            <td style="padding: 5px"> 名称 </td>
-            <td style="padding: 5px"> 规格型号 </td>
-            <td style="padding: 5px; width: 60px"> 单位</td>
-            <td style="padding: 5px; width: 110px"> 数量</td>
-            <td style="padding: 5px;" v-if="isPrintPrice"> 单价</td>
-            <td style="padding: 5px;" v-if="isPrintPrice"> 税率</td>
-            <td style="padding: 5px;" v-if="isPrintPrice"> 金额</td>
-            <td style="padding: 5px"> 颜色 </td>
-            <td style="padding: 5px"> 型号 </td>
-            <td style="padding: 5px"> 备注</td>
+            <td style="padding: 5px; width: 15%"> 名称 </td>
+            <td style="padding: 5px; width: 15%"> 规格型号 </td>
+            <td style="padding: 5px; width: 6%"> 单位</td>
+            <td style="padding: 5px; width: 8%"> 数量</td>
+            <td style="padding: 5px; width: 10%" v-if="isPrintPrice"> 单价</td>
+            <td style="padding: 5px; width: 8%" v-if="isPrintPrice"> 税率</td>
+            <td style="padding: 5px; width: 10%" v-if="isPrintPrice"> 金额</td>
+            <td style="padding: 5px; width: 10%"> 颜色 </td>
+            <td style="padding: 5px; width: 10%"> 机型 </td>
+            <td style="padding: 5px; width: 10%"> 备注</td>
           </tr>
 
           <tr align="center" v-for="(item, index) in formData.productList">
             <td style="padding: 5px"> {{ item.productName }} </td>
             <td style="padding: 5px">
-              {{ item.specification }}
+              {{ item.specification }}/{{ item.modelType }}
             </td>
             <td style="padding: 5px"> {{ item.measuringUnit }}</td>
             <td style="padding: 5px"> {{ item.totalCount }}</td>