Files
bbq/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.html
2022-03-14 14:09:03 +08:00

66 lines
2.5 KiB
HTML

<!--
* @Description :
* @Version : 1.0
* @Author : Shiming
* @Date : 2022-01-18 09:51:21
* @LastEditors : Shiming
* @LastEditTime : 2022-01-20 17:03:34
* @FilePath : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\voucher-management\\voucher-detail\\voucher-detail.component.html
* Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<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>
<div se-container labelWidth="150" gutter="32" col="3">
<se-title class="text-center font-weight-bold text-xl">记账凭证
<!-- <button nz-button nzType="primary" [nzLoading]="false" style="float: right;">打印</button> -->
</se-title>
<se label="帐套" required>
{{info?.vcltdcode}} - {{info?.vcltdname}}
</se>
<se label="凭证类型" required>
{{info?.vctype}}
</se>
<se label="凭证日期" required>
{{info?.vctime}}
</se>
</div>
<st #st [data]="info?.faShowVOList" [columns]="columns" [footer]="footerTpl" bordered
[scroll]="{ x:'1200px',y: '420px' }" [page]="{ show: false }" [loading]="false">
<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-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" class="mt-md">
<sv label="摘要">
{{info?.remarks}}
</sv>
<sv label="凭证流水号">
{{info?.id}}
</sv>
<!-- <sv label="创建人">
{{info?.createUserId}}
</sv> -->
</sv-container>
</nz-card>