<view class="preview_record_detail_container">
    <list className="list">
      <list-item wrap="{{true}}" a:if="{{showStatus}}">
        <text>预约状态</text>
        <view slot="extra">
          <view a:if="{{detail.status === 0}}">待支付</view>
          <view a:elif="{{detail.status === 1}}">预约成功</view>
          <view a:elif="{{detail.status === 7}}">已就诊</view>
          <view a:elif="{{detail.status === 8}}">过期未就诊</view>
          <view a:elif="{{detail.status === 9}}">已取消</view>
          <view a:else>其他</view>
        </view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>就诊人</text>
        <view slot="extra">{{detail ? detail.userName : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>就诊卡卡号</text>
        <view slot="extra">{{detail ? detail.viewCardNum : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>科室</text>
        <view slot="extra">{{detail ? detail.depName : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>就诊时间</text>
        <view slot="extra">{{detail.timeRange ? detail.timeRange : detail.visitTime}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>医生</text>
        <view slot="extra">{{detail ? detail.doctorName : ""}}</view>
      </list-item>
    </list>
    <view style="height: 24rpx;"></view>
    <list className="list" a:if="{{detail.status || detail.status === 0}}">
      <list-item wrap="{{true}}">
        <text>排队号</text>
        <view slot="extra">{{detail ? detail.queueNum : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>订单时间</text>
        <view slot="extra">{{detail ? detail.createTime : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>订单状态</text>
        <view slot="extra" a:if="{{detail}}">
          <text a:if="{{detail.status === 0}}">待支付</text>
          <text a:elif="{{detail.status === 1}}">已支付</text>
          <text a:elif="{{detail.status === 9}}">已取消</text>
        </view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>支付方式</text>
        <view slot="extra">{{detail ? detail.payType : ""}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>支付金额</text>
        <view slot="extra">{{detail && detail.amount ? detail.amount : "¥0.00"}}</view>
      </list-item>
      <list-item wrap="{{true}}">
        <text>支付流水号</text>
        <view slot="extra">{{detail ? detail.orderId : ""}}</view>
      </list-item>
    </list>
    <hj-bar-qr-code
      a:if="{{detail.qrCode}}"
      value="{{detail.qrCode}}"
      showBarcode="{{false}}"
    />
    <view a:if="{{detail.status === 1 || detail.status === 0}}" class="btn_container">
      <button type="primary" onTap="cancelOrder">取消预约</button>
    </view>
</view>
