<wxs module="filters" src="../../../../utils/filter.wxs"></wxs>
<wxs module="filter" src="../cart2/c_filter.wxs"></wxs>
<form bindsubmit="sendsm">
  <view class="container">
 
    <block wx:if="{{show_btn}}">
      <view class="tab-container" wx:if="{{kt_type!=3 || is_normal==1}}">
        <view class="tab-wrapper">
          <view hidden="{{bn_t_exp_t==2}}" bindtap='setexptype' data-t='1' class="tab {{bn_exp_type == 1? 'active':''}}" data-txt='cartlist[0].exp_type' data-wl_txt='cartlist[0].wind' data-index="{{index}}">门店自提</view>

          <view hidden="{{bn_t_exp_t==1}}" bindtap='setexptype' data-t='0' class="tab {{bn_exp_type== 0 ? 'active':''}}" data-txt='cartlist[0].exp_type' data-wl_txt='cartlist[0].wind' data-index="{{index}}">快递邮寄</view>

          <!-- 同城配送 --> 
          <block wx:if="{{show_same_city}}">
            <view bindtap='setexptype' data-t='2' class="tab {{bn_exp_type== 2 ? 'active':''}}" data-txt='cartlist[0].exp_type' data-wl_txt='cartlist[0].wind' data-index="{{index}}">同城配送</view>
          </block>

        </view>
      </view>
    </block>

    <!--要进行判断地址是否显示---->
    <view bindtap="enterAddressPage" class="user-mes mgt20" hidden='{{bn_exp_type==1 || kt_type==3}}'>
      <!---默认地址显示------>
      <block wx:if="{{user_addr!=null}}">
        <view class="user-contact">收货人：{{user_addr.consignee}}{{'　　'}}{{user_addr.mobile}}</view>
        <view class="location">
          <view class="address">{{user_addr.more_address}}{{' '}}{{user_addr.address}}</view>
          <view class="pos-icon">
            <image class="wh100 bdr14" src="{{imgUrl}}/miniapp/images/goodscategory/new_position.png"></image>
          </view>
        </view>
        <view class="update-logistics">
          <image class="arrow-rigth" src="{{imgUrl}}/miniapp/images/icon-arrowdown.png"></image>
        </view>
      </block>
      <!---先增地址------>
      <block wx:else>
        <view class="add_new">
          <image class="addr_jia" src="{{imgUrl}}/miniapp/images/jia.png"></image>添加地址
        </view>
      </block>
      <!-- <view class="border-img"><image class="wh100 bdr14" src="{{imgUrl}}/miniapp/images/tt.png"></image></view> -->
    </view>


    <!------立即购买-------->
    <block>
      <!-- <view class="xc-border main-top"></view> -->
      <view class="use-item bfff bdr_t-14 mgt20">
        <image class="dp" src='{{imgUrl}}/miniapp/images/goodscategory/new_store.png'> </image>
        <view>{{bn_pickname}}</view>
      </view>
      <view class="order-detail">
        <view class="goods-img">
          <image class="wh100 bdr14" src="{{bn_goods.original_img}}" binderror='cart_set_err' data-err="bn_goods.original_img"></image>
        </view>
        <navigator class="order-cont" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{bn_goods.goods_id}}">
          <view class="goods-name ellipsis-2">{{bn_goods.goods_name}}</view>
          <!-- 商品属性 -->
          <view class="flex-vertical fs28 color-gray n_guige">
            <view class="goods-color"><text>{{filters.show_gui_ge(bn_goods.goods_spec,bn_goods.goods_color)}}</text>
            </view>
          </view>

          <!-----商品名称规格------>
          <view class="order-num flex-space-between">
            <view class="co-red">￥<text class="fs36">{{filters.toFix(bn_goods.shop_price,2)}}</text></view>
            <view style="color: red;" wx:if="{{bn_goods.use_commission && bn_goods.use_commission*1>0}}">佣金：{{filters.toFix(bn_goods.use_commission/bn_goods.buynum,2)}}*{{bn_goods.buynum}}</view>
        
            <view class="goods-num">x{{bn_goods.buynum}}</view>
          </view>
        </navigator>
        <!-- <view class="order-num">
                          <view class="co-red">￥{{bn_goods.shop_price}}</view>
                          <view class="goods-num">x{{bn_goods.buynum}}</view>
                      </view> -->
      </view>

      <!-- 如果是等级卡的商品，会员没有注册，要提醒注册 -->
      <view class="plus_buy fs28" wx:if="{{card_cut_price>0}}">
        <view class="flex">
          <view class="card_bg ellipsis-1" style="margin-right: 10rpx;">
            <image src="{{imgUrl}}/miniapp/images/plus/dj_icon.png">
              </ image>
              <text class="card_name">{{show_card.CardName}}</text>
          </view>
          <view>立减 <text style="color:#f23030;">{{filters.toFix(card_cut_price,2) }}</text> 元</view>
        </view>
        <view>
          <text style="color: #999;margin-left: 4rpx;">vip超级会员仅需{{show_card.CardFee}}元</text>
        </view>
        <!-- 三角形 -->
        <view class="car_tri_up"></view>
        <!-- 立即开通跳转 -->
        <view bindtap="buycard" class="card_op">立即开通</view>
      </view>


      <view class="set-mes bdr_b-14">
        <view wx:if="{{order.store_prom}}">
          <icon color="#f23030" size="16" type="info"></icon>{{order.store_prom}}
        </view>

        <!-- 订单促销取价规则的优化 -->
        <view class="set-mes" wx:if="{{show_ord_prom[bn_pick]}}">
          <view class="use-item"  >
            <icon bindtap='set_can_use_ord_prom_now' color="{{can_use_ord_prom[bn_pick]?'red':'gray'}}" size="16" type="success"></icon>
            <view bindtap='set_can_use_ord_prom_now' class="yu_er">参与订单促销</view>
          </view>
        </view>

        <view class="xc-coupon-frame flex-center" data-bn="1" bindtap="open_coupon_list" data-pickid="{{bn_pick}}" hidden="{{(selected_quan_list?selected_quan_list.length:0)+ (get_by_quan_list && bn_exp_type==0?get_by_quan_list.length:0)<=0}}" wx:if="{{(selected_quan_list && selected_quan_list.length>0) || (get_by_quan_list!=null && get_by_quan_list && bn_exp_type==0)}}">
          <view class="work-frame flex-space-between">
            <view class="work">
              优惠券 <text class="quan_num_show">{{(selected_quan_list?selected_quan_list.length:0)+ (get_by_quan_list && bn_exp_type==0?get_by_quan_list.length:0)}}张可用</text>
            </view>
            <view class="xc-right-frame">
              <text wx:if="{{using_quan[bn_pick].is_nouse}}">不使用</text>
              <block wx:else>
                <text wx:if="{{using_quan[bn_pick].money}}">￥{{using_quan[bn_pick].money}}元优惠券</text>
                <text wx:if="{{using_quan[bn_pick].isby}}">包邮券</text>
              </block>
              <view class="xc-right"></view>
            </view>
          </view>
        </view>


        <!--阶梯团是不显示的-->
        <block wx:if="{{bn_exp_type==0 && !is_default_logistics}}">
          <view class="use-item flex-space-between" wx:if="{{kt_type!=3 || is_normal==1}}">
            <view>选择物流</view>
            <view class="flex-vertical" bindtap="show_wu_arr" data-txt='index' style="margin-right: 8rpx;">
              <view class="logistics-name">{{wu_arr[index].name}}</view>
              <view class="xc-right"></view>
            </view>
          </view>
        </block>

        <!--阶梯团是不显示的
                    <block wx:if="{{kt_type!=3 || is_normal==1 }}">
                        <view class="use-item" hidden='{{bn_exp_type==1}}'>
                              <view>使用物流：</view>
                              <picker bindchange="bindPickerChange" value="{{index}}" range="{{wu_arr}}" range-key="name">
                                    <view >{{wu_arr[index].name}}</view>
                              </picker>
                        </view>
                    </block>-->

      </view>
      <!-- 保障服务 -->
      <view class="bz_view22 flex bdt16 ai_c" wx:if="{{bconfig.service_bz}}">
          <image class="bzfu_img22" src="{{imgUrl}}/miniapp/images/bzfu_w.png"></image>
          <view class="flex f1 ai_c rel22" style="position: relative;" bindtap="{{showFold ? 'clickCollapse':''}}">
            <view class="bz-content22 showArea22 {{flag ? '':'ellipsis-1x'}}">{{bconfig.service_bz}}</view>
            <view class="bz-content22 hideArea22">{{bconfig.service_bz}}</view>
            <view class="cx-obtain-coupon22 wsize22 arrow22" wx:if="{{showFold}}">
              <text class="bg_jj22 {{flag ? 'up22':''}}"></text>
            </view>
          </view>
     </view>


      <view class="coupon-mes flex-vertical">
        <view>留言</view>
        <view class="leave-word">
          <input placeholder-class="fs28" placeholder='给商家留言，最多100字' bindinput="keyUpChangeNum" disabled="{{disabled}}" class="word-box" maxlength="100" name="user_note"></input>

        </view>
      </view>
    </block>

    <view class="information bdr14">
          <!-- 预存款 -->
          <view class="set-mes" catchtap="prestore2" wx:if="{{bn_goods.yck_off}}">
        <view class="use-item" style="justify-content: space-between;padding: 0;">
          <view>
            <icon color="{{bn_goods.yck_off==2 ? 'red' : '#808080'}}" size="16" type="success"></icon>
            <view class="yu_er">使用预存</view>
          </view>
          <view wx:if="{{bn_goods.yck_off==2 }}">￥{{filters.toFix(bn_goods.yck,2)}}</view>
        </view>
      </view>
      <!-----使用佣金抵扣------>
      <view class="set-mes" wx:if="{{bn_goods.use_commission>0 && can_commission && kt_type!=3}}">
        <view class="use-item" bindtap='set_bn_commission' style="padding-left:0;padding-right:0;">
          <icon color="{{bn_use_commission?'red':'gray'}}" size="16" type="success"></icon>
          <view class="yu_er">使用佣金 :￥{{bn_goods.use_commission}} </view>
        </view>
      </view>

      <!-----使用余额------>
      <view class="set-mes" wx:if="{{userinfo.user_money>0 && yuer>0}}">
        <view class="use-item" bindtap='set_bn_useyuer' style="padding-left:0;padding-right:0;">
          <icon color="{{bn_use_money?'red':'gray'}}" size="16" type="success"></icon>
          <view class="yu_er">使用余额 :￥{{yuer}} </view>
        </view>
      </view>


      <view class="item" wx:if="{{kt_type<3 || is_normal==1}}">
        <view>商品金额</view>
        <view class="co-red">￥ {{formData.all_price}}元</view>
      </view>
      <view class="item" wx:else>
        <view>定金金额</view>
        <view class="co-red">￥ {{formData.all_price}}元</view>
      </view>

      <view class="item" wx:if="{{formData.shipping_price>0}}">
        <view>配送费用</view>
        <view class="co-red">￥ {{formData.shipping_price}}元</view>
      </view>

      <view class="item" wx:if="{{formData.coupon_price>0}}">
        <view>使用优惠券</view>
        <view class="co-red">- ￥ {{formData.coupon_price}}元</view>
      </view>

      <!-- 使用预存优惠金额 -->
      <view class="item" wx:if="{{formData.prestore>0}}">
        <view>使用预存</view>
        <view class="co-red">- ￥ {{filters.toFix(formData.prestore,2)}}元</view>
      </view>
      <view class="item" wx:if="{{formData.user_money>0}}">
        <view>使用余额</view>
        <view class="co-red">- ￥ {{formData.user_money}}元</view>
      </view>
      <!-- 订单优惠优惠金额 -->
      <view class="item" wx:if="{{formData.order_prom_amount>0}}">
        <view>订单优惠</view>
        <view class="co-red">- ￥ {{filters.toFix(formData.order_prom_amount,2)}}元</view>
      </view>

    </view>
  </view>

  <view class="btn-wrap" wx:if="{{show_btn}}">
    <block wx:if="{{sameCityExp_off>0 && sameCityExp_info}}">
      <view class="pay-amount">
        <view class="payable"><text class="co-red fs24">{{sameCityExp_info}}</text></view>
      </view>
      <button wx:if="{{sameCityExp_off==2}}" class="tips-btn" catchtap="qcd">去凑单</button>
    </block>
    <block wx:else>
      <view class="pay-amount">
        <view class="payable">应付金额：<text class="co-red">￥{{formData.order_amount}}</text></view>
        <!-- <view class="co-red big"></view> -->
      </view>
      <button disabled="{{submit || !same_ok}}" class="tips-btn" formType="submit" id="submitOrder">提交订单</button>
    </block>

  </view>
