<!--pages/order/detail.wxml-->

<view wx:if="{{ pageLoaded }}" class="page-view" style="{{ pageStyle }}">
  <view wx:if="{{ loadingFlag }}"></view>
  <view wx:elif="{{ errmsg }}" class="error">{{ errmsg }}</view>
  <block wx:else>
    <view class="typeinfos">
      <view>{{ title }}</view>
      <image class="icon" src="../../images/a/003.png"></image>
    </view>
    <mx-space/>
    <view class="prodlist">
      <view wx:for="{{ products }}" wx:key="id" class="proditem">
        <ProductItem model="{{ item }}" type="{{ type }}" />
      </view>
    </view>
    <mx-space/>
    <view class="payinfos">
      <view class="item">
        <view class="lbl">订单金额</view>
        <view class="val">￥{{ pay.amount }}</view>
      </view>
      <view class="item">
        <view class="lbl">会员价优惠</view>
        <view class="val">-￥{{ pay.vip }}</view>
      </view>
      <view class="item">
        <view class="lbl">促销优惠</view>
        <view class="val">-￥{{ pay.others }}</view>
      </view>
      <view class="item">
        <view class="lbl">积分抵扣</view>
        <view class="val">-￥{{ pay.score }}</view>
      </view>
      <view class="item">
        <view class="lbl">优惠券</view>
        <view class="val">-￥{{ pay.coupon }}</view>
      </view>
      <view class="item realpay">
        <view class="lbl">实际支付金额</view>
        <view class="val">￥{{ pay.real }}</view>
        <mx-border top />
      </view>
      <!-- <view class="item">
        <view class="lbl">会员卡支付</view>
        <view class="val">￥{{ pay.account }}</view>
      </view> -->
    </view>
    <mx-space/>
    <view class="orderinfos">
      <view class="item">
        <view class="lbl">订单编号：</view>
        <view class="val">{{ order.code }}</view>
      </view>
      <view class="item">
        <view class="lbl">下单时间：</view>
        <view class="val">{{ order.orderDate }}</view>
      </view>
      <view wx:if="{{order.takeDate}}" class="item">
        <view class="lbl">领取日期：</view>
        <view class="val">{{ order.takeDate }}</view>
      </view>
      <view class="item">
        <view class="lbl">订单状态：</view>
        <view class="val">{{ order.status }}</view>
      </view>
      <view wx:if="{{order.paytype}}" class="item">
        <view class="lbl">支付方式：</view>
        <view class="val">{{ order.paytype }}</view>
      </view>
      <view wx:if="{{order.flownum}}" class="item">
        <view class="lbl">交易流水号：</view>
        <view class="val">{{ order.flownum }}</view>
      </view>
    </view>
    <mx-space/>
    <view class="btns"></view>
  </block>
</view>