health.applet/miniprogram/module/article/pages/order-list/order-list.wxml

<!--module/diet/pages/delivery-address/delivery-address.wxml-->
<t-navbar title="我的订单" left-arrow />
<t-tabs value="{{currentTab}}" bindchange="onTabChange">
  <t-tab-panel label="全部" value="all" />
  <t-tab-panel label="待付款" value="pending" />
  <t-tab-panel label="待收货" value="received" />
  <t-tab-panel label="交易成功" value="completed" />
</t-tabs>

<scroll-view class="page-scroll__container" scroll-y>
  <block wx:for="{{orders}}" wx:key="id">
    <view class="order-card" bindtap="onOrderDetail" data-id="{{item.id}}" data-status="{{item.status}}">
      <view class="order-header">
        <view>
          <text wx:if="{{false}}">订单编号：{{item.orderId}}</text>
        </view>
        <text class="order-status {{statusClassObj[item.orderStatus]}}">{{statusObj[item.orderStatus]}}</text>
      </view>
      <view class="order-user" data-status="{{item.orderStatus}}" catchtap="changeAddress" data-id="{{item.id}}">
        <view class="contact"><view class="name" wx:if="item.liaison">{{item.liaison}}</view>  <view wx:if="{{item.phone}}">{{item.phone}}</view> </view>
        <view wx:if="{{item.address}}">{{item.address || ''}}</view>
      </view>
      <view class="order-body">
        <image src="{{item.photo}}" class="order-img" wx:if="{{item.photo}}" />
        <view class="order-info">
          <text class="order-title">{{item.conditioningWrapName || ''}}</text>
          <text class="order-doctor" wx:if="{{item.operateBy}}">开具医生：<text style="color:black">{{item.operateBy}}</text></text>
          <text class="order-time" wx:if="{{item.operateTime}}">开具时间：<text style="color:black">{{item.operateTime}}</text></text>
        </view>
      </view>

      <view class="line"></view>
      <view class="order-footer">
        <view class="order-price">订单金额：<text class="order-amount">￥{{item.cost}}</text></view>

        <view class="order-actions">
          <!-- 按状态显示不同按钮 -->
          <t-button wx:if="{{item.orderStatus==='0'}}" size="small" type="default" class="outline-btn cancel" bindtap="onCancel" data-id="{{item.id}}">
            取消订单
          </t-button>
          <t-button wx:if="{{item.orderStatus==='0'}}" size="small" type="primary" bindtap="onPay" class="outline-btn" data-id="{{item.id}}" loading="{{paying}}" disabled="{{paying}}">
            立即支付
          </t-button>
          <t-button wx:if="{{item.orderStatus==='6' || item.orderStatus==='345'}}" size="small" type="default" class="outline-btn cancel" bindtap="onSeeLogistics" data-id="{{item.id}}">
            查看物流
          </t-button>
          <t-button wx:if="{{item.orderStatus==='6'}}" size="small" type="default" class="outline-btn" bindtap="onConfirmReceiving" data-id="{{item.id}}">
            确认收货
          </t-button>

        </view>
      </view>
    </view>
  </block>
  <block wx:if="{{orders.length === 0}}">
    <t-empty icon="info-circle-filled" description="暂无数据" />
  </block>
  <t-dialog visible="{{showConfirm}}" content="确定要取消订单吗？" confirm-btn="{{ { content: '取消订单', variant: 'base', theme: 'primary' } }}" cancel-btn="再想想" bind:confirm="confirmCancelDialog" bind:cancel="closeDialog" />
</scroll-view>

<view style="height: {{container.safeBottomOffset}}px;flex: none;"></view>