纸质打印样式调整

ghs/src/views/order/add.vue

@@ -254,46 +254,46 @@
 
       <table border="0" width="780" style="border:solid 1px #fff;border-collapse:collapse">
         <tr>
-          <td style="padding: 10px;width: 260px;">客户：{{orderMsg.customName}}</td>
-          <td style="padding: 10px;width: 260px;">单号：{{orderMsg.orderSn}}</td>
-          <td style="padding: 10px;width: 260px;">日期：{{orderMsg.deadline}}</td>
+          <td style="padding: 0 10px;width: 260px;">客户：{{orderMsg.customName}}</td>
+          <td style="padding: 0 10px;width: 260px;">单号：{{orderMsg.orderSn}}</td>
+          <td style="padding: 0 10px;width: 260px;">日期：{{orderMsg.deadline}}</td>
         </tr>
       </table>
       <table border="1" width="780" style="border:solid 1px black;border-collapse:collapse">
         <tr>
-          <td style="padding: 10px;width: 100px;text-align: center;">序号</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">名称</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">单位</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">数量</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">单价</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">金额</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">备注</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">序号</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">名称</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">单位</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">数量</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">单价</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">金额</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">备注</td>
         </tr>
         <tr v-for="(res,i) in printSelectList">
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ i+1 }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.name }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.unit }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.count }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.price }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.money }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;"></td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ i+1 }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ res.name }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ res.unit }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ res.count }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ res.price }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;">{{ res.money }}</td>
+          <td style="padding:0 10px;width: 100px;text-align: center;"></td>
         </tr>
         <tr>
-          <td style="padding: 10px;width: 100px;" colspan="2">合计：{{totalMoney.toFixed(2)}}</td>
-          <td style="padding: 10px;width: 100px;" colspan="2">实收：{{payType=='已收款'?totalMoney.toFixed(2):'0.00'}}</td>
-          <td style="padding: 10px;width: 100px;" colspan="2">欠款：{{payType=='欠款'?totalMoney.toFixed(2):'0.00'}}</td>
-          <td style="padding: 10px;width: 100px;"></td>
+          <td style="padding:0 10px;width: 100px;" colspan="2">合计：{{totalMoney.toFixed(2)}}</td>
+          <td style="padding:0 10px;width: 100px;" colspan="2">实收：{{payType=='已收款'?totalMoney.toFixed(2):'0.00'}}</td>
+          <td style="padding:0 10px;width: 100px;" colspan="2">欠款：{{payType=='欠款'?totalMoney.toFixed(2):'0.00'}}</td>
+          <td style="padding:0 10px;width: 100px;"></td>
         </tr>
         <tr>
-          <td style="padding: 10px;width: 100px;">其他说明：</td>
-          <td style="padding: 10px;width: 100px;" colspan="6">{{remark}}</td>
+          <td style="padding:0 10px;width: 100px;">其他说明：</td>
+          <td style="padding:0 10px;width: 100px;" colspan="6">{{remark}}</td>
         </tr>
       </table>
       <table border="0" width="780" style="border:solid 1px #fff;border-collapse:collapse">
         <tr >
-          <td style="padding: 10px;width: 260px;">开单：{{orderMsg.shopAdminName}}</td>
-          <td style="padding: 10px;width: 260px;">配送：</td>
-          <td style="padding: 10px;width: 260px;">打印时间：{{todays(1)}}</td>
+          <td style="padding:0 10px;width: 260px;">开单：{{orderMsg.shopAdminName}}</td>
+          <td style="padding:0 10px;width: 260px;">配送：</td>
+          <td style="padding:0 10px;width: 260px;">打印时间：{{todays(1)}}</td>
         </tr>
       </table>
     </div>
@@ -486,16 +486,13 @@ export default {
 
         LODOP.SET_PRINT_STYLE('FontSize', 20);
         LODOP.SET_PRINT_STYLE('Bold', 1);
-        LODOP.ADD_PRINT_TEXT(150, 10, 790, 30, `纯彩花艺销售单`);
+        // LODOP.ADD_PRINT_TEXT(150, 10, 790, 30, `纯彩花艺销售单`);
+        LODOP.ADD_PRINT_TEXT(50, 10, 790, 30, `纯彩花艺销售单`);
         LODOP.SET_PRINT_STYLEA(0, 'Alignment', 2);
         LODOP.SET_PRINT_STYLE('FontSize', 12);
 
-        LODOP.ADD_PRINT_HTM(
-            200,
-            10,
-            790,
-            600,
-            document.querySelector('.print-html').innerHTML
+        LODOP.ADD_PRINT_HTM(100,10,790,600,document.querySelector('.print-html').innerHTML
+        // LODOP.ADD_PRINT_HTM(200,10,790,600,document.querySelector('.print-html').innerHTML
         );
         LODOP.PREVIEW();
         // LODOP.PRINT();