<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 nz-button nzType="primary"><i class="anticon anticon-search"></i></button>
    <button nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
    <button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
  </div>
</div>

<div nz-row class="search-form">
  <div nz-col nzSpan="16">
    <nz-select style="width: 200px;" nzShowSearch nzAllowClear nzPlaceHolder="选择模块">
    </nz-select>
    <nz-select style="width: 200px;" nzShowSearch nzAllowClear nzPlaceHolder="选择资源">
    </nz-select>
    <nz-radio-group [(ngModel)]="date">
      <label nz-radio-button nzValue="1"><span>今天</span></label>
      <label nz-radio-button nzValue="2"><span>昨天</span></label>
      <label nz-radio-button nzValue="3"><span>三天</span></label>
      <label nz-radio-button nzValue="4"><span>一周</span></label>
      <label nz-radio-button nzValue="5"><span>自定义</span></label>
    </nz-radio-group>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <input nz-input placeholder="角色/权限模块/资源权限">
    <button nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
  </div>
</div>
<nz-table #basicTable [nzData]="dataSet">
  <thead>
  <tr>
    <th>系统时间</th>
    <th>用户</th>
    <th>IP地址</th>
    <th>操作模块</th>
    <th>详情</th>
    <th>资源</th>
    <th>操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of basicTable.data">
    <td>{{data.key1}}</td>
    <td>{{data.key2}}</td>
    <td>{{data.key3}}</td>
    <td>{{data.key4}}</td>
    <td>{{data.key5}}</td>
    <td>
      <span>详情</span>
    </td>
  </tr>
  </tbody>
</nz-table>
