| 
<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> 
 |