edit
This commit is contained in:
Taric Xin
@ -0,0 +1,93 @@
|
||||
<page-header-wrapper title="费用单">
|
||||
</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>
|
||||
天津怡亚通物流科技有限公司
|
||||
</se>
|
||||
<se label="费用类型" required col="2">
|
||||
应收
|
||||
</se>
|
||||
<se label="费用备注">
|
||||
天津怡亚通物流科技有限公司
|
||||
</se>
|
||||
<se label="应收对象" required>
|
||||
C21.001-茅台集团
|
||||
</se>
|
||||
<se label="开票类型" required>
|
||||
专票/普票
|
||||
</se>
|
||||
<se label="应收金额" required>
|
||||
4200.00
|
||||
</se>
|
||||
<se label="开票金额" required>
|
||||
4200.00
|
||||
</se>
|
||||
<se label="收款金额" required>
|
||||
4200.00
|
||||
</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>
|
||||
天津怡亚通物流科技有限公司
|
||||
</se>
|
||||
<se label="费用类型" required>
|
||||
应收
|
||||
</se>
|
||||
<se label="应付核销" required>
|
||||
是
|
||||
</se>
|
||||
<se label="费用备注">
|
||||
天津怡亚通物流科技有限公司
|
||||
</se>
|
||||
<se label="应收对象" required>
|
||||
C21.001-茅台集团
|
||||
</se>
|
||||
<se label="开票类型" required>
|
||||
专票/普票
|
||||
</se>
|
||||
<se label="应收金额" required>
|
||||
4200.00
|
||||
</se>
|
||||
<se label="收票金额" required>
|
||||
4200.00
|
||||
</se>
|
||||
<se label="付款金额" required>
|
||||
4200.00
|
||||
</se>
|
||||
</se-container>
|
||||
</div>
|
||||
</div>
|
||||
</nz-card>
|
||||
|
||||
<nz-card class="content-box" nzBordered>
|
||||
<nz-tabset>
|
||||
<nz-tab nzTitle="费用明细">
|
||||
<st #st [data]="data" [columns]="columns.cost" [page]="{ show: false}" [loading]="service.http.loading"
|
||||
[scroll]="{ x:'1200px',y: '370px' }"></st>
|
||||
</nz-tab>
|
||||
<nz-tab nzTitle="开票信息">
|
||||
<st #st [data]="data" [columns]="columns.requested" [page]="{ show: false}" [loading]="service.http.loading"
|
||||
[scroll]="{ x:'1200px',y: '370px' }"></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>
|
||||
@ -0,0 +1,24 @@
|
||||
:host::ng-deep {
|
||||
.search-box {
|
||||
.ant-card-body {
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box {
|
||||
.ant-card-body {
|
||||
padding-top: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.text-truncate {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.ant-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,80 @@
|
||||
import { Component, OnInit, ViewChild } from '@angular/core';
|
||||
import { STComponent, STColumn } from '@delon/abc/st';
|
||||
import { FreightAccountService } from '../../../services/freight-account.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-cost-management-detail',
|
||||
templateUrl: './cost-management-detail.component.html',
|
||||
styleUrls: ['./cost-management-detail.component.less']
|
||||
})
|
||||
export class CostManagementDetailComponent implements OnInit {
|
||||
@ViewChild('st', { static: true })
|
||||
st!: STComponent;
|
||||
columns: { [key: string]: STColumn[] } = this.initST();
|
||||
|
||||
data = [];
|
||||
constructor(public service: FreightAccountService) {}
|
||||
|
||||
ngOnInit(): void {}
|
||||
|
||||
private initST(): { [key: string]: STColumn[] } {
|
||||
return {
|
||||
cost: [
|
||||
{ title: '序号', index: 'no' },
|
||||
{ title: '费用明细号', index: 'callNo' },
|
||||
{ title: '订单号', index: 'callNo' },
|
||||
{ title: '订单日期', index: 'callNo' },
|
||||
{ title: '运单号', index: 'callNo' },
|
||||
{ title: '运单日期', index: 'callNo' },
|
||||
{ title: '结算客户', index: 'callNo' },
|
||||
{ title: '订单费用类型', index: 'callNo' },
|
||||
{ title: '费用科目', index: 'callNo' },
|
||||
{ title: '税率', index: 'callNo' },
|
||||
{ title: '费用金额', index: 'callNo' },
|
||||
{ title: '收/付款金额', index: 'callNo' },
|
||||
{ title: '开/收票金额', index: 'callNo' }
|
||||
],
|
||||
requested: [
|
||||
{ title: '序号', index: 'no' },
|
||||
{ title: '费用明细号', index: 'callNo' },
|
||||
{ title: '发票申请', index: 'callNo' },
|
||||
{ title: '发票类型', index: 'callNo' },
|
||||
{ title: '发票号', index: 'callNo' },
|
||||
{ title: '发票日期', index: 'callNo' },
|
||||
{ title: '发票状态', index: 'callNo' },
|
||||
{ title: '应收金额', index: 'callNo' },
|
||||
{ title: '开票金额', index: 'callNo' }
|
||||
],
|
||||
collection: [
|
||||
{ title: '序号', index: 'no' },
|
||||
{ title: '费用明细号', index: 'callNo' },
|
||||
{ title: '收款单号', index: 'callNo' },
|
||||
{ title: '收款日期', index: 'callNo' },
|
||||
{ title: '收款状态', index: 'callNo' },
|
||||
{ title: '应收金额', index: 'callNo' },
|
||||
{ title: '收款金额', index: 'callNo' }
|
||||
],
|
||||
ticket: [
|
||||
{ title: '序号', index: 'no' },
|
||||
{ title: '费用明细号', index: 'callNo' },
|
||||
{ title: '进项发票号', index: 'callNo' },
|
||||
{ title: '发票类型', index: 'callNo' },
|
||||
{ title: '发票日期', index: 'callNo' },
|
||||
{ title: '认证日期', index: 'callNo' },
|
||||
{ title: '发票状态', index: 'callNo' },
|
||||
{ title: '应付金额', index: 'callNo' },
|
||||
{ title: '收票金额', index: 'callNo' }
|
||||
],
|
||||
payment: [
|
||||
{ title: '序号', index: 'no' },
|
||||
{ title: '费用明细号', index: 'callNo' },
|
||||
{ title: '付款单号', index: 'callNo' },
|
||||
{ title: '要求日期', index: 'callNo' },
|
||||
{ title: '确认日期', index: 'callNo' },
|
||||
{ title: '付款状态', index: 'callNo' },
|
||||
{ title: '应付金额', index: 'callNo' },
|
||||
{ title: '付款金额', index: 'callNo' }
|
||||
]
|
||||
};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user