打印

operationSupport/src/views/payService/propertyFee/actualReceipts.vue

@@ -131,7 +131,7 @@ export default {
         lookDetails(row) {
             new Promise((resolve) => {
                 this.$store.dispatch('addPopup', {
-                    url: '/payService/propertyFee/stepPage/details.vue',
+                    url: '/payService/propertyFee/stepPage/detailsTable.vue',
                     width: '615px',
                     height: '581px',
                     props: {
@@ -140,8 +140,9 @@ export default {
                     },
                     showConfirmButton: true,
                     showCancelButton: true,
+                    hideFoot:true,
                     hideStar: true,
-                    title: '账单详情'
+                    title: '缴费详情'
                 });
             }).then(() => {
                 this.mixins_search();
@@ -184,7 +185,7 @@ export default {
                     LODOP.PRINT_INIT('凤凰天誉专用收据');
                     LODOP.ADD_PRINT_TABLE(30, 40, '90%', 200, data);
                     //LODOP.SET_PRINT_STYLEA(0,"Top2Offset",-40); //这句可让次页起点向上移
-                    LODOP.SET_PRINT_PAGESIZE(1, 2410, 100, '');
+                    LODOP.SET_PRINT_PAGESIZE(1, 2410, 1000, '');
 
                     //LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-1);
                     LODOP.PREVIEW();

operationSupport/src/views/payService/propertyFee/stepPage/detailsTable.vue

@@ -0,0 +1,88 @@
+<template>
+    <div class="content main">
+        <zz-table :settings="{ stripe: true }" :cols="cols" :data="mixins_list"> </zz-table>
+    </div>
+</template>
+<script>
+import list from '@/utils/list.js';
+export default {
+    mixins: [list],
+    props: ['params'],
+    data() {
+        return {
+            mixins_querys: {
+                chargeType: ''
+            },
+            cols: [
+                {
+                    label: '收据号',
+                    prop: 'receiptNumber'
+                },
+                {
+                    label: '地址',
+                    prop: 'assets'
+                },
+                {
+                    label: '业主',
+                    prop: 'clientName',
+                    width: '100'
+                },
+                {
+                    label: '费用名称',
+                    prop: 'chargeName',
+                    width: '200'
+                },
+                {
+                    label: '计费时间',
+                    prop: 'paymentDays'
+                },
+
+                {
+                    label: '应收金额(元)',
+                    prop: 'receivableAmount'
+                },
+                {
+                    label: '实收金额(元)',
+                    prop: 'receivedAmount'
+                },
+                {
+                    label: '付款方式',
+                    prop: 'payTypeDict'
+                },
+                {
+                    label: '缴费时间',
+                    prop: 'chargeDate'
+                },
+                {
+                    label: '打印状态',
+                    prop: 'printStatus',
+                    format(val) {
+                        if (val == 0) {
+                            return '<span class="redText">未打印</span>';
+                        } else if (val == 1) {
+                            return '<span class="greenText">已打印</span>';
+                        }
+                    }
+                },
+                {
+                    label: '备注',
+                    prop: 'remark'
+                },
+                {
+                    label: '操作',
+                    prop: 'id',
+                    slot: 'opt'
+                }
+            ],
+            mixins_post: 'post'
+        };
+    },
+    methods: {},
+    created() {
+        this.mixins_dataUrl = '/sc-charge/charge/receipt/findDetail'; // 分页查询接口
+        this.mixins_query = { id: this.params.id };
+        this.mixins_search();
+    }
+};
+</script>
+<style lang='scss' scoped >