<ion-content
  class="info-display-content"
  scroll="true"
  scrollbar-y="false"
  sino-scroll-delegate>
  <ion-refresher on-refresh="infoCardCtrl.refresh()"></ion-refresher>

  <sino-loading-hint refresh="infoCardCtrl.loadData()" state="infoCardCtrl.loadingState">
    <div ng-repeat="item in dataList.list">
      <div class="card" style="padding: 0 16px;">
        <div class="list">
          <label class="item item-input item-cggs">
            <span class="input-label">姓名：</span>
            <p class="item-input-text">{{::item.userName}}</p>
          </label>
          <label class="item item-input item-cggs">
            <span class="input-label">单位：</span>
            <p class="item-input-text">{{::item.deptName}}</p>
          </label>
          <label class="item item-input item-cggs" ng-if="item.duty">
            <span class="input-label">职务：</span>
            <p class="item-input-text">{{::item.duty}}</p>
          </label>
          <label class="item item-input item-cggs">
            <span class="input-label">事由：</span>
            <p class="item-input-text">{{::item.evectionTask}}</p>
          </label>
          <label class="item item-input item-cggs">
            <span class="input-label">地点：</span>
            <p class="item-input-text">{{::item.evectionZone}}</p>
          </label>
          <label class="item item-input item-cggs">
            <span class="input-label">出差时段：</span>
            <p class="item-input-text">{{::item.dateStr}}</p>
          </label>
          <label class="item item-input item-cggs">
            <span class="input-label">出差中：</span>
            <p class="item-input-text">{{::item.isEvection}}</p>
          </label>
        </div>
      </div>
    </div>
  </sino-loading-hint>

  <ion-infinite-scroll ng-if="infoCardCtrl.moreDataCanBeLoaded()" on-infinite="infoCardCtrl.loadMore()" distance="1%" immediate-check="false">
  </ion-infinite-scroll>
</ion-content>
