tourism-wxapp/nova-tourism/pages/my/my-order/order-detail/index.wxml

<!--nova-tourism/pages/my/my-order/order-detail/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="订单详细" />
<view class="all" style="height: {{contentHeight}}rpx;">
  <view class="title" wx:if="{{roomList.status==100}}">订单处理中</view>
  <view class="title" wx:if="{{roomList.status==200}}">订单进行中</view>
  <view class="title" wx:if="{{roomList.status==800}}">订单已完成</view>
  <view class="cardbox">
    <block wx:if="{{value=='民宿'}}">
      <view class="title2">{{roomList.shopStore.storeName}}</view>
      <view class="roombox">
        <image src="{{roomList.room.images[0]}}"></image>
        <view class="room">
          <view class="room-name">{{roomList.room.name||''}} - {{statusMap[roomList.status]}}</view>
          <view class="room-tag">
            <block wx:for="{{roomList.room.tags}}" wx:key="index">
              {{item}}
            </block>
          </view>
          <view class="room-text">{{roomList.tiem}}</view>
        </view>
      </view>

      <view class="textbox">
        <view class="text1">
          <view class="tex1">实付款</view>
          <view class="tex2">￥{{roomList.price}}</view>
        </view>
        <view class="text1" bind:tap="openQr" wx:if="{{roomList.status=='100'||roomList.status=='200'}}">
          <view class="tex1">出具二维码</view>
          <view class="tex3">
            <van-icon name="arrow" />
          </view>
        </view>
        <view class="text1">
          <view class="tex1">订单编号</view>
          <view class="tex3">
            <view class="tex3-1">{{roomList.orderNum}} |</view>
            <view class="tex3-2" bindtap="copyOrderNum">复制</view>
          </view>
        </view>
        <!-- <view class="text1">
          <view class="tex1">付款时间</view>
          <view class="tex3">
            {{roomList.payTime}}
          </view>
        </view> -->
        <view class="text1">
          <view class="tex1">入住时间</view>
          <view class="tex3">
            {{roomList.startTime}}
          </view>
        </view>
        <view class="text1">
          <view class="tex1">离店时间</view>
          <view class="tex3">
            {{roomList.endTime}}
          </view>
        </view>
        <view class="text1">
          <view class="tex1">申请开票</view>
          <view class="tex3">
            本订单由商家开具，无法显示开票
          </view>
        </view>
        <view class="sumbitbox" wx:if="{{roomList.status==200}}">
          <view class="sumbit" bindtap="gourl">我要续住</view>
        </view>
      </view>
    </block>
  </view>
</view>


<van-popup closeable position="bottom" round show="{{ isQr }}" bind:close="closeQr">
  <view class="qr" style="height: 50vh;">
    <view class="title">订单二维码</view>
    <van-notice-bar color="#F37B40" background="#fff" left-icon="info-o" text="入住以及退房时请出示订单二维码" />
    <view class="image">
      <image src="{{qr||'https://file-cloud.fmode.cn/EbxZUK5lBI/20250412/6brmu4035238241.jpg'}}" mode="aspectFit" />
    </view>
  </view>
</van-popup>