ai_dianshang/miniprogram/pages/order/order-detail/index.wxml

<t-pull-down-refresh id="t-pull-down-refresh" bindrefresh="onPullDownRefresh_" t-class-indicator="t-class-indicator">
  <!-- 页面内容 -->
  <view class="order-detail">
    <view class="header">
      <view class="order-detail__header">
        <view class="title">{{_order.statusDesc}}</view>
        <view class="desc">
          <block wx:if="{{ order.holdStatus === 1 }}">
            <block wx:if="{{ order.groupInfoVo.residueTime > 0 }}">
              拼团剩余
              <t-count-down
                time="{{order.groupInfoVo.residueTime}}"
                format="HH小时mm分ss秒"
                t-class="count-down"
                bindfinish="onCountDownFinish"
              />
              <view>过时自动取消</view>
            </block>
          </block>
          <block wx:elif="{{countDownTime === null}}">{{order.orderStatusRemark || ''}}</block>
          <block wx:elif="{{countDownTime > 0}}">
            剩
            <t-count-down
              time="{{countDownTime}}"
              format="HH小时mm分ss秒"
              t-class="count-down"
              bindfinish="onCountDownFinish"
            />
            支付，过时订单将会取消
          </block>
          <block wx:else>超时未支付</block>
        </view>
      </view>

      <!-- 物流 -->
      <view class="order-logistics" wx:if="{{logisticsNodes && logisticsNodes.length > 0}}" bindtap="onDeliveryClick">
        <t-icon name="deliver" size="40rpx" class="logistics-icon" prefix="wr" />
        <view class="logistics-content">
          <view>{{logisticsNodes[0] && logisticsNodes[0].desc || ''}}</view>
          <view class="logistics-time">{{logisticsNodes[0] && logisticsNodes[0].date || ''}}</view>
        </view>
        <t-icon class="logistics-back" name="arrow_forward" size="36rpx" prefix="wr" />
      </view>
      <view class="border-bottom" wx:if="{{logisticsNodes && logisticsNodes.length > 0}}" />
      <!-- 收货地址 -->
      <view class="order-logistics">
        <t-icon name="location" size="40rpx" class="logistics-icon" prefix="wr" />
        <view class="logistics-content">
          <view>{{(order.logisticsVO && order.logisticsVO.receiverName) || '收货人'}} {{(order.logisticsVO && order.logisticsVO.receiverPhone) || ''}}</view>
          <view class="logistics-time">{{_order.receiverAddress || '收货地址'}}</view>
        </view>
        <view wx:if="{{addressEditable}}" class="edit-text" bindtap="onEditAddressTap"> 修改 </view>
      </view>
    </view>
    <!-- 店铺及商品 -->
    <order-card order="{{_order}}" use-top-right-slot>
      <order-goods-card
        wx:for="{{_order.goodsList}}"
        wx:key="id"
        wx:for-item="goods"
        wx:for-index="gIndex"
        goods="{{goods}}"
        no-top-line="{{gIndex === 0}}"
        bindtap="onGoodsCardTap"
        data-index="{{gIndex}}"
      >
        <order-button-bar
          slot="append-card"
          class="goods-button-bar"
          order="{{_order}}"
          bindrefresh="onRefresh"
          goodsIndex="{{gIndex}}"
        />
      </order-goods-card>
      <view class="pay-detail">
        <view class="pay-item">
          <text>商品总额</text>
          <price fill decimalSmaller priceUnit="yuan" wr-class="pay-item__right font-bold" price="{{order.totalAmount || '0'}}" />
        </view>
        <view class="pay-item">
          <text>运费</text>
          <view class="pay-item__right font-bold">
            <block wx:if="{{order.freightFee}}">
              +
              <price fill decimalSmaller priceUnit="yuan" price="{{order.freightFee}}" />
            </block>
            <text wx:else>免运费</text>
          </view>
        </view>
        <view class="pay-item">
          <text>活动优惠</text>
          <view class="pay-item__right primary font-bold">
            -
            <price fill priceUnit="yuan" price="{{order.discountAmount || 0}}" />
          </view>
        </view>
        <view class="pay-item">
          <text>优惠券</text>
          <view class="pay-item__right" catchtap="onOpenCoupons">
            <block wx:if="{{order.couponAmount && order.couponAmount != '0.00' && order.couponAmount > 0}}">
              -
              <price fill decimalSmaller priceUnit="yuan" price="{{order.couponAmount}}" />
            </block>
            <text wx:else>无可用</text>
            <!-- <t-icon name="chevron-right" size="32rpx" color="#BBBBBB" /> -->
          </view>
        </view>
        <view class="pay-item">
          <text>{{isPaid ? '实付' : '应付'}}</text>
          <price
            fill
            decimalSmaller
            priceUnit="yuan"
            wr-class="pay-item__right font-bold primary max-size"
            price="{{order.paymentAmount || '0'}}"
          />
        </view>
      </view>
    </order-card>
    <view class="pay-detail padding-inline">
      <view class="pay-item">
        <text>订单编号</text>
        <view class="pay-item__right" bindtap="onOrderNumCopy">
          <text class="order-no">{{order.orderNo}}</text>
          <view class="pay-item__right__copy">复制</view>
        </view>
      </view>
      <view class="pay-item">
        <text>下单时间</text>
        <view class="pay-item__right">
          <text class="order-no normal-color">{{formatCreateTime}}</text>
        </view>
      </view>
      <view class="border-bottom border-bottom-margin" />
      <view class="pay-item">
        <text>发票</text>
        <view class="pay-item__right" bindtap="onOrderInvoiceView">
          <text class="order-no normal-color">{{invoiceType}}</text>
          <view class="pay-item__right__copy">查看</view>
        </view>
      </view>
      <view class="pay-item">
        <text>备注</text>
        <view class="pay-item__right">
          <text class="order-no normal-color">{{order.remark || '-'}}</text>
        </view>
      </view>
      <view class="border-bottom border-bottom-margin" />
      <view class="pay-service" wx:if="{{storeDetail && storeDetail.storeTel}}" catch:tap="clickService">
        <t-icon name="service" size="40rpx" />
        <text decode="{{true}}">&nbsp;联系客服</text>
      </view>
    </view>
  </view>
  <!-- 底部操作栏 -->
  <view class="order-detail__bottom-bar" wx:if="{{order.buttonVOs && order.buttonVOs.length > 0}}">
    <view class="order-detail__bottom-bar-content">
      <view
        wx:for="{{order.buttonVOs}}"
        wx:key="type"
        class="order-detail__bottom-bar-btn {{item.primary ? 'primary' : 'secondary'}}"
        data-type="{{item.type}}"
        bindtap="onOrderButtonTap"
      >
        {{item.name}}
      </view>
    </view>
  </view>
</t-pull-down-refresh>
<t-toast id="t-toast" />
<t-dialog id="t-dialog" />