|  |  |  | 
|---|
|  |  |  | <div nz-row [nzGutter]="24" style="padding: 20px"> | 
|---|
|  |  |  | <div nz-col nzXs="24"   nzMd="24"> | 
|---|
|  |  |  | <div nz-form-control nz-col [nzSm]="20"> | 
|---|
|  |  |  | <nz-calendar [nzLocale]="'zh-cn'" style="width: 290px; border: 1px solid rgb(217, 217, 217); border-radius: 4px;"> | 
|---|
|  |  |  | <!-- <ng-template #dateCell let-day> | 
|---|
|  |  |  | <div style="width: 22px;height: 22px;display: block;position: absolute; background-color: red;"> | 
|---|
|  |  |  | <nz-card [nzBordered]="false"> | 
|---|
|  |  |  | <nz-calendar [nzLocale]="'zh-cn'" > | 
|---|
|  |  |  | <ng-template #dateCell let-day> | 
|---|
|  |  |  | <div *ngIf="!isExpire(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> --> | 
|---|
|  |  |  | </ng-template> | 
|---|
|  |  |  | </nz-calendar> | 
|---|
|  |  |  | </nz-card> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div nz-col nzXs="24" nzSm="12" nzMd="24" nzLg="15"> | 
|---|