<div nz-row class="breadcrumbs">
    <div nz-col nzSpan="16">
        <nz-breadcrumb class="padding-8-0">
            <nz-breadcrumb-item>
                首页
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                <a>信息化项目</a>
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                费用管理
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
    <div nz-col nzSpan="8" class="text-right">
        <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <smart-full-screen></smart-full-screen>
    </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
    <div nz-col nzSpan="4">
        <input type="text" (keyup.enter)="search()" nz-input [(ngModel)]="obj.projectId"
               placeholder="项目名称">
    </div>
    <div nz-col nzSpan="4">
        <input type="text" (keyup.enter)="search()" nz-input [(ngModel)]="obj.applyUserId"
               placeholder="填报人">
    </div>
    <div nz-col nzSpan="4">
        <button (click)="search()"
                nz-button nzType="default"><i class="anticon anticon-search"></i>搜索
        </button>
    </div>
</div>
<nz-table #nzTable [nzData]="page.list" [nzLoading]="page.isLoading" [nzFrontPagination]="false"
          [nzTotal]="page.totalNum"
          [nzPageIndex]="page.pageNum" [nzPageSize]="page.pageCount" (nzPageIndexChange)="change($event)">
    <thead>
    <tr>
        <th>序号</th>
        <th>维护项目</th>
        <th>填报人</th>
        <th>备件采购数量</th>
        <th>备件采购金额</th>
        <th>委外数量</th>
        <th>委外金额</th>
        <th>其他数量</th>
        <th>其他金额</th>
        <th>总金额</th>
        <th>费用描述</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of nzTable.data;let i = index">
        <td>{{i + 1 + (page.pageNum - 1) * page.pageCount}}</td>
        <td>{{data.projectId}}</td>
        <td>{{data.applyUserId}}</td>
        <td>{{data.componentCount}}</td>
        <td>{{data.componentAmount}}</td>
        <td>{{data.outsourceCount}}</td>
        <td>{{data.outsourceAmount}}</td>
        <td>{{data.otherCount}}</td>
        <td>{{data.otherAmount}}</td>
        <td>{{data.totalAmount}}</td>
        <td>{{data.dutyDescription}}</td>
        <td class="handle main-color">
            <span (click)="handleEdit(data)">编辑</span>
            <span (click)="handleDelete(data)">删除</span>
        </td>
    </tr>
    </tbody>
</nz-table>
