<div class="list-template">
  <div class="list-template__content">
    <div class="list-template__top" nz-row>
      <div nz-col nzXl="18" class="list-template__searchBox">
				<div class="list-template__searchItem">
				  <span class="label width-105">登记时间区间：</span>
				  <nz-range-picker nzShowTime [(ngModel)]="dateRange" (nzOnCalendarChange)="onCalendarChangeDate($event)" (ngModelChange)="changeDate($event)"></nz-range-picker>
				</div>
				<nz-select [(ngModel)]="monthValue" nzAllowClear nzPlaceHolder="请选择" (ngModelChange)="changeMonth($event)">
					<nz-option nzValue="1" nzLabel="本月"></nz-option>
					<nz-option nzValue="2" nzLabel="上月"></nz-option>
				</nz-select>
			</div>
      <div nz-col nzLg="6" class="list-template__btns">
				<button nz-button class="btn default" (click)='getList(1)'>搜索</button>
				<button nz-button class="btn default ml8" (click)='reset()'>重置</button>
        <button nz-button class="btn default ml8" (click)='export()' [nzLoading]="loading2">导出</button>
      </div>
    </div>
    <div class="list-template__bottom">
      <nz-table
        class="list-template__nzTable"
        [nzData]="listOfData"
        nzSize="middle"
        [nzShowPagination]="false"
        [nzLoading]="loading1"
      >
        <thead>
          <tr class="thead">
            <th nzWidth="50px">序号</th>
						<th *ngFor="let item of listBaseInfoTh">{{item.describe}}</th>
            <th *ngFor="let item of listOfDataTh">{{item.describe}}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of listOfData; let i = index">
            <td>{{ i + 1 }}</td>
						<td *ngIf="data.data">{{ data.data.patientName }}</td>
						<td *ngIf="data.data">{{ data.data.residenceNo }}</td>
						<td *ngIf="data.data">{{data.data.gdCode}}/{{data.data.taskTypeName}}</td>
						<td *ngIf="data.data">{{data.data.userName}}</td>
						<td *ngFor="let item of data">
							{{ item.answer }}
						</td>
						<td>{{data[0].addTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
          </tr>
        </tbody>
      </nz-table>
      <div class="list-template__pagination">
        <nz-pagination
          [(nzPageIndex)]="pageIndex"
          [(nzTotal)]="listLength"
          [(nzPageSize)]="pageSize"
          (nzPageIndexChange)="getList(0)"
          (nzPageSizeChange)="getList(0)"
        >
        </nz-pagination>
      </div>
    </div>
  </div>
</div>
