index.wxml 4.52 KB
<!--dist/pages/orderDetail/index.wxml-->
<scroll-view class='order-detail-scrool-view'>
  <text class='order-detail-status-title-txt'>{{data.statusDetail.statuStr}}</text>
  <view class='order-detail-time-view' wx:if="{{timer}}">
    <image class='order-detail-time-image' src='../../assets/images/time@3x.png'></image>
    <text class='order-detail-count-down-txt'>{{timer}}</text>
  </view>
  <view>
  <text class='order-detail-tips-txt' wx:if="{{data.statusDetail.detailDesc}}">{{data.statusDetail.detailDesc}}</text>
  </view>
  <view class='order-detail-split-line'></view>
  <view class='order-detail-logistics-view' wx:if="{{data.lastExpressInfo}}" bindtap='onClickLogistics' data-order-code='{{data.orderCode}}'>
    <view class='order-detail-logistics-info-view'>
      <image class='order-detail-address-image' src='../../assets/images/express_info@2x.png'></image>
      <view class='order-detail-logistics-dec-view'>
      <text class='order-detail-logistics-dec-txt'>{{data.lastExpressInfo.acceptRemark}}</text>
      <text class='order-detail-tips-txt'>{{data.lastExpressInfo.createTimeStr}}</text>
      </view>
    </view>
    <image class='order-detail-right-arrow-image' src='../../assets/images/right-arrow@3x.png'></image>

  </view>
  <view class='order-detail-split-line' wx:if="{{data.lastExpressInfo}}"></view>

  <!-- 地址信息 -->
  <view class='order-detail-address-view'>
    <image class='order-detail-address-image' src='../../assets/images/noad@2x.png'></image>
    <view class='order-detail-address-info-view'>
      <text class='order-detail-address-user-name-txt'>{{data.userAddress.consignee}}</text>
      <text class='order-detail-address-detail-info-txt'>{{data.userAddress.area}}{{data.userAddress.address}}</text>
      <text class='order-detail-address-phone-num-txt'>{{data.userAddress.mobile}}</text>
    </view>
  </view>
  <view class='order-detail-split-line'></view>
  <orderproductinfo id="orderproductinfo" product-info="{{data.goodsInfo}}" bindtap='onClickProduct' />
  <view class='order-detail-split-line'></view>
  <view class='order-detail-count-view' style='margin-top:28rpx;'>
    <text class='order-detail-sum-grey-txt'>商品金额:</text>
    <text class='order-detail-sum-grey-txt'>¥{{data.priceInfo.goodPrice}}</text>
  </view>
  <view class='order-detail-count-view' wx:if="{{data.isOffline !== 'Y'}}">
    <text class='order-detail-sum-grey-txt'>运费:</text>
    <text class='order-detail-sum-grey-txt'>¥{{data.priceInfo.feePrice}}</text>
  </view>
  <view class='order-detail-count-view'>
    <text class='order-detail-sum-black-txt'>实际金额:</text>
    <text class='order-detail-sum-red-txt'>¥{{data.priceInfo.realPayPrice}}</text>
  </view>
  <view class='order-detail-split-line'></view>
  <view class='order-detail-create-time-view'>
    <text class='order-detail-create-time-txt'>创建时间:</text>
    <text class='order-detail-create-time-txt'>{{data.submitOrderTimeStr}}</text>
  </view>
  <view class='order-detail-order-code-view'>
    <text class='order-detail-create-time-txt'>订单编号:</text>
    <text class='order-detail-create-time-txt' wx:if="{{data.isOffline !== 'Y'}}">{{data.orderCode}}</text>
    <text class='order-detail-create-time-txt' wx:else>{{data.orderCode}} (门店订单)</text>
    <image class='order-detail-order-copy-image' bindtap='onCopyOrderCode' src='../../assets/images/copyordercode@3x.png'></image>
  </view>
  <view wx:if='{{data.payment}}' class='order-detail-pay-mode-view'>
    <text class='order-detail-create-time-txt'>支付方式:</text>
    <text class='order-detail-create-time-txt'>{{data.paymentStr}}</text>
  </view>
  <view class='order-detail-split-line'></view>
</scroll-view>
<view class='order-detail-bottom-action-view' wx:if='{{data.buttons.length > 0}}'>
<!-- <orderdetailaction id="orderdetailaction" buttons="{{buttons}}" order-code="orderCode" real-price="{{priceInfo.realPayPrice}}" product-id='{{goodsInfo.productId}}'/> -->
<view class='order-detail-bottom-realprice-view' >
    <text class='order-action-pay-amount-txt'>¥{{data.priceInfo.realPayPrice}}</text>
    <text class='order-daction-pay-amount-title-txt'>实付金额</text>
  </view>
  <view class='order-detail-bottom-button-view'>
    <block wx:for='{{data.buttons}}' wx:key='{{index}}'>
    <button class='{{index == lastIndex ? "order-detail-bottom-selected-button":"order-detail-bottom-unselected-button"}}' catchtap='onButtonClick' data-button-code='{{item.code}}' data-order-code='{{data.orderCode}}' data-product-id='{{data.goodsInfo.productId}}'>{{item.text}}</button>
  </block>
  </view>
</view>