<div>
  <List [renderHeader]=(renderHeader) [renderFooter]=(renderFooter)>

    <ListItem Picker [extra]="checkStaOrg" [arrow]="'horizontal'" [data]="checkStaDic" [(ngModel)]="checkStaOrg"
      (ngModelChange)="inputChange($event,'checkSta','checkSta')">
      盘点状态
    </ListItem>

    <ListItem [extra]="search.endDate" [arrow]="'horizontal'" (onClick)="showDate('endDate')">
      {{'结束时间'}}
    </ListItem>

    <ListItem Picker [extra]="inventoryTypeOrg" [arrow]="'horizontal'" [data]="inventoryTypeDic"
      [(ngModel)]="inventoryTypeOrg" (ngModelChange)="inputChange($event,'inventoryType','inventoryType')">
      盘点类型
    </ListItem>

    <ListItem [extra]="search.beginDate" [arrow]="'horizontal'" (onClick)="showDate('beginDate')">
      {{'开始时间'}}
    </ListItem>

    <ListItem>
       <a Button [routerLink]="['../checkPlanAdd','fb80bc516677459ab2b43d709e335cb7','']" [type]="'primary'" style="margin-right: 2.5px;" [size]="'small'"
        [inline]="true">
        添加
      </a> 
      <a Button [routerLink]="['../checkPlanAdd','fb80bc516677459ab2b43d709e335cb7','8aa21def41aa4b1ba9101fe8e2f78f13']" [type]="'primary'" style="margin-right: 2.5px;" [size]="'small'"
        [inline]="true">
        测试手动盘点
      </a> 
      <a Button [type]="'primary'" [size]="'small'" [inline]="true" (onClick)="doSearch(search)">
        提交
      </a>
      <a Button style="margin-left: 2.5px;" [size]="'small'" [inline]="true" (onClick)="onReset()">
        重置
      </a>

    </ListItem>
  </List>
</div>

<ListItem *ngFor="let row of table.rows" multipleLine>
  <div [ngClass]="{'list-content':!row.showAll}">
    <p>盘点状态:{{row.checkSta}}</p>
    <p>结束时间:{{row.endDate}}</p>
    <p>附件:{{row.accessory}}</p>
    <p>备注信息:{{row.remarks}}</p>
    <p>盘点单号:{{row.invoicesNum}}</p>
    <p>盘点类型:{{row.inventoryType}}</p>
    <p>盘点人:{{row.checkUser? row.checkUser.name:""}}</p>
    <p>开始时间:{{row.beginDate}}</p>
    <p>事项名称:{{row.name}}</p>
  </div>
  <div Button [type]="'primary'" (click)="goAssetsList(row.id)" [inline]="true" class="list-detail" [size]="'small'">下一步
  </div>
  <div (click)="row.showAll=!row.showAll" class="list-more am-list-arrow"
    [ngClass]="row.showAll?'am-list-arrow-vertical-up':'am-list-arrow-vertical'"></div>
</ListItem>

<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>