<div class="todo_wrapper">
  <div class="top">
    <div class="head">
      <h3 (click)="goBack()" style="position: absolute;left: 10px;">&lt;</h3>
      <h3>今日任务</h3>
      <div id="add_calendar_wrapper" style="position: absolute;right: 0;">
        <List className="calendar-list" style="backgroundColor: 'white'">
          <ListItem (onClick)="clickCalendar()">
            <div style="display: flex;height: 100%;align-items: center;">
              {{this.trackTime.substring(5,7)}}月
              <img src="assets/images/calendar_icon.png" alt="日历">
            </div>
           
          </ListItem>
        </List>
        <Calendar [(ngModel)]="this.state.date"
                  [visible]="this.state.show"
                  [getDateExtra]="this.state.getDateExtra"
                  [defaultDate]="this.state.now"
                  [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)"
        ></Calendar>
      </div>
    </div>
    <ul class="week">
      <li *ngFor="let weekItem of weekArr;index as i;" [ngClass]="{'selected':weekItem.date == trackTime}" (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">
      <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" >
            <div class="content_wrapper">
              <div class="content_card" (click)="editeTask(taskItem,'edit')">
                <span>{{taskItem.taskTimeFrom}} - {{taskItem.taskTimeEnd}}</span>
                <div class="todo_title">
                  <span *ngIf="taskItem.taskImportantTag==1">(重要)</span>
                  {{taskItem.mdDropOptionName}}
                </div>
                <div *ngIf="taskItem.name || taskItem.mobileNo" style="margin: 5px auto;">
                 <span *ngIf="taskItem.name">{{taskItem.name}} - </span> 
                  {{replaceStr(taskItem.mobileNo)}}
                </div>
                <div class="notice">
                  {{taskItem.notice}}
                </div>
              </div>
              <div class="red" *ngIf="taskItem.taskImportantTag==1"></div>
              <div class="iconfont icon-shanchu1" (click)="editeTask(taskItem,'delete')"></div>
            </div>
            
          </li>
        </ul>
      </div>
    </div>
    <div class="addBtn"  [ngStyle]="{'background':taskList?.length? '#ff002b' : '#eb6100'}" [routerLink]="['/addtask']">
      <i class="iconfont icon-jiahao" (click)="removeTaskInfo()"></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>