|   | 
| <div class="content__title"> | 
|     <h1> | 
|         污染日志 | 
|         <small>包含历史污染数据</small> | 
|     </h1> | 
| </div> | 
| <div nz-row [nzGutter]="24" style="padding: 20px"> | 
|     <div nz-col nzXs="24"   nzMd="24"> | 
|         <div nz-form-control nz-col [nzSm]="20"> | 
|             <nz-card [nzBordered]="false"> | 
|                 <nz-calendar [nzLocale]="'zh-cn'" > | 
|                     <ng-template #dateCell let-day> | 
|                         <div *ngIf="!isExpire(day.date) && isCellExist(day.date)" style="width: 80px;height: 80px;display: block;position: absolute;" (click)="calendarClick(day.date)"> | 
|                                 <nz-badge [nzStatus]="calendarDayCells[day.date|date:'dd']['status']" [nzText]="calendarDayCells[day.date|date:'dd']['statusName']" ></nz-badge> | 
|                                 <!-- <nz-badge [nzStatus]="'success'" [nzText]="'Sunday'" *ngIf="(day.date|date:'EEE')==='Sun'"></nz-badge> | 
|                                 {{day.date|date:'EEE'}} | 
|                                 {{day.date|date:'dd'}} | 
|                                 {{calendarDayCells[day.date|date:'dd']['status']}} --> | 
|                         </div> | 
|                     </ng-template> | 
|                 </nz-calendar> | 
|             </nz-card> | 
|         </div> | 
|     </div>   | 
| </div> |