给单据增加打印功能

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

@@ -11,14 +11,11 @@
       wrapClassName="ant-modal-cust-warp"
       style="top:5%;height: 100%;overflow-y: hidden">
       <template slot="footer">
-        <a-button key="print" type="primary" @click="handlePrint">
-          打印
-        </a-button>
-        <a-button key="back" @click="handleCancel">
-          取消
-        </a-button>
+        <a-button v-print="'#printContent'" 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 === '调拨出库'">
             <a-row class="form-row" :gutter="24">
@@ -743,6 +740,7 @@
               </a-col>
             </a-row>
           </template>
+        </section>
       </a-form>
     </j-modal>
   </a-card>
@@ -1014,9 +1012,6 @@
       close() {
         this.$emit('close');
         this.visible = false;
-      },
-      handlePrint() {
-        window.print();
       }
     }
   }