liabilities_detail.vue

<style lang="less">
    @import url('../../../styles/common.less');
    #liabilitiesDetail{

    }
</style>
<template>
    <div id="liabilitiesDetail">
        <div class="Table">
            <customerTable :columns="columns" :list="list" :tableStyle="tableStyle" />
        </div>
    </div>
</template>
<script>
import Util from '@/libs/util.js';
import customerTable from '@/components/Table'
export default {
    name:"liabilitiesDetail",
    components:{customerTable},
    data(){
        return{
            list:[],
            columns:[
                {
                    width:"50%",
                    name:"日期",
                    align:"center",
                    field:"dBillDate",
                },
                {
                    width:'50%',
                    name:'金额',
                    align:'center',
                    field:'应收',
                }
            ],
            tableStyle:{
                theadBgColor:'rgba(223,238,253,1)',
                complexTrBgColor:'white',
                singleTrBgColor:'#eef4fe',
                theadTdBorder:false,
                tbodyTdBorder:false,
                tbodyHeight:'calc(100vh)',
                tbodyTrBorderBottom:'1px solid #dbe9f8',
                width:'100%'
            },
        }
    },
    mounted(){
        this.$nextTick(()=>{
            this.getDetail();
        })
    },
    methods:{
        async getDetail(){
            this.columns[1].field=this.$route.params.sCustomerType=='客户'?'应收':'应付'
            this.list=await this.request("getTiipLiabilities",{
                params:{
                    iCustomerId:this.$route.params.iCustomerId,
                    sType:'Details',
                    sCustomerType:this.$route.params.sCustomerType,
                }
            },"加载中",{})
        }
    },
}
</script>