<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">
    <button (click)="handleOpenModal()"
            nz-button nzType="default"><i class="anticon anticon-plus-circle-o"></i>新增服务人员
    </button>
  </div>
  <div nz-col nzSpan="6">
    <input type="text" (keyup.enter)="search()" nz-input [(ngModel)]="obj.projectName"
           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>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of nzTable.data;let i = index">
    <td>{{i + 1 + (page.pageNum - 1) * page.pageCount}}</td>
    <td>{{data.userNumber}}</td>
    <td>{{data.userName}}</td>
    <td>{{data.phone}}</td>
    <td>{{data.userCharacter}}</td>
    <td>{{data.department}}</td>
    <td>{{data.jobTitle}}</td>
    <td class="handle main-color">
      <span (click)="handleEdit(data)">编辑</span>
      <span (click)="handleDelete(data)">删除</span>
    </td>
  </tr>
  </tbody>
</nz-table>
