|
@@ -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>
|