lilei 3 年之前
父节点
当前提交
159ee66eb4
共有 1 个文件被更改,包括 64 次插入60 次删除
  1. 64 60
      src/views/salesManagement/sendOutOrder/printModel.vue

+ 64 - 60
src/views/salesManagement/sendOutOrder/printModel.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 发货打印 -->
-  <div id="sendGood-print" style="height: 0;overflow: hidden;">
+  <div id="sendGood-print">
     <div class="print-box" style="width: 100%;font-size: 12pt;" v-if="detail">
       <div style="display: flex;align-items: center;justify-content: center;">
         <img src="@/assets/logo.png" height="50px"/>
@@ -14,74 +14,78 @@
         <span style="width: 70%;">托运日期:{{ detail.sendDate }}</span>
         <span style="width: 30%;">目的地:{{ detail.customerAddress }}</span>
       </div>
-      <div style="border: 1px solid #000;">
-        <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
-          <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="border-bottom: 1px solid #000;padding: 5px;">
-          <span>详细地址:{{ detail.customerAddressDetail }}</span>
+      <div>
+        <div style="border: 1px solid #000;border-bottom:0;">
+          <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
+            <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;">
+            <span>详细地址:{{ detail.customerAddressDetail }}</span>
+          </div>
         </div>
-        <table style="width: 100%;border-collapse: collapse;text-align: center;">
+        <table border="1" style="width: 100%;border-collapse: collapse;text-align: center;border-color:#000;">
           <tr style="padding: 0;">
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 5px 0;width:14%;">货物名称</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">件数</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">体积(m³)</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">重量(kg)</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">计费单价(元)</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">运费(元)</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">保价(万)</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">送货费</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;width:9%;">其他</td>
+            <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>
           </tr>
           <tr style="padding: 0;" v-for="item in detail.detailList" :key="item.id">
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 5px 0;">{{ item.goodsName }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.goodsQty }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.goodsVolume.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.goodsWeight.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.unitPrice.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.transportAmount.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.supportValue.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.sendAmount.toFixed(2) }}</td>
-            <td style="border-right: 1px solid #000;border-bottom: 1px solid #000;padding: 0;">{{ item.otherAmount.toFixed(2) }}</td>
+            <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>
           </tr>
         </table>
-        <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>
-        <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>
-          <div style="border-right: 1px solid #000;flex:2;padding: 5px;">{{ detail.payTypeDictValue||'--' }}</div>
-          <div style="border-right: 1px solid #000;flex:1;text-align: center;padding: 5px;">交货方式:</div>
-          <div style="flex:2;padding: 5px;">{{ detail.handoverTypeDictValue||'--' }}</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;padding: 8px 5px;">发货人签字:</div>
-          <div style="flex:1;padding: 8px 5px;">承运人签字:</div>
-        </div>
-        <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
-          <div style="width: 8%;border-right: 1px solid #000;padding: 5px;">备注:</div>
-          <div style="width: 92%;padding: 5px;">{{ detail.sendRemark||'--' }}</div>
-        </div>
-        <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
-          <div style="width: 30px;text-align: center;">注意事项</div>
-          <div style="flex: 1;padding: 5px;border-left: 1px solid #000;">
-            <ol style="margin: 0;padding-left: 30px;">
-              <li>承运人需按合同规定时间内把货物送达客户所在区域(不得超出十公里).</li>
-              <li>送货上门的货物,到达目的地后需提前和收货人联系并确定送货时间.</li>
-              <li>货物必需完整的交接给收货人,并让收货人在物流单上签字并上传回单.</li>
-              <li>如果发生货物丢失以及其它原因损坏需按价赔偿给客户.</li>
-            </ol>
+        <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>
+          <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>
+            <div style="border-right: 1px solid #000;flex:2;padding: 5px;">{{ detail.payTypeDictValue }}</div>
+            <div style="border-right: 1px solid #000;flex:1;text-align: center;padding: 5px;">交货方式:</div>
+            <div style="flex:2;padding: 5px;">{{ detail.handoverTypeDictValue }}</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;padding: 8px 5px;">发货人签字:</div>
+            <div style="flex:1;padding: 8px 5px;">承运人签字:</div>
+          </div>
+          <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
+            <div style="width: 8%;border-right: 1px solid #000;padding: 5px;">备注:</div>
+            <div style="width: 92%;padding: 5px;">{{ detail.sendRemark }}</div>
+          </div>
+          <div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
+            <div style="width: 30px;text-align: center;">注意事项</div>
+            <div style="flex: 1;padding: 5px;border-left: 1px solid #000;">
+              <ol style="margin: 0;padding-left: 30px;">
+                <li>承运人需按合同规定时间内把货物送达客户所在区域(不得超出十公里).</li>
+                <li>送货上门的货物,到达目的地后需提前和收货人联系并确定送货时间.</li>
+                <li>货物必需完整的交接给收货人,并让收货人在物流单上签字并上传回单.</li>
+                <li>如果发生货物丢失以及其它原因损坏需按价赔偿给客户.</li>
+              </ol>
+            </div>
+          </div>
+          <div style="display: flex;align-items: center;justify-content:space-between;padding: 5px;">
+            <div>东莞市箭冠汽车配件制造有限公司</div>
+            <div>中国.广东.东莞.茶山工业园</div>
+            <div>电话:0769-81860196</div>
+            <div>传真:0769-81860108</div>
           </div>
-        </div>
-        <div style="display: flex;align-items: center;justify-content:space-between;padding: 5px;">
-          <div>东莞市箭冠汽车配件制造有限公司</div>
-          <div>中国.广东.东莞.茶山工业园</div>
-          <div>电话:0769-81860196</div>
-          <div>传真:0769-81860108</div>
         </div>
       </div>
     </div>