解决单据打印的缓存问题

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

@@ -11,741 +11,778 @@
       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 === '调拨出库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="allocationOutColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="allocationOutColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--组装单-->
           <template v-else-if="billType === '组装单'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="assembleColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="assembleColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--拆卸单-->
           <template v-else-if="billType === '拆卸单'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="disassembleColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="disassembleColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--其它入库-->
           <template v-else-if="billType === '其它入库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单号">
-                  {{model.linkNumber}} {{model.billType}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="otherInColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="供应商">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单号">
+                    {{model.linkNumber}} {{model.billType}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="otherInColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--其它出库-->
           <template v-else-if="billType === '其它出库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单号">
-                  {{model.linkNumber}} {{model.billType}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="otherOutColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="客户">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单号">
+                    {{model.linkNumber}} {{model.billType}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="otherOutColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--采购退货-->
           <template v-else-if="billType === '采购退货出库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="purchaseBackColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
-                  {{model.discount}}%
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
-                  {{model.discountMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
-                  {{model.discountLastMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
-                  {{model.otherMoney}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
-                  {{model.accountName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
-                  {{model.changeAmount}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
-                  {{model.debt}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-              </a-col>
-            </a-row>
+            <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="供应商">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="purchaseBackColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
+                    {{model.discount}}%
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
+                    {{model.discountMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
+                    {{model.discountLastMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
+                    {{model.otherMoney}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
+                    {{model.accountName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
+                    {{model.changeAmount}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
+                    {{model.debt}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--采购入库-->
           <template v-else-if="billType === '采购入库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
-                  {{model.linkNumber}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="purchaseInColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
-                  {{model.discount}}%
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠">
-                  {{model.discountMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
-                  {{model.discountLastMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
-                  {{model.otherMoney}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
-                  {{model.accountName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款">
-                  {{model.changeAmount}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
-                  {{model.debt}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-              </a-col>
-            </a-row>
+            <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="供应商">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
+                    {{model.linkNumber}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="purchaseInColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
+                    {{model.discount}}%
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠">
+                    {{model.discountMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
+                    {{model.discountLastMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
+                    {{model.otherMoney}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
+                    {{model.accountName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款">
+                    {{model.changeAmount}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
+                    {{model.debt}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--采购订单-->
           <template v-else-if="billType === '采购订单'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="purchaseOrderColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="供应商">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="purchaseOrderColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--零售退货-->
           <template v-else-if="billType === '零售退货入库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="18" :md="12" :sm="24">
-                <a-table
-                  ref="table"
-                  size="middle"
-                  bordered
-                  rowKey="id"
-                  :pagination="false"
-                  :columns="retailBackColumns"
-                  :dataSource="dataSource">
-                </a-table>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-row class="form-row" :gutter="24">
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
-                      {{model.changeAmount}}
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款金额">
-                      {{model.changeAmount}}
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="找零">
-                      0
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
-                      {{model.accountName}}
-                    </a-form-item>
-                  </a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="会员卡号">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="18" :md="12" :sm="24">
+                  <a-table
+                    ref="table"
+                    size="middle"
+                    bordered
+                    rowKey="id"
+                    :pagination="false"
+                    :columns="retailBackColumns"
+                    :dataSource="dataSource">
+                  </a-table>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-row class="form-row" :gutter="24">
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
+                        {{model.changeAmount}}
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款金额">
+                        {{model.changeAmount}}
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="找零">
+                        0
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
+                        {{model.accountName}}
+                      </a-form-item>
+                    </a-col>
+                  </a-row>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--零售出库-->
           <template v-else-if="billType === '零售出库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款类型">
-                  {{model.payType}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="18" :md="12" :sm="24">
-                <a-table
-                  ref="table"
-                  size="middle"
-                  bordered
-                  rowKey="id"
-                  :pagination="false"
-                  :columns="retailOutColumns"
-                  :dataSource="dataSource">
-                </a-table>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-row class="form-row" :gutter="24">
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
-                      {{model.changeAmount}}
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款金额">
-                      {{model.changeAmount}}
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="找零">
-                      0
-                    </a-form-item>
-                  </a-col>
-                  <a-col :lg="24" :md="6" :sm="6">
-                    <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
-                      {{model.accountName}}
-                    </a-form-item>
-                  </a-col>
-                </a-row>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="会员卡号">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款类型">
+                    {{model.payType}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="18" :md="12" :sm="24">
+                  <a-table
+                    ref="table"
+                    size="middle"
+                    bordered
+                    rowKey="id"
+                    :pagination="false"
+                    :columns="retailOutColumns"
+                    :dataSource="dataSource">
+                  </a-table>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-row class="form-row" :gutter="24">
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
+                        {{model.changeAmount}}
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款金额">
+                        {{model.changeAmount}}
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="找零">
+                        0
+                      </a-form-item>
+                    </a-col>
+                    <a-col :lg="24" :md="6" :sm="6">
+                      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
+                        {{model.accountName}}
+                      </a-form-item>
+                    </a-col>
+                  </a-row>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--销售退货-->
           <template v-else-if="billType === '销售退货入库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24"></a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="saleBackColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
-                  {{model.discount}}%
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
-                  {{model.discountMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
-                  {{model.discountLastMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
-                  {{model.otherMoney}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
-                  {{model.accountName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
-                  {{model.changeAmount}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
-                  {{model.debt}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
-                  {{model.salesManStr}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="客户">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24"></a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="saleBackColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
+                    {{model.discount}}%
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
+                    {{model.discountMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
+                    {{model.discountLastMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
+                    {{model.otherMoney}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
+                    {{model.accountName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
+                    {{model.changeAmount}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
+                    {{model.debt}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
+                    {{model.salesManStr}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--销售订单-->
           <template v-else-if="billType === '销售订单'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
-                  {{model.salesManStr}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="saleOrderColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="客户">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
+                    {{model.salesManStr}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="saleOrderColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
           <!--销售出库-->
           <template v-else-if="billType === '销售出库'">
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
-                  <a-input v-decorator="['id']" hidden/>
-                  {{model.organName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
-                  {{model.operTimeStr}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
-                  {{model.number}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
-                  {{model.linkNumber}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-table
-              ref="table"
-              size="middle"
-              bordered
-              rowKey="id"
-              :pagination="false"
-              :columns="saleOutColumns"
-              :dataSource="dataSource">
-            </a-table>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="24" :md="24" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
-                  {{model.remark}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
-                  {{model.discount}}%
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款优惠">
-                  {{model.discountMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
-                  {{model.discountLastMoney}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
-                  {{model.otherMoney}}
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row class="form-row" :gutter="24">
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
-                  {{model.accountName}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次收款">
-                  {{model.changeAmount}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
-                  {{model.debt}}
-                </a-form-item>
-              </a-col>
-              <a-col :lg="6" :md="12" :sm="24">
-                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
-                  {{model.salesManStr}}
-                </a-form-item>
-              </a-col>
-            </a-row>
+            <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="客户">
+                    <a-input v-decorator="['id']" hidden/>
+                    {{model.organName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
+                    {{model.operTimeStr}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
+                    {{model.number}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
+                    {{model.linkNumber}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-table
+                ref="table"
+                size="middle"
+                bordered
+                rowKey="id"
+                :pagination="false"
+                :columns="saleOutColumns"
+                :dataSource="dataSource">
+              </a-table>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="24" :md="24" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
+                    {{model.remark}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
+                    {{model.discount}}%
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款优惠">
+                    {{model.discountMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
+                    {{model.discountLastMoney}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
+                    {{model.otherMoney}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row class="form-row" :gutter="24">
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
+                    {{model.accountName}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次收款">
+                    {{model.changeAmount}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
+                    {{model.debt}}
+                  </a-form-item>
+                </a-col>
+                <a-col :lg="6" :md="12" :sm="24">
+                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
+                    {{model.salesManStr}}
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </section>
           </template>
-        </section>
       </a-form>
     </j-modal>
   </a-card>