面损表-打印表格不全

src/views/reportForms/fabric-loss-table.vue

@@ -103,7 +103,7 @@
     <!-- 子表 -->
     <a-card style="margin:10px 0;">
       <!-- 采购订单 -->
-      <div class="purchase-order-table">
+      <div  :class="[purchase-order-table,(fabricLoss.fabricPoOrderList.length==0?'noprint': '')]">
         <h6 class="table-title">采购订单</h6>
 
         <a-table
@@ -147,7 +147,7 @@
       </div>
 
       <!-- 委外订单国内 -->
-      <div class="outsource-orders-table" style="margin:40px 0" id="mm">
+      <div  style="margin:40px 0" id="mm" :class="[outsource-orders-table,fabricLoss.fabricOMOrderList1.length==0?'noprint': '']">
         <h6 class="table-title">委外订单国内</h6>
         <a-table 
            id="print1"
@@ -181,7 +181,7 @@
       </div>
 
       <!-- 委外订单国外 -->
-      <div class="outsourceOrder-abroad-table" id="cb">
+      <div id="cb" :class="[outsourceOrder-abroad-table,fabricLoss.fabricOMOrderList2.length==0?'noprint': '']">
         <h6 class="table-title">委外订单国外</h6>
         <a-table
           :row-key="record => record.id"
@@ -214,7 +214,7 @@
       </div>
 
       <!-- 成本发票 -->
-      <div class="cost-invoice-table" style="margin:40px 0">
+      <div  style="margin:40px 0" :class="[cost-invoice-table,fabricLoss.fabricCostInvoiceList.length==0?'noprint': '']">
         <h6 class="table-title">成本发票</h6>
         <a-table
           :row-key="record => record.id"
@@ -250,7 +250,7 @@
       </div>
 
       <!-- 开票成本-面料 -->
-      <div class="costInvoice-fabric-table">
+      <div :class="[costInvoice-fabric-table,fabricLoss.fabricCostClothList.length==0?'noprint': '']">
         <h6 class="table-title">开票成本-面料</h6>
         <!-- ref="" -->
         <a-table
@@ -270,7 +270,7 @@
       </div>
 
       <!-- 开票成本-成衣 :footer="clothesFooterShow"-->
-      <div class="costInvoice-clothes-table" style="margin:40px 0">
+      <div  :class="[costInvoice-clothes-table,fabricLoss.fabricCostClothesList.length==0?'noprint': '']" style="margin:40px 0">
         <h6 class="table-title">开票成本-成衣</h6>
         <a-table
           :row-key="record => record.id"
@@ -288,7 +288,7 @@
       </div>
 
       <!-- 开票成本-辅料 -->
-      <div class="costInvoice-ingredient-table">
+      <div :class="[costInvoice-ingredient-table,fabricLoss.fabricCostAssistList.length==0?'noprint': '']">
         <h6 class="table-title">开票成本-辅料</h6>
         <a-table
           :row-key="record => record.id"
@@ -322,7 +322,7 @@
       </div>
 
       <!-- 事故单 -->
-      <div class="accidentBill-table">
+      <div  :class="[accidentBill-table,fabricLoss.fabricAccidentList.length==0?'noprint': '']">
         <h6 class="table-title">事故单</h6>
         <a-table
           :row-key="record => record.id"
@@ -855,11 +855,11 @@ export default {
                 this.fabricLoss.fabricAccidentList = [];
               }
               this.calculateTotal('frist')
+              this.$forceUpdate()
             }else{
               this.fabricLoss = {fabricPoOrderList:[],fabricOMOrderList1:[],fabricOMOrderList2:[],fabricCostAssistList:[],fabricCostClothList:[],fabricCostClothesList:[],fabricCostInvoiceList:[],fabricExpensesList:[],fabricAccidentList:[]};
               this.$message.info(res.message);
             }
-            this.judgeListLength()
           })
         })
       }
@@ -956,7 +956,7 @@ export default {
         })
       }
     },
-    //判断哪个列表为空
+    //判断哪个列表为空 -----有bug暂时不使用
     judgeListLength(){
       this.$nextTick(() => {
       var data = [
@@ -967,13 +967,15 @@ export default {
         {List:this.fabricLoss.fabricCostClothList,class:'.costInvoice-fabric-table'},
         {List:this.fabricLoss.fabricCostClothesList,class:'.costInvoice-clothes-table'},
         {List:this.fabricLoss.fabricCostAssistList,class:'.costInvoice-ingredient-table'},
-        // {List:this.fabricLoss.fabricExpensesList,class:'.costPay-table'},
+        {List:this.fabricLoss.fabricExpensesList,class:'.costPay-table'},
         {List:this.fabricLoss.fabricAccidentList,class:'.accidentBill-table'},
       ]
       data.map(item=>{
         if(item.List.length == 0){
            var bb =document.querySelector(item.class)
-            bb.className = 'noprint'
+           debugger
+           console.log(document)
+            // bb.className = 'noprint'
         }
       })
     })