audit.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 class="search-form">
  <div nz-col nzSpan="16">
    <nz-select nzAllowClear style="width: 200px;" [(ngModel)]="obj.moduleId"  nzPlaceHolder="全部">
      <nz-option *ngFor="let item of menuList" [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
    </nz-select>
    <nz-radio-group [(ngModel)]="timeType" (ngModelChange)="changeType()">
      <label nz-radio-button nzValue="1"><span>今天</span></label>
      <label nz-radio-button nzValue="2"><span>昨天</span></label>
      <label nz-radio-button nzValue="5"><span>自定义</span></label>
    </nz-radio-group>
    <ng-container *ngIf="timeType == '5'">
      <nz-date-picker nzFormat="yyyy-MM-dd"
              [nzFormat]="timeFormat"
              [(ngModel)]="startTime"
              nzPlaceHolder="开始时间"></nz-date-picker>
      <nz-date-picker nzFormat="yyyy-MM-dd"
              [nzFormat]="timeFormat"
              [(ngModel)]="endTime"
              nzPlaceHolder="结束时间"></nz-date-picker>
    </ng-container>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <input style="width: 50%;" [(ngModel)]="obj.content" nz-input placeholder="操作内容">
    <button (click)="searchKey()" nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
  </div>
</div>
<nz-table #basicTable [nzData]="dataSet" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNumber" [nzPageSize]="pageSize" (nzPageIndexChange)="changePage($event)">
  <thead>
  <tr>
    <th>操作用户</th>
    <th>功能模块</th>
    <th nzWidth="25%">操作</th>
    <th nzWidth="25%">操作内容</th>
    <th>操作时间</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of basicTable.data">
    <td>{{data.createUserName}}</td>
    <td>{{data.moduleName}}</td>
    <td>{{data.operation}}</td>
    <td>{{data.content}}</td>
    <td>{{data.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
  </tr>
  </tbody>
</nz-table>