<div class="todo_wrapper">
  <div class="top">
    <div class="head">
      <h3 (click)="goBack()">&lt;</h3>
      <h3>今日任务</h3>
      <div>日历</div>
    </div>
    <ul class="week">
      <li *ngFor="let weekItem of weekArr;index as i;"  [ngClass]="{'selected':weekItem.selected}" (click)="selectDay(weekItem)">
        <div>{{weekItem.day}}</div>
        <span>{{lifeCommonService.getWeek(weekItem.week)}}</span>
      </li>
    </ul>
  </div>
  <div class="task_wrapper">
    <div class="noTask" *ngIf="taskList?.length==0">
      <img src="assets/images/noListBg.png" >
    </div>
    <div class="taskList" *ngIf="taskList?.length>0">
      <div class="taskTime">
        <div class="title">时间</div>
        <ul>
          <li *ngFor="let taskTimeItem of taskTimeList">{{taskTimeItem.time}}</li>
        </ul>
      </div>
      <div class="taskContent">
        <div class="title">任务数量（{{taskList.length}}）</div>
        <ul>
          <li *ngFor="let taskItem of taskList">
            <span>{{taskItem.taskTimeFrom}} - {{taskItem.taskTimeEnd}}</span>
            <div class="todo_title">
              <span *ngIf="taskItem.taskImportantTag">(重要)</span>
              {{taskItem.mdDropOptionName}}
            </div>
            <div class="notice">{{taskItem.notice}}</div>
          </li>
        </ul>
      </div>
    </div>
    <div class="addBtn" (click)="addTask()" [ngStyle]="{'background':taskList?.length? '#ff002b' : '#eb6100','bottom':taskList?.length?'4%':'-15%'}" [routerLink]="['/addtask']">
      <i class="iconfont icon-jiahao" ></i>
    </div>
  </div>
  <!-- <Calendar [(ngModel)]="this.state.date"
                [locale]="this.state.en ? 'enUS' : 'zhCN'"
                [enterDirection]="this.state.enterDirection"
                [visible]="this.state.show"
                [getDateExtra]="this.state.getDateExtra"
                [defaultDate]="this.state.now"
                [minDate]="this.state.minDate"
                [maxDate]="this.state.maxDate"
                [pickTime]="this.state.pickTime"
                [type]="this.state.type"
                [rowSize]="this.state.rowSize"
                [showShortcut]="this.state.showShortcut"
                [infinite]="this.state.infinite"
                [defaultValue]="this.state.defaultValue"
                [onSelect]="this.state.onSelect"
                (onCancel)="triggerCancel()"
                (onConfirm)="triggerConfirm($event)"
                (onSelectHasDisableDate)="triggerSelectHasDisableDate($event)"
      ></Calendar> -->
</div>