解决单据打印的缓存问题

jshERP-web/src/views/bill/dialog/BillDetail.vue

@@ -11,13 +11,26 @@
       wrapClassName="ant-modal-cust-warp"
       style="top:5%;height: 100%;overflow-y: hidden">
       <template slot="footer">
-        <a-button v-print="'#printContent'" ghost type="primary">打印</a-button>
+        <!--此处为解决缓存问题-->
+        <a-button v-if="billType === '调拨出库'" v-print="'#allocationOutPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '组装单'" v-print="'#assemblePrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '拆卸单'" v-print="'#disassemblePrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '其它入库'" v-print="'#otherInPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '其它出库'" v-print="'#otherOutPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '采购退货出库'" v-print="'#purchaseBackPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '采购入库'" v-print="'#purchaseInPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '采购订单'" v-print="'#purchaseOrderPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '零售退货入库'" v-print="'#retailBackPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '零售出库'" v-print="'#retailOutPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '销售退货入库'" v-print="'#saleBackPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '销售订单'" v-print="'#saleOrderPrint'" ghost type="primary">打印</a-button>
+        <a-button v-if="billType === '销售出库'" v-print="'#saleOutPrint'" ghost type="primary">打印</a-button>
         <a-button key="back" @click="handleCancel">取消</a-button>
       </template>
       <a-form :form="form">
-        <section ref="print" id="printContent">
           <!--调拨出库-->
           <template v-if="billType === '调拨出库'">
+            <section ref="print" id="allocationOutPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
@@ -48,9 +61,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--组装单-->
           <template v-else-if="billType === '组装单'">
+            <section ref="print" id="assemblePrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
@@ -81,9 +96,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--拆卸单-->
           <template v-else-if="billType === '拆卸单'">
+            <section ref="print" id="disassemblePrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
@@ -114,9 +131,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--其它入库-->
           <template v-else-if="billType === '其它入库'">
+            <section ref="print" id="otherInPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
@@ -156,9 +175,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--其它出库-->
           <template v-else-if="billType === '其它出库'">
+            <section ref="print" id="otherOutPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
@@ -198,9 +219,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--采购退货-->
           <template v-else-if="billType === '采购退货出库'">
+            <section ref="print" id="purchaseBackPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
@@ -277,9 +300,11 @@
                 <a-col :lg="6" :md="12" :sm="24">
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--采购入库-->
           <template v-else-if="billType === '采购入库'">
+            <section ref="print" id="purchaseInPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
@@ -360,9 +385,11 @@
                 <a-col :lg="6" :md="12" :sm="24">
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--采购订单-->
           <template v-else-if="billType === '采购订单'">
+            <section ref="print" id="purchaseOrderPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
@@ -398,9 +425,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--零售退货-->
           <template v-else-if="billType === '零售退货入库'">
+            <section ref="print" id="retailBackPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
@@ -464,9 +493,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--零售出库-->
           <template v-else-if="billType === '零售出库'">
+            <section ref="print" id="retailOutPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
@@ -534,9 +565,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--销售退货-->
           <template v-else-if="billType === '销售退货入库'">
+            <section ref="print" id="saleBackPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
@@ -616,9 +649,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--销售订单-->
           <template v-else-if="billType === '销售订单'">
+            <section ref="print" id="saleOrderPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
@@ -658,9 +693,11 @@
                   </a-form-item>
                 </a-col>
               </a-row>
+            </section>
           </template>
           <!--销售出库-->
           <template v-else-if="billType === '销售出库'">
+            <section ref="print" id="saleOutPrint">
               <a-row class="form-row" :gutter="24">
                 <a-col :lg="6" :md="12" :sm="24">
                   <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
@@ -744,8 +781,8 @@
                   </a-form-item>
                 </a-col>
               </a-row>
-          </template>
             </section>
+          </template>
       </a-form>
     </j-modal>
   </a-card>