<ion-header>
  <ion-navbar>
    <ion-title text-center>外出报备详情</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="content">
  <ion-list>
    <ion-item>
      <ion-label>离沪日期</ion-label>
      <ion-datetime  
            displayFormat="YYYY-MM-DD" 
            pickerFormat="YYYY-MM-DD" 
            cancelText="取消" 
            doneText="确定" 
            [(ngModel)]="temp_userpre.leaveDate" 
            placeholder="{{temp_userpre.leaveDate}}"
            min="2018"max="2019-12-31">
      </ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label>回沪日期</ion-label>
      <ion-datetime  
            displayFormat="YYYY-MM-DD" 
            pickerFormat="YYYY-MM-DD" 
            cancelText="取消"
            doneText="确定" 
            [(ngModel)]="temp_userpre.backDate" 
            placeholder="{{temp_userpre.backDate}}"
            min="2018"max="2019-12-31">
      </ion-datetime>
    </ion-item>

    <ion-item>
      <div class="report-item">
        <div>外出地点</div>
        <img class="add" src="./assets/imgs/add.png" (click)="addAddress()">
      </div>
    </ion-item>

    <ion-item *ngFor="let city of allselectedCity">
      <div class="report-item">
        <div class="address-item-title">
          <img class="delete" src="./assets/imgs/wrong.png" (click)="deleteAddress(city.id)">
          <div *ngIf="city.inorout == 1">国内 </div>
          <div *ngIf="city.inorout == 2">国际/港澳台</div>
        </div>
        <div class="address-item-content">
          {{city.areaName}}
        </div>
      </div>
    </ion-item>

    <ion-item>
      <ion-label style="font-size: 1.7rem" stacked>离沪说明</ion-label>
      <ion-textarea placeholder="请输入" [(ngModel)]="temp_userpre.managerDesc"></ion-textarea>
    </ion-item>
  </ion-list>
  <button ion-button block class="save" (click)="saveFieldValue()">保存</button>
</ion-content>