| 
					
				 | 
			
			
				@@ -0,0 +1,125 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <!-- 发货打印 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a-spin :spinning="spinning" tip="Loading..." id="sendGood-print" style="height: 70vh;overflow: auto;width: 100%;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="print-box" style="width: 100%;font-size: 10pt;" v-if="detail"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <h1 style="text-align:center;">销 售 收 款 凭 证</h1> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div style="display:flex;align-item:center;justify-content: space-between;flex-wrap: wrap;line-height: 20pt;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">客户名称:{{ detail.settleClientName||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">支付方式:{{ detail.settleStyleDictValue||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">收货客户名称:{{ detail.receiverName||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">发货编号:{{ detail.sendNo||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">销售单号:{{ detail.bizNo||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">下推单号:{{ detail.dispatchBillNo||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">收款类型:{{ detail.keepTypeDictValue||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">收款时间:{{ detail.settleTime||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="width: 50%;">收款人:{{ detail.settlePersonName||'--' }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 财务收款单 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="line-height: 30pt;">共 2 个财务收款单,以下是第 1 个</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <table border="1" style="width: 100%;border-collapse: collapse;text-align: center;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 6%;">序号</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 10%;">日期</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">客户信息</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">收款信息</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">汇入银行</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 10%;">足额打款</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 14%;">备注</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <tr v-for="(item,index) in 5"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width: 60px;">{{ index+1 }}</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width:120px">6月15日</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width: 240px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  箭冠汽配西安大兴店<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  CUST1547<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  东台宇新汽车配件有限公司 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width: 150px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  订单金额:60553<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  收款金额:60553<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  使用授信:0<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  授信还款:0<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  余款抵扣:0<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  跨月打款:0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width: 200px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  东莞箭冠<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  东莞银行<br> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;width: 80px;">是</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">备注撒打发</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div style="line-height: 30pt;">附:钉钉审批明细</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <table border="1" style="width: 100%;border-collapse: collapse;text-align: center;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">人员姓名</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">人员类型</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">状态</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">审批意见</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <th style="line-height: 24pt;width: 20%;">操作时间</th> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">王明</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">审批人</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">已同意</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">--</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <td style="padding:7px;">2022-06-13 09:59:10</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </a-spin> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="btn-box" style="display:flex;align-item:center;justify-content: center;" v-if="detail"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-button @click="handleCommonCancel">取消</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <a-button :loading="spinning" type="primary" @click="handleCommonOk">立即打印</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { jGPrint } from '@/libs/JGPrint.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { settleReceiptFindBySn } from '@/api/settleReceipt.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      spinning: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      detail: null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleCommonOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const html = document.getElementById('sendGood-print').innerHTML 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // html, type, callback, printLogParams 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      jGPrint(html, 'print', function (res) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        billType: 'SETTLE_RECEIPT', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        billSn: this.detail.accountReceiptSn, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        billNo: this.detail.accountReceiptNo, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        printType: '收款打印' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getData (data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      settleReceiptFindBySn({ sn: data.accountReceiptSn }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.detail = res.data || null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    handleCommonCancel () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$emit('cancel') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.detail = null 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |