fengxiang
2018-07-30 af9fa5a094ca652293a890f06634b59c955e1067
src/app/routes/statistics/calendar/calendar.component.html
@@ -2,12 +2,19 @@
<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;">
                    </div>
                </ng-template> -->
            </nz-calendar>
            <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>
                </nz-calendar>
            </nz-card>
        </div>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="24" nzLg="15">