<!-- 确认订单 -->

<!-- 参团流程 -->
<view class="process">

  <view class="process-item choose-prod">
    <view class="process-icon">
      <image src="../../images/icon/gift.png"></image>
    </view>
    <view class="process-text">1.选择商品开团/参团</view>
  </view>

  <view class="next-icon"><image src="../../images/icon/more.png"></image></view>

  <view class="process-item invent">
    <view class="process-icon">
      <image src="../../images/icon/chat.png"></image>
    </view>
    <view class="process-text">2.邀请好友参团</view>
  </view>

  <view class="next-icon"><image src="../../images/icon/more.png"></image></view>

  <view class="process-item full">
    <view class="process-icon">
      <image src="../../images/icon/enough.png"></image>
    </view>
    <view class="process-text">3.人满成团</view>
  </view>
</view>
<!-- 流程end -->


<!--地址栏 -->
<view class="address-box" bindtap="toAddrListPage">
  <!-- 地址图标 -->
  <view class="addr-icon"><image src="../../images/icon/addr.png"></image></view>
  <view class="add-addr" wx:if="{{!userAddrDto}}">添加收货地址</view>
  <block wx:if="{{userAddrDto}}">
    <!-- 地址信息 -->
    <view class="recipient clearfix">
      <text class="username">{{userAddrDto.receiver}}</text>
      <text class="cellphone">{{userAddrDto.mobile}}</text>
    </view>
    <view class="addr-text">收货地址：{{userAddrDto.province}}{{userAddrDto.city}}{{userAddrDto.area}}{{userAddrDto.addr}}</view>
  </block>
  <!-- 右箭头 -->
  <view class="more-icon"><image src="../../images/icon/more.png"></image></view>
  <!-- 下虚线 -->
  <view class="dotted-line"><image src="../../images/icon/dotted-line.png"></image></view>
</view>
<!--地址栏end -->


<!-- 商品信息 -->
<view class="prod-box">
  <!-- <view class="prod-shop">
    <view class="shop-icon"><image src="../../images/icon/shop.png"></image></view>
    <text class="shop-name">笑橙小店190827</text>
  </view> 
  -->
  <!-- 商品信息 -->
  <view class="prod-msg">
    <view class="prod-img">
      <image src="{{orderInfo.prodPic}}"></image>
    </view>
    <view class="prod-text clearfix">
      <view class="prod-name">{{orderInfo.prodName}}</view>
      <view class="prod-sku">{{orderInfo.skuName}}</view>
      <view class="prod-price-box">
        <text class="prod-price">￥{{orderInfo.actPrice}}</text>
        <text class="prod-price-del">￥{{orderInfo.price}}</text>
        <text class="prod-amount">x {{orderInfo.prodTotalCount}}</text>
      </view>
    </view>
  </view>
</view>
<!-- 商品信息end -->


<!-- 配送&留言 -->
<view class="row">
  <!-- <view class="dispatching clearfix">
    <text class="dispatching-tit">配送方式</text>
    <text class="dispatching-way">快递 免运费</text>
  </view> -->
  <view class="live-message">
    <text class="message-tit">买家留言</text>
    <input class="message-int" placeholder="建议留言前先与商家沟通确认" value="{{remarks}}" bindinput="onRemarksInput"/>
  </view>
</view>
<!-- 配送&留言 end -->


<!-- 商品总额 -->
<view class="sum">
  <view class="cost-box">
    <view class="prod-table clearfix">
      <text class="prod-table-tit">商品金额</text>
      <text class="prod-table-way">￥{{orderInfo.prodTotalPrice}}</text>
    </view>
    <view class="prod-table clearfix">
      <text class="prod-table-tit">运费</text>
      <text class="prod-table-way">+ ￥{{orderInfo.transfee}}</text>
    </view>
  </view>
  <!-- 合计 -->
  <view class="total-cost">
    合计：<text class="total-num">￥{{orderInfo.orderTotalPrice}}</text>
  </view>
</view>
<!-- 商品金额 end -->


<!-- 底部 -->
<view class="foot-box">
  <view class="foot">
    <view class="total-price">合计：<text class="total-price-num">￥{{orderInfo.orderTotalPrice}}</text></view>
    <!-- 提交按钮 -->
    <view class="submit-btn" bindtap="commitOrder">提交订单</view>
  </view>
</view>
<!-- 底部end -->
