<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-30 19:36:30
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-02-23 16:35:15
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\cost-management\\cost-management.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper title="费用管理"> </page-header-wrapper>

<nz-card class="search-box">
  <div nz-row nzGutter="8">
    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
        [compact]="true" [button]="'none'"></sf>
    </div>
    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
        [acl-ability]="['FINANCIAL-COST-list']">查询</button>
      <button nz-button (click)="resetSF()">重置</button>
      <!-- <button nz-button (click)="exportList()"> 导出</button>
      <button nz-button (click)="exportList()"> 导出明细</button> -->
      <button nz-button nzType="link" (click)="expandToggle()">
        {{ !_$expand ? '展开' : '收起' }}
        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
      </button>
    </div>
  </div>
</nz-card>

<nz-card class="content-box">
  <div nz-row class="mb-sm">
    <div nz-col nzSpan="24">
      <!-- <button nz-button nzType="primary" [nzLoading]="service.http.loading"
        (click)="routeTo('/financial-management/cost-management/expenses-receivable/1')">添加应收费用</button>
      <button nz-button nzType="primary" [nzLoading]="service.http.loading"
        (click)="routeTo('/financial-management/cost-management/expenses-payable/1')">添加应付费用</button>
      <button nz-button nzType="primary" [nzLoading]="service.http.loading">导入费用</button> -->
    </div>
  </div>
  <st #st [data]="service.$api_get_cost_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
    [loading]="false" [scroll]="{ x: '2000px' }">
    <ng-template st-row="armoeny" let-item let-index="index">
      {{ item.armoeny | currency }}
    </ng-template>
    <ng-template st-row="hrmoney" let-item let-index="index">
      {{ item.hrmoney | currency }}
    </ng-template>
    <ng-template st-row="artocode" let-item let-index="index"> {{ item.cnoCode }}/{{ item.cnoName }} </ng-template>
    <ng-template st-row="hrpaymoney" let-item let-index="index">
      {{ item.hrpaymoney | currency }}
    </ng-template>
    <ng-template st-row="hrvatmoney" let-item let-index="index">
      {{ item.hrvatmoney | currency }}
    </ng-template>
  </st>
</nz-card>

<ng-template #auditModal>
  <div nz-row nzGutter="8">
    <div nz-col nzSpan="24" se-container [labelWidth]="80">
      <se [col]="1" label="备注">
        <textarea nz-input rows="3" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
          style="width: 325px; margin-left: 14px"></textarea>
      </se>
    </div>
  </div>
</ng-template>