<wrapper>
  <popup-container
    show="{{show}}"
    title="选择时间段"
    onClose="onPopupClose"
  >
    <view class="hospital-num-time-range">
      <view class="time-range">
        {{ rangeItem.date }}（{{ rangeItem.week }}）{{ rangeItem.name }}  ¥{{ rangeItem.min }}
      </view>
      <view class="time-range-content" >
        <view class="time-range-item " a:for="{{ rangeItem.list || [] }}" >
          <view class="time" onTap="onItemTap">
            {{ item.orderNo ? item.orderTime : `${item.sTime} ~ ${item.eTime}` }}
          </view>
          <view class="num-center">
            <text>{{ item.orderNo ? `诊号【${item.orderNo}】` : `剩余 ${item.remain}` }}</text>
          </view>
          <view class="follow-button" data-item="{{ item }}" onTap="onItemTap" a:if="{{ item.availableLeftNum > 0 }}">预约</view>
          <view class="follow-button disabled"  a:if="{{ item.availableLeftNum <= 0 }}">约满</view>
          </block>
      </view>
      <view a:if="{{ !rangeItem || !rangeItem.list || (rangeItem.list && rangeItem.list.length <= 0) }}" class="time-range-item-empty"  >
        暂无预约挂号
      </view>
    </view>
  </popup-container>
</wrapper>
