wxhuanart/miniprogram/pages/mine/myorder/detail/index.wxml

<view class="card">
  <view class="t-cell py-6" style="gap:10rpx;">
    <t-icon name="cdone" prefix="hn" size="60rpx" />
    <view class="flex-1 text-md text-bold">{{status.orderStatus}}</view>
    <view class="text-xs">
      <view>
        订单编号：{{status.orderCode}}
      </view>
      <view>
        下单时间：{{orderDate}}
      </view>
    </view>
    <t-icon name="ccopy" prefix="hn" t-class="text-lg" data-code="{{status.orderCode}}" catchtap="onCopyCode" />
  </view>
</view>
<t-divider />
<view class="card">
  <t-addritem custom-icon="chevron-right" isDrawLine="{{false}}" isEdit="{{false}}" extra-space="{{false}}" isManage="{{false}}" address="{{address}}" data-id="{{address.id}}" bind:onSelect="gotoAddr" />
  <view class="borderbottom" />
  <view class="t-table">
    <view class="t-cell">
      <view class="t-cell-title">配送时间</view>
      <view class="t-cell-value">工作日、双休日与节假日均可送货</view>
    </view>
    <view class="t-cell" wx:if="{{pay}}">
      <view class="t-cell-title">支付方式</view>
      <view class="t-cell-value">{{pay.mode}}</view>
    </view>
    <view class="t-cell" wx:if="{{price}}">
      <view class="t-cell-title">订单总额</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.orderPrice}}" fill="{{false}}" />
      </view>
    </view>
  </view>
</view>
<t-divider />
<view class="card t-table" style="padding: 40rpx 0;">
  <block wx:for="{{items}}" wx:for-item="product" wx:for-index="idx" wx:key="idx">
    <view class="t-wrap">
      <t-image mode="aspectFill" src="{{product.imageUrl}}" t-class="skuimage" />
      <view class="skudetail">
        <view class="skutitle">{{product.goodSkuTitle}}</view>
        <view class="skuspecs">
          {{product.goodSpuTitle}}
        </view>
        <view class="skuprice">
          <n-price wr-class="boldprice" price="{{product.perPrice || 0}}" fill="{{false}}" />
          <view>数量：{{product.num}}</view>
        </view>
      </view>
    </view>
    <view class="borderbottom" wx:if="{{idx + 1 < items.length}}" style="margin: 26rpx 30rpx;" />
  </block>
</view>
<view class="card">
  <view class="d-flex justify-content-end pr-3 pb-3">
    <t-button size="small" icon="chat">联系业务员</t-button>
  </view>
</view>
<t-divider />
<view class="card">
  <view class="t-table">
    <view class="t-cell">
      <view class="t-cell-title">
        共{{items && items.length}}件商品</view>
    </view>
  </view>
  <view class="borderbottom" />
  <view class="t-table" wx:if="{{price}}">
    <view class="t-cell">
      <view class="t-cell-title">商品总额</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.orderPrice || '0'}}" fill="{{false}}" />
      </view>
    </view>
    <view class="t-cell">
      <view class="t-cell-title">折扣金额</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.discountPrice || '0'}}" fill="{{false}}" />
      </view>
    </view>
    <view class="t-cell">
      <view class="t-cell-title">优惠券抵扣</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.couponPrice || '0'}}" fill="{{false}}" />
      </view>
    </view>
    <view class="t-cell">
      <view class="t-cell-title">运费</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.tracePrice || '0'}}" fill="{{false}}" />
      </view>
    </view>
  </view>
  <view class="borderbottom" />
  <view class="t-table">
    <view class="t-cell">
      <view class="t-cell-title">应付总额</view>
      <view class="t-cell-value">
        <n-price wr-class="boldprice" price="{{price.payPrice || '0'}}" fill="{{false}}" />
      </view>
    </view>
  </view>
</view>
<view class="buybar">
  <view class="fixbar">
    <view class="btn-list" style="gap:16rpx;">
      <!-- <t-button size="extra-small" bindtap="onConfirm">评价</t-button>
      <t-button size="extra-small" bindtap="onConfirm">查看物流</t-button> -->
      <t-button theme="danger" size="extra-small" bindtap="onRebuy">再次购买</t-button>
    </view>
  </view>
</view>
<t-toast id="t-toast" />
<n-wait loading="{{wait}}" />
<t-dialog visible="{{showConfirm}}" t-class-confirm="text-black" title="操作确认" content="是否将订单商品重新加入购物车？" confirm-btn="确认" cancel-btn="取消" bind:confirm="confirmDialog" bind:cancel="closeDialog" />