发货单打印

mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue

@@ -64,7 +64,11 @@
             <td>尺寸(米)</td>
             <td colspan="2"> 备注 </td>
           </tr>
-          <tr v-show="subTotalAmount <= splitThreshold" v-for="(item,index) in formData.deliverOrderSubs" :key="index">
+          <tr
+            v-show="subTotalAmount <= splitThreshold"
+            v-for="(item, index) in formData.deliverOrderSubs"
+            :key="index"
+          >
             <td colspan="4">{{ item.name }}</td>
             <td>{{ getDictLabel(DICT_TYPE.HELI_MATERIAL_UNIT, item.unit) }}</td>
             <td>{{ item.amount }}</td>
@@ -89,6 +93,16 @@
             <td colspan="2"></td>
           </tr>
         </tbody>
+        <tbody v-if="subTotalAmount > splitThreshold">
+          <tr v-for="item in 4" :key="item">
+            <td colspan="4"> &nbsp;</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td colspan="2"></td>
+          </tr>
+        </tbody>
         <tr>
           <td colspan="2"> 发货单位 </td>
           <td colspan="3">
@@ -101,13 +115,18 @@
         </tr>
         <tr>
           <td colspan="2"> 司机姓名 </td>
-          <td colspan="2">
+          <td colspan="2" v-if="formData.transportDriverName">
             {{ formData.transportDriverName }}
           </td>
+          <td colspan="2" v-else style="width: 60px"></td>
           <td>车牌号</td>
-          <td colspan="2">{{formData.transportBusNumber}}</td>
+          <td colspan="2" v-if="formData.transportBusNumber">{{ formData.transportBusNumber }}</td>
+          <td colspan="2" v-else style="width: 50px"></td>
           <td> 电话 </td>
-          <td colspan="2">{{ formData.transportDriverMobile }} </td>
+          <td colspan="2" v-if="formData.transportDriverMobile"
+            >{{ formData.transportDriverMobile }}
+          </td>
+          <td colspan="2" v-else style="width: 50px"></td>
         </tr>
         <tr>
           <td colspan="5">
@@ -190,7 +209,11 @@
             <td>尺寸(米)</td>
             <td colspan="2"> 备注 </td>
           </tr>
-          <tr v-show="subTotalAmount <= splitThreshold" v-for="(item,index) in formData.deliverOrderSubs" :key="index">
+          <tr
+            v-show="subTotalAmount <= splitThreshold"
+            v-for="(item, index) in formData.deliverOrderSubs"
+            :key="index"
+          >
             <td colspan="4">{{ item.name }}</td>
             <td>{{ getDictLabel(DICT_TYPE.HELI_MATERIAL_UNIT, item.unit) }}</td>
             <td>{{ item.amount }}</td>
@@ -215,6 +238,16 @@
             <td colspan="2"></td>
           </tr>
         </tbody>
+        <tbody v-if="subTotalAmount > splitThreshold">
+          <tr v-for="item in 4" :key="item">
+            <td colspan="4"> &nbsp;</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td colspan="2"></td>
+          </tr>
+        </tbody>
         <tr>
           <td colspan="2"> 发货单位 </td>
           <td colspan="3">
@@ -227,13 +260,18 @@
         </tr>
         <tr>
           <td colspan="2"> 司机姓名 </td>
-          <td colspan="2">
+          <td colspan="2" v-if="formData.transportDriverName">
             {{ formData.transportDriverName }}
           </td>
+          <td colspan="2" v-else style="width: 60px"></td>
           <td>车牌号</td>
-          <td colspan="2">{{formData.transportBusNumber}}</td>
+          <td colspan="2" v-if="formData.transportBusNumber">{{ formData.transportBusNumber }}</td>
+          <td colspan="2" v-else style="width: 50px"></td>
           <td> 电话 </td>
-          <td colspan="2">{{ formData.transportDriverMobile }} </td>
+          <td colspan="2" v-if="formData.transportDriverMobile"
+            >{{ formData.transportDriverMobile }}
+          </td>
+          <td colspan="2" v-else style="width: 50px"></td>
         </tr>
         <tr>
           <td colspan="5">
@@ -261,7 +299,7 @@
       <!-- 附件需要判断 -->
       <div v-if="subTotalAmount > splitThreshold">
         <div class="divide_line1" style="margin-top: 30px"></div>
-        <table border="2" cellspacing="0" id="table1" style="height: 28cm; ">
+        <table border="2" cellspacing="0" id="table1" style="height: 28cm">
           <tbody>
             <tr>
               <td colspan="10">
@@ -325,6 +363,7 @@
               <td> {{ item.amount }} </td>
               <td colspan="2">{{ item.remark }} </td>
             </tr>
+            
           </tbody>
           <tr>
             <td colspan="10">
@@ -356,10 +395,10 @@
 <script setup lang="ts">
 // import { ref, reactive } from 'vue'
 import { Check } from '@element-plus/icons-vue'
-import {ref} from "vue";
+import { ref } from 'vue'
-import {getDictLabel, DICT_TYPE} from "@/utils/dict";
+import { getDictLabel, DICT_TYPE } from '@/utils/dict'
-import {getDeliverOrder, getDeliverOrderSubListByDeliveryOrderId} from "@/api/heli/deliverorder";
+import { getDeliverOrder, getDeliverOrderSubListByDeliveryOrderId } from '@/api/heli/deliverorder'
-import {formatDate} from "@/utils/formatTime";
+import { formatDate } from '@/utils/formatTime'
 const dialogVisible = ref(false) // 弹窗的是否展示
 
 const onPrint = () => {
@@ -501,27 +540,30 @@ const open = async (id: number) => {
     formData.value.deliverCompany = '杭州合立机械有限公司'
 
     // 性质
-    let properties = formData.value.property.split(",")
+    let properties = formData.value.property.split(',')
-    let property = "";
+    let property = ''
     for (let i = 0; i < properties.length; i++) {
-      property += getDictLabel(DICT_TYPE.HELI_PROJECT_PROPERTY, properties[i]) + ",";
+      property += getDictLabel(DICT_TYPE.HELI_PROJECT_PROPERTY, properties[i]) + ','
     }
-    formData.value.property = property.substring(0, property.length-1);
+    formData.value.property = property.substring(0, property.length - 1)
 
     // 子项列表
     const subArr = await getDeliverOrderSubListByDeliveryOrderId(id)
     subTotalAmount.value = subArr.length
 
     if (subTotalAmount.value > splitThreshold) {
-      formData.value.deliverOrderSubs = subArr.filter(sub => sub.category == 'DELIVER_LIST');
+      formData.value.deliverOrderSubs = subArr.filter((sub) => sub.category == 'DELIVER_LIST')
 
       // 分类清单
-      formData.value.deliverOrderOtherSpareSubs = subArr.filter(sub => (sub.category == 'OTHER_LIST' && sub.subType == 1 ));
+      formData.value.deliverOrderOtherSpareSubs = subArr.filter(
-      formData.value.deliverOrderOtherCutterSubs = subArr.filter(sub => (sub.category == 'OTHER_LIST' && sub.subType == 2 ));
+        (sub) => sub.category == 'OTHER_LIST' && sub.subType == 1
+      )
+      formData.value.deliverOrderOtherCutterSubs = subArr.filter(
+        (sub) => sub.category == 'OTHER_LIST' && sub.subType == 2
+      )
     } else {
       formData.value.deliverOrderSubs = subArr
     }
-
   } finally {
     formLoading.value = false
   }