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

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