</form>

<!----弹起选择物流名的列表---->
<view wx:if='{{open_express==1}}'>
  <view class="cover-layer flex-center " bindtap='close_express'>
  </view>

  <view class="cx-popup radius {{open_express==1?'up' : 'down'}}">
    <view class="tops flex">
      <view class="top-content fs32">
        <view>
          选择物流名字
        </view>
      </view>
      <view class="close-frame" bindtap='close_express'>
        <view class="xc-close-express">×</view>
      </view>
    </view>
    <view class="express_list">
      <view wx:for="{{wu_arr}}" wx:for-item="express_list" wx:for-index="idx">
        <view class="express_list_frame" bindtap="click_express_name" data-shippingcode="{{express_list.shipping_code}}" data-name="{{express_list.name}}" data-idxe="{{idx}}">

          <block wx:if="{{is_express==idx}}">
            <view class="circle white xc-hook fs20 red-b"><text>Γ</text></view>
          </block>
          <block wx:else>
            <view class="circle  xc-hooks"></view>
          </block>
          <view class="fs30">{{express_list.name}}</view>

        </view>
      </view>
    </view>
    <view class="flex click-buttem">
      <view class="xc-determine flex-center" bindtap="determine_expres">
        <view class="flex-vertical  t-c">确定</view>
      </view>
      <view class="xc-confirms flex-center" bindtap="select_default_logistics">
        <view class="flex-vertical  t-c">设为默认</view>
      </view>
    </view>

  </view>
