data-storage.component.html

<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="3">
    <input type="text" nz-input [(ngModel)]="obj.projectName" placeholder="项目名称">
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <input type="text" nz-input [(ngModel)]="obj.projectYear" placeholder="项目年度">
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <button (click)="search()" nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
  </div>
  <div nz-col nzSpan="3">
  </div>
  <div nz-col nzSpan="4">
  </div>
  <div nz-col nzSpan="2">
  </div>
  <div nz-col nzSpan="2">
  </div>
  <div nz-col nzOffset="2" nzSpan="2">
    <button (click)="showAddModal()" nz-button nzType="default"><i class="anticon anticon-plus-circle-o"></i>添加
    </button>
  </div>
</div>

<nz-table #nzTable [nzData]="page.dataSet" [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>2018年数据存储量</th>
    <th>2019年数据存储量</th>
    <th>2018年数据交换量</th>
    <th>2019年数据交换量</th>
    <th nzWidth="15%">操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of nzTable.data">
    <td>{{data.projectName}}</td>
    <td>{{data.projectYear}}</td>
    <td>{{data.contractAmount}}</td>
    <td>{{data.actualAmount}}</td>
    <td>{{data.purchaseAmount}}</td>
    <td>{{data.storageCapacity18}}G</td>
    <td>{{data.storageCapacity19}}G</td>
    <td>{{data.exchangeCapacity18}}G</td>
    <td>{{data.exchangeCapacity19}}G</td>
    <td class="handle main-color">
      <span (click)="showEditModal(data)">编辑</span>
      <span class="handle-delete" (click)="deleteHandle(data)">删除</span>
    </td>
  </tr>
  </tbody>
</nz-table>
<!--添加modal-->
<smart-data-storage-modal #smartDataStorageModal (done)="getList()"></smart-data-storage-modal>