<patient-tabs-pro
  className="line-up"
  hasFilter="{{ false }}"
  onFilter="onFilterHandel"
>
  <scroll-fetch
    ref="saveRef"
    slot-scope="props"
    onService="onService"
    emptyTitle="该就诊人暂无记录"
    height="{{ props.contentHeight }}"
    emptyMessage="你可以在顶部选择其他就诊人"
  >
    <view slot-scope="props" class="line-up-item">
      <view class="line-up-top">
        <view class="line-up-title">
          {{ props.item.title }}
          <text class="line-up-tip" a:if="{{ props.item.status === 'expired' }}">已过号，已为您重新排队</text>
        </view>
        <am-icon type="right" size="17" color="#999"/>
      </view>

      <view class="line-up-serial ringing" a:if="{{ props.item.status === 'ringing' }}">
        <text>正在叫号</text>
        <text class="line-up-l"></text>
        <text>{{ props.item.context }}</text>
      </view>

      <view class="line-up-serial {{ props.item.status }}" a:else>
        <text class="line-up-tip">{{ props.item.queueNum }}</text>号
        <block a:if="{{ ['expired', 'queuing'].includes(props.item.status) }}">
          <text class="line-up-l"></text>
          <text>前面候诊</text>
          <text class="line-up-tip">{{ props.item.leftover }}</text> 位
        </block>
      </view>

      <view class="line-up-row">
        <view class="line-up-label">就诊人</view>
        <view class="line-up-value">
          {{ props.item.name }}
          <text a:if="{{ props.item.sex }}">，{{ props.item.sex }}</text>
          <text a:if="{{ props.item.age }}">，{{ props.item.age }}岁</text>
        </view>
      </view>

      <view class="line-up-row">
        <view class="line-up-label">就诊科室</view>
        <view class="line-up-value">{{ props.item.doctorName }} | {{ props.item.depName }} | {{ props.item.doctorLevel }}</view>
      </view>

      <view class="line-up-row">
        <view class="line-up-label">地点</view>
        <view class="line-up-value">{{ props.item.address }} <text class="line-up-btn" data-url="https://hospitalupgrade-dev.alipay-eco.com/page/hospital-navigation.html" catchTap="toH5">查看路线</text></view>
      </view>
    </view>
  </scroll-fetch>
</patient-tabs-pro>
