<!--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" isStore="{{data.isOffline === 'Y'}}" 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.priceInfo.activityCutPrice}}">
    <block wx:if="{{data.priceInfo.activityCutPrice != '0.00' && data.priceInfo.activityCutPrice != '0'}}">
      <text class='order-detail-sum-grey-txt'>活动优惠：</text>
      <text class='order-detail-sum-grey-txt'>-¥{{data.priceInfo.activityCutPrice}}</text>
    </block>
  </view>
  <block  wx:if="{{data.isOffline !== 'Y'}}">
    <view class='order-detail-count-view'>
    <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' wx:if="{{data.priceInfo.shippingCouponCutPrice && data.priceInfo.shippingCouponCutPrice != '0.00' && data.priceInfo.shippingCouponCutPrice != '0'}}">
    <text class='order-detail-sum-grey-txt'>运费券：</text>
    <text class='order-detail-sum-grey-txt'>-¥{{data.priceInfo.shippingCouponCutPrice}}</text>
  </view>
  </block>
    
    <view class='order-detail-count-view' wx:if="{{data.priceInfo.cutPromotionPrice}}">
      <block wx:if="{{data.priceInfo.cutPromotionPrice != '0.00' && data.priceInfo.cutPromotionPrice != '0'}}">
        <text class='order-detail-sum-grey-txt'>促销</text>
        <text class='order-detail-sum-grey-txt'>-¥{{data.priceInfo.cutPromotionPrice}}</text>
      </block>
    </view>
  <view class='order-detail-count-view' wx:if="{{data.priceInfo.couponCutPrice}}">
    <block wx:if="{{data.priceInfo.couponCutPrice != '0.00' && data.priceInfo.couponCutPrice != '0'}}">
      <text class='order-detail-sum-grey-txt'>优惠券：</text>
      <text class='order-detail-sum-grey-txt'>-¥{{data.priceInfo.couponCutPrice}}</text>
    </block>
  </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 && item.code !== "cancel_order" && item.code !== "del_order" ? "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>
<cancel-order-dialog show-confirm="{{cancelConfirm}}" order-code="{{cancelOrderCode}}"
                     nav-back="{{navBack}}"></cancel-order-dialog>