|
@@ -4,79 +4,76 @@
|
|
|
<div id="sendGood-print" v-if="financeBookList&&financeBookList.length">
|
|
|
<div
|
|
|
v-for="(fcItem,index) in financeBookList"
|
|
|
+ class="sendGood-print-box"
|
|
|
:key="index+'-fcitem'"
|
|
|
- style="width: 562pt;margin:0 auto;font-size:14px;"
|
|
|
- >
|
|
|
+ style="width:564pt;margin:0 auto;font-size:14px;">
|
|
|
<table
|
|
|
ref="printBox"
|
|
|
cellspacing="0"
|
|
|
cellpadding="0"
|
|
|
- style="border-collapse: collapse;width: 562pt;margin:0 auto;font-size:14px;"
|
|
|
+ style="border-collapse: collapse;width: 564pt;font-size:14px;">
|
|
|
<tr>
|
|
|
- <td>
|
|
|
- <div class="print-box" style="width: 562pt;margin:0 auto;">
|
|
|
- <h1 style="text-align:center;margin:0.2cm 0">收款通知单</h1>
|
|
|
- <div>
|
|
|
+ <td>
|
|
|
+ <div class="print-box" style="width: 564pt;margin-left:1.5pt;">
|
|
|
+ <div style="text-align:center;margin:15pt 0 5pt;font-size:24px;font-weight: bold;">收款通知单</div>
|
|
|
<div>
|
|
|
- <table border="1" style="width: 562pt;border-collapse: collapse;text-align: center;">
|
|
|
- <tr>
|
|
|
- <th style="line-height: 20pt;width: 52pt;background:#f6f6f6;">日期</th>
|
|
|
- <th style="line-height: 20pt;width: 80pt;background:#f6f6f6;">客户名称</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">订单金额</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">收款金额</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">使用授信</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">余款抵扣</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">汇入银行</th>
|
|
|
- <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">足额打款</th>
|
|
|
- <th style="line-height: 20pt;width: 70pt;background:#f6f6f6;">说明</th>
|
|
|
- </tr>
|
|
|
- <tr v-for="item in fcItem.subList" :key="item.bookDetailSn">
|
|
|
- <td style="padding:3pt;width: 46pt;">{{ moment(item.receiptDate).format('M月D日') }}</td>
|
|
|
- <td style="padding:3pt;width: 74pt;text-align:left;">
|
|
|
- {{ item.payerName }}
|
|
|
- <div>
|
|
|
- {{ item.dealerEntity ? item.dealerEntity.kdMidCustomerFnumber : '' }}
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
- {{ item.orderAmount?item.orderAmount.toFixed(2):'0.00' }}
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
- {{ item.receiptAmount?item.receiptAmount.toFixed(2):'0.00' }}
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
- {{ getTotal(item.detailItemUseList||[]) }}
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
- {{ item.balanceAmount?item.balanceAmount.toFixed(2):'0.00' }}
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;">
|
|
|
- {{ item.bankAccount }}<br>
|
|
|
- {{ item.bankName }}
|
|
|
- </td>
|
|
|
- <td style="padding:3pt;width: 54pt;">{{ item.fullPaymentFlagDictValue }}</td>
|
|
|
- <td style="padding:3pt;width: 84pt;word-break:break-all;">{{ item.remarks }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div style="line-height: 30pt;border-bottom: 1px solid #666;">使用授信明细:{{ fcItem.detail||'--' }}</div>
|
|
|
- <div style="line-height: 30pt;" v-if="fcItem.audit&&fcItem.audit.taskVOList">
|
|
|
- 审批人员:
|
|
|
- <span v-for="audit in fcItem.audit.taskVOList" :key="audit.processInstanceId">
|
|
|
- {{ audit.userName }}({{ audit.state }});
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div style="line-height: 30pt;" v-else>
|
|
|
- 审批人员:--
|
|
|
+ <div>
|
|
|
+ <table border="1" style="width: 564pt;border-collapse: collapse;text-align: center;">
|
|
|
+ <tr>
|
|
|
+ <th style="line-height: 20pt;width: 56pt;background:#f6f6f6;">日期</th>
|
|
|
+ <th style="line-height: 20pt;width: 80pt;background:#f6f6f6;">客户名称</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">订单金额</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">收款金额</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">使用授信</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">余款抵扣</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">汇入银行</th>
|
|
|
+ <th style="line-height: 20pt;width: 60pt;background:#f6f6f6;">足额打款</th>
|
|
|
+ <th style="line-height: 20pt;width: 68pt;background:#f6f6f6;">说明</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="item in fcItem.subList" :key="item.bookDetailSn">
|
|
|
+ <td style="padding:3pt;width: 50pt;">{{ moment(item.receiptDate).format('MM月DD日') }}</td>
|
|
|
+ <td style="padding:3pt;width: 74pt;text-align:left;">
|
|
|
+ {{ item.payerName }}
|
|
|
+ <div>
|
|
|
+ {{ item.dealerEntity ? item.dealerEntity.kdMidCustomerFnumber : '' }}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
+ {{ item.orderAmount?item.orderAmount.toFixed(2):'0.00' }}
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
+ {{ item.receiptAmount?item.receiptAmount.toFixed(2):'0.00' }}
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
+ {{ getTotal(item.detailItemUseList||[]) }}
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;text-align:center;">
|
|
|
+ {{ item.balanceAmount?item.balanceAmount.toFixed(2):'0.00' }}
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;">
|
|
|
+ {{ item.bankAccount }}<br>
|
|
|
+ {{ item.bankName }}
|
|
|
+ </td>
|
|
|
+ <td style="padding:3pt;width: 54pt;">{{ item.fullPaymentFlagDictValue }}</td>
|
|
|
+ <td style="padding:3pt;width: 62pt;word-break:break-all;">{{ item.remarks }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div style="padding:5pt 0;border-bottom: 1px solid #333;">使用授信明细:{{ fcItem.detail||'' }}</div>
|
|
|
+ <div style="padding:5pt 0;" v-if="fcItem.audit&&fcItem.audit.taskVOList">
|
|
|
+ 审批人员:
|
|
|
+ <span v-for="audit in fcItem.audit.taskVOList" :key="audit.processInstanceId">
|
|
|
+ {{ audit.userName }}({{ audit.state }});
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="padding:5pt 0;" v-else>
|
|
|
+ 审批人员:
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
+ </td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- <div
|
|
|
- style="page-break-after:always"
|
|
|
- v-if="(index+1)%2==0"> </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="btn-box" style="display:flex;align-item:center;justify-content: center;">
|
|
@@ -87,7 +84,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { jGPrint } from '@/libs/JGPrint.js'
|
|
|
+import { jGPlPrint } from '@/libs/JGPrint.js'
|
|
|
import moment from 'moment'
|
|
|
export default {
|
|
|
data () {
|
|
@@ -110,14 +107,36 @@ export default {
|
|
|
},
|
|
|
handleCommonOk () {
|
|
|
const _this = this
|
|
|
- const html = document.getElementById('sendGood-print').innerHTML
|
|
|
+ const html = document.getElementsByClassName('sendGood-print-box')
|
|
|
+ const printCons = []
|
|
|
+ for (let i = 0; i < html.length; i++) {
|
|
|
+ const h = html[i].clientHeight
|
|
|
+ printCons.push({
|
|
|
+ h: h,
|
|
|
+ t: html[i].innerHTML
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 排序从小到大
|
|
|
+ printCons.sort((a, b) => {
|
|
|
+ return a['h'] - b['h']
|
|
|
+ })
|
|
|
+
|
|
|
+ const htmlStr = []
|
|
|
+ for (let i = 0; i < printCons.length; i++) {
|
|
|
+ if (printCons[i].h > 560) {
|
|
|
+ htmlStr.push('')
|
|
|
+ }
|
|
|
+ htmlStr.push(printCons[i].t)
|
|
|
+ }
|
|
|
+
|
|
|
_this.spinning = true
|
|
|
// html, type, callback, printLogParams
|
|
|
- jGPrint(html, 'preview', function (res) {
|
|
|
+ jGPlPrint(htmlStr, 'preview', function (res) {
|
|
|
_this.spinning = false
|
|
|
_this.handleCommonCancel()
|
|
|
_this.$emit('printOk')
|
|
|
- }, this.printNums)
|
|
|
+ }, this.printNums, this.financeBookList)
|
|
|
},
|
|
|
getData (data, list) {
|
|
|
console.log(data)
|