<page-header-wrapper title="费用单" [logo]="logo">
    <ng-template #logo>
        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
            <i nz-icon nzType="left" nzTheme="outline"></i>
        </button>
    </ng-template>
</page-header-wrapper>

<nz-card class="search-box">
    <div nz-row>
        <div nz-col nzSpan="24">
            <se-container col="3" labelWidth=100>
                <se-title class="mb-md" style="font-size:18px">基本信息（应收费用）</se-title>
                <se label="网络货运人" required>
                    {{costInfo?.ltdid}}
                </se>
                <se label="费用类型" required col="2">
                    {{costInfo?.feetype}}
                </se>
                <se label="费用备注">
                    {{costInfo?.arremarks}}
                </se>
                <se label="应收对象" required>
                    {{costInfo?.artoname}}
                </se>
                <se label="开票类型" required>
                    {{costInfo?.arvattype}}
                </se>
                <se label="应收金额" required>
                    {{costInfo?.armoeny}}
                </se>
                <se label="开票金额" required>
                    {{costInfo?.arkpmoney}}
                </se>
                <se label="收款金额" required>
                    {{costInfo?.arbrmmoney}}
                </se>
            </se-container>
            <se-container col="3" labelWidth=100 class="mt-md">
                <se-title class="mb-md" style="font-size:18px">基本信息（应付费用）</se-title>
                <se label="网络货运人" required>
                    {{costInfo?.ltdid}}
                </se>
                <se label="费用类型" required>
                    {{costInfo?.feetype}}
                </se>
                <se label="应付核销" required>
                </se>
                <se label="费用备注">
                    {{costInfo?.hrremarks}}
                </se>
                <se label="应收对象" required>
                    {{costInfo?.hrtoname}}
                </se>
                <se label="收票类型" required>
                    {{costInfo?.hrvattype}}
                </se>
                <se label="应付金额" required>
                    {{costInfo?.hrmoney}}
                </se>
                <se label="收票金额" required>
                    {{costInfo?.hrvatmoney}}
                </se>
                <se label="付款金额" required>
                    {{costInfo?.hrpaymoney}}
                </se>
            </se-container>
        </div>
    </div>
</nz-card>

<nz-card class="content-box" nzBordered>
    <nz-tabset>
        <nz-tab nzTitle="费用明细">
            <st #st [data]="costInfo?.ficoFeeLList" [columns]="columns.cost" [page]="{ show: false}"
                [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }">
                <ng-template st-row="no" let-item let-index="index" let-column="column">
                    {{ index+1 }}
                </ng-template>
            </st>
        </nz-tab>
        <nz-tab nzTitle="开票信息">
            <st #st [data]="costInfo?.ficoVatappDatailList" [columns]="columns.requested" [page]="{ show: false}"
                [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }">
                <ng-template st-row="no" let-item let-index="index" let-column="column">
                    {{ index+1 }}
                </ng-template>
            </st>
        </nz-tab>
        <nz-tab nzTitle="收款信息">
            <st #st [data]="data" [columns]="columns.collection" [page]="{ show: false}"
                [loading]="service.http.loading" [scroll]="{ x:'1200px',y: '370px' }"></st>
        </nz-tab>
        <nz-tab nzTitle="收票信息">
            <st #st [data]="data" [columns]="columns.ticket" [page]="{ show: false}" [loading]="service.http.loading"
                [scroll]="{ x:'1200px',y: '370px' }"></st>
        </nz-tab>
        <nz-tab nzTitle="付款信息">
            <st #st [data]="data" [columns]="columns.payment" [page]="{ show: false}" [loading]="service.http.loading"
                [scroll]="{ x:'1200px',y: '370px' }"></st>
        </nz-tab>
    </nz-tabset>


</nz-card>