th_net_hospital_ali_mp/antbuilder/industry/hospitalV2/components/booking-detail/index.axml

<view class="booking-detail-container">
  <view class="booking-detail-head"></view>
  <view class="booking-detail-content">
    <!-- 预约成功 -->
    <title-layout>
      <view class="detail-icon" slot="content">
        <am-icon type="check_" size="40" color="#22b35e" />
        <text class="text">预约成功</text>
        <mas-qrcode code="{{result.qrCode}}" className="code" />
      </view>
      <view slot="content" class="detail-list">
        <view class="item">
          <text>就诊人</text>
          <view class="label">
            {{`${result.userName}，${result.age}，${result.sex}`}}
          </view>
        </view>
        <view class="item">
          <text>就诊时间</text>
          <view class="label">{{result.timeRange || '-'}}</view>
        </view>
        <view class="item">
          <text>就诊医院</text>
          <view class="label">{{result.districtName || '-'}}</view>
        </view>
        <!-- <text>（{{type}}）</text> -->
        <view class="item">
          <text>检查费用</text>
          <view class="label">¥ {{result.amount || '-'}}</view>
        </view>
      </view>
      <view a:if="{{type === '未支付'}}" slot="content" class="not-pay-attention">
        <am-icon type="warn_" size="20" color="#ff6010" />
        <text class="attention-text">{{hospitalInfo.offLinePayNotice}}</text>
      </view>
    </title-layout>

    <!-- 注意事项 -->
    <title-layout title="注意事项">
      <view slot="content">
        <text>{{hospitalInfo.notice}}</text>
      </view>
    </title-layout>

    <!-- 如何到院 -->
    <title-layout title="如何到院">
      <view slot="content">{{hospitalInfo.toHospital}}</view>
      <view class="btn" slot="btn" data-url="{{hospitalInfo.toHospitalUrl}}" onTap="handleOpenCheck">查看路线</view>
    </title-layout>

    <!-- 取消预约 -->
    <view class="cancel-booking">
      <button class="button" onTap="handleBack">返回</button>
      <button class="button" onTap="handleCancelBook">取消预约</button>
    </view>
  </view>
</view>