ソースを参照

发货单打印

lilei 2 年 前
コミット
9ff5ad1e93

+ 1 - 0
src/config/router.config.js

@@ -218,6 +218,7 @@ export const asyncRouterMap = [
                 meta: {
                   title: '下推订单详情',
                   icon: 'vertical-align-bottom',
+                  replaceTab: true,
                   hidden: true
                   // permission: 'M_outboundList'
                 }

+ 27 - 27
src/views/salesManagement/sendOutOrder/printModel.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 发货打印 -->
-  <div id="sendGood-print" style="height:0;overflow: hidden;">
-    <div class="print-box" style="width: 100%;font-size: 12pt;" v-if="detail">
+  <div id="sendGood-print" style="height:0;overflow: hidden;" v-if="detail">
+    <div class="print-box" style="width: 574pt;font-size: 12pt;">
       <div style="display: flex;align-items: center;justify-content: center;">
         <img src="@/assets/logo.png" height="50px"/>
         <h1 style="margin:0;">东莞市箭冠汽车配件制造有限公司</h1>
@@ -12,7 +12,7 @@
       </div>
       <div style="display: flex;align-items: center;justify-content:space-between;padding: 5px;">
         <span style="width: 70%;">托运日期:{{ detail.sendDate }}</span>
-        <span style="width: 30%;">目的地:{{ detail.customerAddress }}</span>
+        <span style="width: 30%;word-break:break-all;">目的地:{{ detail.customerAddress }}</span>
       </div>
       <div>
         <div style="border: 1px solid #000;border-bottom:0;">
@@ -20,40 +20,40 @@
             <span style="width: 60%;border-right: 1px solid #000;padding: 5px;">收货人:{{ detail.customerCacateName }}</span>
             <span style="width: 40%;padding: 5px;">电话:{{ detail.customerCacatePhone }}</span>
           </div>
-          <div style="padding: 5px;">
+          <div style="padding: 5px;word-break:break-all;">
             <span>详细地址:{{ detail.customerAddressDetail }}</span>
           </div>
         </div>
-        <table border="1" style="width: 100%;border-collapse: collapse;text-align: center;border-color:#000;">
+        <table border="1" style="width: 574pt;border-collapse: collapse;text-align: center;border-color:#000;">
           <tr style="padding: 0;">
-            <td style="padding: 5px 0;width:14%;">货物名称</td>
-            <td style="padding: 0;width:9%;">件数</td>
-            <td style="padding: 0;width:9%;">体积(m³)</td>
-            <td style="padding: 0;width:9%;">重量(kg)</td>
-            <td style="padding: 0;width:9%;">计费单价(元)</td>
-            <td style="padding: 0;width:9%;">运费(元)</td>
-            <td style="padding: 0;width:9%;">保价(万)</td>
-            <td style="padding: 0;width:9%;">送货费</td>
-            <td style="padding: 0;width:9%;">其他</td>
-            <td style="border-bottom: 1px solid #000;padding: 0;width:14%;">合计</td>
+            <td style="padding: 5px 0;width:70pt;">货物名称</td>
+            <td style="padding: 0;width:56pt;">件数</td>
+            <td style="padding: 0;width:56pt;">体积(m³)</td>
+            <td style="padding: 0;width:56pt;">重量(kg)</td>
+            <td style="padding: 0;width:56pt;">计费单价(元)</td>
+            <td style="padding: 0;width:55pt;">运费(元)</td>
+            <td style="padding: 0;width:55pt;">保价(万)</td>
+            <td style="padding: 0;width:55pt;">送货费</td>
+            <td style="padding: 0;width:60pt;">其他</td>
+            <td style="padding: 0;width:60pt;">合计</td>
           </tr>
           <tr style="padding: 0;" v-for="item in detail.detailList" :key="item.id">
-            <td style="padding: 5px 0;">{{ item.goodsName }}</td>
-            <td style="padding: 0;">{{ item.goodsQty }}</td>
-            <td style="padding: 0;">{{ item.goodsVolume.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.goodsWeight.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.unitPrice.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.transportAmount.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.supportValue.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.sendAmount.toFixed(2) }}</td>
-            <td style="padding: 0;">{{ item.otherAmount.toFixed(2) }}</td>
-            <td style="border-bottom: 1px solid #000;padding: 0;">{{ item.totalAmount.toFixed(2) }}</td>
+            <td style="padding: 5px 0;width:70pt;">{{ item.goodsName }}</td>
+            <td style="padding: 0;width:56pt;">{{ item.goodsQty }}</td>
+            <td style="padding: 0;width:56pt;">{{ item.goodsVolume.toFixed(2) }}</td>
+            <td style="padding: 0;width:56pt;">{{ item.goodsWeight.toFixed(2) }}</td>
+            <td style="padding: 0;width:56pt;">{{ item.unitPrice.toFixed(2) }}</td>
+            <td style="padding: 0;width:55pt;">{{ item.transportAmount.toFixed(2) }}</td>
+            <td style="padding: 0;width:55pt;">{{ item.supportValue.toFixed(2) }}</td>
+            <td style="padding: 0;width:55pt;">{{ item.sendAmount.toFixed(2) }}</td>
+            <td style="padding: 0;width:60pt;">{{ item.otherAmount.toFixed(2) }}</td>
+            <td style="padding: 0;width:60pt;">{{ item.totalAmount.toFixed(2) }}</td>
           </tr>
         </table>
         <div style="border: 1px solid #000;border-top:0;">
           <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
-            <div style="width: 80%;border-right: 1px solid #000;padding: 5px;">费用合计(大写):{{ dealBigMoney(detail.totalSendAmount.toFixed(2)) }}</div>
-            <div style="width: 20%;padding: 5px;">¥:{{ detail.totalSendAmount.toFixed(2) }}</div>
+            <div style="width: 78%;border-right: 1px solid #000;padding: 4pt;">费用合计(大写):{{ dealBigMoney(detail.totalSendAmount.toFixed(2)) }}</div>
+            <div style="width:22%;padding: 4pt;">¥:{{ detail.totalSendAmount.toFixed(2) }}</div>
           </div>
           <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
             <div style="border-right: 1px solid #000;flex:1;text-align: center;padding: 5px;">付款方式:</div>