打印

ghs/src/views/order/list.vue

@@ -81,51 +81,51 @@
     <!-- 发货状态 -->
     <sel-order ref="selOrder" :id="optionData.id" @song-success="onSongSuccess" />
     <!-- 配送单 -->
-    <div class="print-html-box" >
-
-      <table border="0" width="780" style="border:solid 1px #fff;border-collapse:collapse">
+    <div class="print-html-box">
+      <table border="0" width="730" 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="width: 260px;">客户：{{orderMsg.customName}}</td>
+          <td style="width: 260px;">单号：{{orderMsg.orderSn}}</td>
+          <td style="width: 260px;">日期：{{orderMsg.deadline}}</td>
         </tr>
       </table>
-      <table border="1" width="780" style="border:solid 1px black;border-collapse:collapse">
+      <table border="1" width="730" 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="width: 50px;text-align: center;">序号</td>
+          <td style="width: 250px;text-align: center;">名称</td>
+          <td style="width: 80px;text-align: center;">单位</td>
+          <td style="width: 80px;text-align: center;">数量</td>
+          <td style="width: 80px;text-align: center;">单价</td>
+          <td style="width: 60px;text-align: center;">金额</td>
+          <td style="width: 100px;text-align: center;">备注</td>
         </tr>
         <tr v-for="(res,i) in orderMsg.product">
-          <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;">扎/支</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ `${res.bigNum}/${res.smallNum}` }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;">{{ res.price }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;" v-if="res.ratio==0">{{  Number(res.price) * (Number(res.bigNum) + 0) }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;" v-else>{{  Number(res.price) * (Number(res.bigNum) + Number(res.smallNum) / Number(res.ratio)) }}</td>
-          <td style="padding: 10px;width: 100px;text-align: center;"></td>
+          <td style="width: 50px;text-align: center;">{{ i+1 }}</td>
+          <td style="width: 250px;text-align: center;">{{ res.name }}</td>
+          <td style="width: 80px;text-align: center;">扎/支</td>
+          <td style="width: 80px;text-align: center;">{{ `${res.bigNum}/${res.smallNum}` }}</td>
+          <td style="width: 80px;text-align: center;">{{ res.price }}</td>
+          <td style="width: 80px;text-align: center;" v-if="res.ratio==0">{{  Number(res.price) * (Number(res.bigNum) + 0) }}</td>
+          <td style="width: 80px;text-align: center;" v-else>{{  Number(res.price) * (Number(res.bigNum) + Number(res.smallNum) / Number(res.ratio)) }}</td>
+          <td style="width: 100px;text-align: center;"></td>
         </tr>
         <tr>
-          <td style="padding: 10px;width: 100px;" colspan="2">合计：{{orderMsg.actPrice}}</td>
-          <td style="padding: 10px;width: 100px;" colspan="2">实收：{{orderMsg.debt==0?orderMsg.actPrice:'0.00'}}</td>
-          <td style="padding: 10px;width: 100px;" colspan="2">欠款：{{orderMsg.debt==1?orderMsg.actPrice:'0.00'}}</td>
-          <td style="padding: 10px;width: 100px;"></td>
+          <td style="width: 100px;"></td>
+          <td style="width: 100px;">合计：{{orderMsg.actPrice}}</td>
+          <td style="width: 100px;" colspan="2">实收：{{orderMsg.debt==0?orderMsg.realPrice:'0.00'}}</td>
+          <td style="width: 100px;" colspan="2">欠款：{{orderMsg.debt==1?orderMsg.realPrice:'0.00'}}</td>
+          <td style="width: 100px;"></td>
         </tr>
         <tr>
-          <td style="padding: 10px;width: 100px;">其他说明：</td>
-          <td style="padding: 10px;width: 100px;" colspan="6">{{orderMsg.remark}}</td>
+          <td style="width: 100px;">其他说明：</td>
+          <td style="width: 100px;" colspan="6">{{orderMsg.remark}}</td>
         </tr>
       </table>
-      <table border="0" width="780" style="border:solid 1px #fff;border-collapse:collapse">
+      <table border="0" width="730" 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="width: 260px;">开单：{{orderMsg.shopAdminName}}</td>
+          <td style="width: 260px;">配送：</td>
+          <td style="width: 260px;">打印时间：{{todays(1)}}</td>
         </tr>
       </table>
     </div>
@@ -207,22 +207,19 @@ export default {
         this.orderMsg = res;
         this.$nextTick(() => {
           let LODOP = getLodop();
-
-          LODOP.SET_PRINT_STYLE('FontSize', 20);
+          LODOP.SET_PRINT_STYLE('FontSize', 13);
           LODOP.SET_PRINT_STYLE('Bold', 1);
-          LODOP.ADD_PRINT_TEXT(150, 10, 790, 30, `纯彩花艺销售单`);
+          LODOP.ADD_PRINT_TEXT(10, 10, 790, 30, `纯彩花艺销售单`);
           LODOP.SET_PRINT_STYLEA(0, 'Alignment', 2);
-          LODOP.SET_PRINT_STYLE('FontSize', 12);
-
+          LODOP.SET_PRINT_STYLE('FontSize', 10);
           LODOP.ADD_PRINT_HTM(
-              200,
+              35,
               10,
               790,
               600,
               document.querySelector('.print-html-box').innerHTML
           );
           LODOP.PREVIEW();
-          // LODOP.PRINT();
         });
       });
     },