<!--pages/confirmOrder/confirmOrder.wxml-->
<view class="page-confirm-order">
  <view class="address-wrap">
    <block wx:if="{{false}}">
      <view class="address-section">
        <input class="address-input" placeholder="请输入收货人姓名"></input>
        <input class="address-input" placeholder="请输入手机号码"></input>
      </view>
      <view class="address-section">
        <!-- <view class="">所在区域</view> -->
        <picker class="address-input address-picker" mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
          <view class="picker-choose">
            
          </view>
        </picker>
      </view>
      <view class="address-section">
        <input class="address-input address-detail" placeholder="请输入路名门牌号"></input>
      </view>
    </block>
    <block>
      <view class="address-list">
        <view class="address-info">
          <view>
            <text class="user-name">{{addressInfo.userName}}</text>
            <text class="phone-number">{{addressInfo.telNumber}}</text>
          </view>
          <view class="address-list-detail">
            {{addressInfo.provinceName}} {{addressInfo.cityName}} {{addressInfo.countyName}} {{addressInfo.detailInfo}}
          </view>
          <view class="arrow-right-wrap">
            <image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right.png"></image>
          </view>
        </view>
      </view>
    </block>
    <view class="wx-address" bindtap="chooseWxAddress">
      + 使用微信地址
    </view>
  </view>
  <view class="address-line">
    <image src="/assets/imgs/7_1_0/address-line.png"></image>
  </view>
  <!-- 分割线 -->
  <view class="gray-line"></view>
  <!-- 商品列表 -->
  <view class="pro-wrap">
      <view class="pro-list">
        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
        <view class="pro-info">
          <view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
          <view class="pro-desc">
            规格
          </view>
          <view class="pro-price">
            <text class="price">￥258</text>
            <text class="number">x 1</text>
          </view>
        </view>
      </view>

      <view class="pro-list">
        <image class="pro-img" src="/assets/imgs/7_1_0/address-line.png"></image>
        <view class="pro-info">
          <view class="pro-name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名</view>
          <view class="pro-desc">
            规格
          </view>
          <view class="pro-price">
            <text class="price">￥258</text>
            <text class="number">x 1</text>
          </view>
        </view>
      </view>
  </view>
  <!-- 分割线 -->
  <view class="gray-line"></view>


  <!-- 商品合计 -->
  <view class="pro-sum">
    <view class="plus-wrap">
      <view class="plus-top-text">
        <image src="/assets/imgs/7_1_0/plus-icon.png"></image>
        <text>现在勾选</text>
      </view>
      <view class="plus-bottom-text">
        <text>vip可尊享N大权益</text>
        <image src="/assets/imgs/7_1_0/explain.png"></image>
      </view>
       <view class="select-desc {{isSelect ? 'select-tip' : 'unselect-tip'}}">
        <!-- <image src="{{isSelect ? '/assets/imgs/7_1_0/selected.png' : '/assets/imgs/7_1_0/unselect.png'}}" class="{{isSelect ? 'select-tip' : 'unselect-tip'}}"></image> -->
        <text>{{isSelect ? '已勾选，即享优惠' : '勾选开通'}}</text>
       </view>
      <view class="select-type {{isSelect ? 'theme-color' : ''}}">
          <image src="{{isSelect ? '/assets/imgs/7_1_0/tick-success.png' : '/assets/imgs/7_1_0/tick.png'}}"></image>
      </view>
    </view>
    <view class="order-sum">
      <view class="order-price">
        <view class="pro-total-price">
          <text class="price-label">商品合计</text>
          <text class="total-price">￥306</text>
        </view>
        <view class="plus-price">  
          <view class="plus-info">
            <text class="price-label">plus会员价</text>
            <text class="member-price">-￥20</text>
          </view>
          <text class="plus-member-price">￥289</text>
        </view>
      </view>
      <view class="coupon">
        <view>
          <text class="price-label">优惠券</text>
          <view class="select-coupon" bindtap="selectCoupon">
            <text class="{{haveCoupon ? 'coupon-price' : 'no-coupon'}}">{{haveCoupon ? '-￥100' : '无可用优惠券'}}</text>
            <image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right.png"></image>
          </view>
        </view>
      </view>
      <view class="coupon">
        <view>
          <text class="price-label">VIP会员年费</text>
          <text class="vip-desc"> （不可使用任何优惠或积分）</text>
          <view class="select-coupon">
            <text class="coupon-price">+￥100</text>
            <image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right.png"></image>
          </view>
        </view>
      </view>
      <!-- <view class="total">
        <text class="total-label">小计：</text>
        <text class="total-numer">￥186</text>
      </view> -->
    </view>
  </view>

  <view class="pro-footer">
    <view class="cost">
      <text class="cost-label">实付款：</text>
      <text class="cost-price">￥306</text>
    </view>
    <view class="theme-color buy-btn">立即购买</view>
  </view>
</view>

<select-coupon
 show="{{showSelectCoupon}}"
/>