Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2022-01-18 15:49:09 +08:00
parent 7775b39bc6
commit 9d1ba35333
28 changed files with 699 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.html
View File

@ -12,37 +12,41 @@
<button nz-button nzType="primary" [nzLoading]="service.http.loading" style="float: right;">打印</button>
</se-title>
<se label="帐套" required>
天津怡亚通物流科技有限公司
{{info?.vcltdcode}}
</se>
<se label="凭证类型" required>
WL
{{info?.vctype}}
</se>
<se label="凭证日期" required>
2021-12-12
{{info?.vctime}}
</se>
</div>
<st #st [data]="data" [columns]="columns" [footer]="bodyTpl" bordered [scroll]="{ x:'1200px',y: '420px' }"
[req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
[res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ show: false }"
[loading]="service.http.loading">
<ng-template #bodyTpl let-s>
<st #st [data]="info?.faShowVOList" [columns]="columns" [footer]="footerTpl" bordered
[scroll]="{ x:'1200px',y: '420px' }" [page]="{ show: false }" [loading]="service.http.loading">
<ng-template #footerTpl let-s>
<ng-container *ngIf="st.count > 0">
<div style="display: flex;justify-content: flex-end;">
<div style="flex: 1;" class="text-left">合计：</div>
<div style="width: 150px;" class="text-right">{{111 | currency}}</div>
<div style="width: 150px;" class="text-right">{{111 | currency}}</div>
<div style="flex: 1;" class="text-right font-weight-bold text-md">合计：</div>
<div style="width: 150px;" class="text-right">{{info?.drmoney | currency}}</div>
<div style="width: 150px;" class="text-right">{{info?.crmoney | currency}}</div>
</div>
</ng-container>
</ng-template>
<ng-template st-row="auxVOList" let-item let-index="index" let-column="column">
<ng-container *ngFor="let auxVO of item.auxVOList">
{{ auxVO.auxLabel }}: {{ auxVO.auxValue }} <br>
</ng-container>
</ng-template>
</st>
<sv-container labelWidth="150" gutter="32" col="2" class="mt-md">
<sv label="摘要">
收取服务费XXXX
{{info?.remarks}}
</sv>
<sv label="凭证流水号">
VC202112120001
{{info?.createUserId}}
</sv>
</sv-container>

55
src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.ts
View File

@ -1,33 +1,54 @@
import { CurrencyPipe } from '@angular/common';
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { STData, STColumn, STRequestOptions } from '@delon/abc/st';
import { FreightAccountService } from '../../../services/freight-account.service';
@Component({
selector: 'app-summary-detail',
templateUrl: './summary-detail.component.html',
providers: [CurrencyPipe]
templateUrl: './summary-detail.component.html'
})
export class SummaryDetailComponent implements OnInit {
data: STData[] = Array(100)
.fill({})
.map((_, idx) => ({
id: idx + 1,
price: ~~(Math.random() * 100),
age: ~~(Math.random() * 100) > 50 ? '女' : '男'
}));
columns: STColumn[] = [
{ title: '摘要', type: 'no' },
{ title: '会计科目', index: 'id' },
{ title: '辅助核算', index: 'age' },
{ title: '币种', index: 'price', className: 'text-center' },
{ title: '借方金额', index: 'price', width: 150, type: 'currency', format: item => `${this.currencyPipe.transform(item.price)}` },
{ title: '贷方金额', index: 'price', width: 150, type: 'currency', format: item => `${this.currencyPipe.transform(item.price)}` }
{ title: '摘要', index: 'remarks' },
{ title: '会计科目', index: 'subname' },
{ title: '辅助核算', render: 'auxVOList' },
{ title: '币种', index: 'currency', className: 'text-center' },
{
title: '借方金额',
index: 'drlocalmoney',
width: 150,
type: 'widget',
className: 'text-right',
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drlocalmoney }) }
},
{
title: '贷方金额',
index: 'crlocalmoney',
width: 150,
type: 'widget',
className: 'text-right',
widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crlocalmoney }) }
}
];
id!: string;
constructor(public service: FreightAccountService, private currencyPipe: CurrencyPipe) {}
info: any = { faShowVOList: [] };
constructor(public service: FreightAccountService, private route: ActivatedRoute) {
this.id = route.snapshot.params.id;
}
ngOnInit(): void {}
ngOnInit(): void {
this.loadDetail(this.id);
}
loadDetail(id: string) {
this.service.request(this.service.$api_get_fico_vch__detail, { id }).subscribe(res => {
if (res) {
this.info = res;
}
});
}
beforeReq = (requestOptions: STRequestOptions) => {
return requestOptions;