</view>

<warn id="warn"></warn>



        <!-- 使用券列表的弹窗 -->
<view wx:if='{{open_quan==1}}'>
  <view class="cover-layer flex-center " bindtap='close_coupon'> </view>
  <view class="cx-popup {{open_quan==true?'up' : 'down'}}">
    <!-- 最上面 -->
    <view class="top flex">
      <view class="xc-top-content  t-c">
        <view class="xc-title">优惠券使用</view>
      </view>
      <view class="xc-close-frame" bindtap='close_coupon'>
        <view class="xc-close">×</view>
      </view>
    </view>
    <!-- 使用优惠券和不使用优惠券层-->
    <view class="may_use_coupon fs28 flex"> 可使用的优惠券
      <view class=" is_use_coupon flex-vertical" bindtap="sele_quan_item" data-no="1">不使用优惠券
        <block wx:if="{{using_quan[selected_quan_pick].is_nouse_red}}">
          <view class="circle white xc-hooka fs20 red-b  sn"><text>Γ</text></view>
        </block>
        <block wx:else>
          <view class="circle  xc-hookst ons"></view>
        </block>
      </view>
    </view>

    <!-- 中间券内容显示 -->
    <view class="xc-frame flex-level">
      <view class="list-frame">
        <view wx:for="{{selected_quan_list}}" bindtap="sele_quan_item" wx:if="{{!item.is_using}}" data-ind="{{q_index}}" wx:for-item="item" wx:for-index="q_index">
          <view class="xc-coupon-frame flex-center" data-ind="{{q_index}}">
            <view class="coupon-frame flex rel">
              <!-- 锯齿 -->
              <include src="../cart2/juchi_part.wxml" />
              <!-- 左边 -->
              <view class="coupon-left  rel {{filter.setcolor(item.UseObjectType)}} flex-center">
                <view class="white xc-money-frames">
                  <view class="f_text"><text class="xc-rmb-symbol">￥</text><text class="xc-rmb-val">{{item.Sum}}</text></view>
                  <view class="coupon-explain t-c" wx:if="{{item.BuySum>0}}">满{{item.BuySum}}元可用</view>
                  <view class="coupon-explain t-c" wx:else>满0元可用</view>
                </view>
              </view>
              <!-- 右边 -->
              <view class="coupon-right flex-center rel">
                <view class="coupon-annotation  flex">
                  <view class="flex  top-frame">
                    <view class="frame">
                      <view class="coupon-wode ib flex ellipsis-2 ">
                        <text class="xc-brand t-c ib white {{filter.setcolor(item.UseObjectType)}}">{{filter.get_type_card(item.UseObjectType)}}</text>
                        <block>{{item.Sum}}元优惠券</block>
                      </view>
                      <view class="coupon-time">{{filters.replace_time2(item.BeginDate)}}至{{item.ValidDate?filters.replace_time2(item.ValidDate):'不限'}}</view>
                    </view>
                  </view>
                  <block wx:if="{{item.show_red}}">
                    <view class="circle white xc-hook fs20 red-b sn"><text>Γ</text></view>
                  </block>
                  <block wx:else>
                    <view class="circle  xc-hooks on"></view>
                  </block>
                </view>
                <include src="../cart2/remark_click_part.wxml" />
              </view>
            </view>
          </view>
          <!-- 打开是说明 -->
          <include src="../cart2/remark_part.wxml" />
        </view>
        <!-- 包邮券的显示，立即购买 -->
        <block wx:if="{{ is_b_now && bn_exp_type==0}}">
          <view wx:for="{{get_by_quan_list}}" bindtap="sele_quan_item_by" wx:if="{{!item.is_using}}" data-ind="{{byq_index}}" wx:for-item="item" wx:for-index="byq_index">
            <view class="xc-coupon-frame flex-center" data-ind="{{byq_index}}">
              <view class="coupon-frame flex rel">
                <!-- 锯齿 -->
                <include src="../cart2/juchi_part.wxml" />
                <!-- 左边 -->
                <view class="coupon-left  rel {{filter.setcolor(item.UseObjectType)}} flex-center">
                  <view class="white xc-money-frames">
                    <view class="f_text"><text class="xc-rmb-val">包邮券</text></view>
                    <view class="coupon-explain t-c" wx:if="{{item.condition>0}}">满{{item.condition}}元可用</view>
                    <view class="coupon-explain t-c" wx:else>满0元可用</view>
                  </view>
                </view>
                <!-- 右边 -->
                <view class="coupon-right flex-center rel">
                  <view class="coupon-annotation  flex">
                    <view class="flex  top-frame">
                      <view class="frame">
                        <view class="coupon-wode ib flex ellipsis-2 ">
                          <text class="xc-brand t-c ib white {{filter.setcolor(item.UseObjectType)}}">{{filter.get_type_card(0)}}</text>
                          <block>包邮券</block>
                        </view>
                        <view class="coupon-time">{{filters.format_time(item.use_start_time)}}至{{item.use_end_time?filters.format_time(item.use_end_time):'不限'}}</view>
                      </view>
                    </view>
                    <block wx:if="{{item.show_red}}">
                      <view class="circle white xc-hook fs20 red-b sn"><text>Γ</text></view>
                    </block>
                    <block wx:else>
                      <view class="circle  xc-hooks on"></view>
                    </block>
                  </view>
                  <include src="../cart2/remark_click_part2.wxml" />
                </view>
              </view>
            </view>
            <!-- 打开是说明 -->
            <include src="../cart2/remark_part.wxml" />
          </view>
        </block>




      </view>
    </view>
    <!-- 最底下确定层-->
    <view class="determine-frame">
      <view class="xc-confirm flex-center" bindtap="confirm_quan"> 确定 </view>
    </view>
  </view>
</view>