<wxs module="filter" src="c_filter.wxs"></wxs>
<wxs src="filter.wxs" module="util"></wxs>
<wxs module="filters" src="../../../../utils/filter.wxs"></wxs>

<form bindsubmit="submitForm">
	<view class="container">
		
	    	<!-- 立即购买的时候 -->
			<view class="tab-container" wx:if="{{show_submit && act.goods_type==0 && !is_fwk}}">
				<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 hidden="{{bn_t_exp_t==3}}" 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>

		<!--要进行判断地址是否显示---->	
		<view bindtap="enterAddressPage" class="user-mes mgt20" wx:if="{{!is_fwk}}"  hidden='{{bn_exp_type==1 && is_b_now==1 && act.goods_type==0}}'>
			<!---默认地址显示------>
			<block wx:if="{{user_addr!=null}}">
				<view class="user-contact">
					<text class="bold fs36 pdr20">{{user_addr.consignee}}</text>
					<text class="fs28">{{user_addr.mobile}}</text>
				</view>
				<view class="location">
					<view class="address fs26 pdt20">
						<view class="pos-icon">
							<image class="wh100 bdr14" src="{{imgUrl}}/miniapp/images/goodscategory/new_position.png"></image>
						</view>
						{{user_addr.more_address}}{{' '}}{{user_addr.address}}
					</view>
					
				</view>
				<view class="update-logistics">
					<!-- <image class="arrow-rigth" src="{{imgUrl}}/miniapp/images/new_position.png"></image> -->
					<view class="xc-right"></view>
				</view>
			</block>
			<!---先增地址------>
			<block wx:else>
				<view class="add_new">
					<image class="addr_jia" src="{{imgUrl}}/miniapp/images/jia.png"></image>添加地址
				</view>
			</block>
		</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>门店：{{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  catchtap="go_detail"   class="order-cont" data-gid="{{bn_goods.goods_id}}">
					<view class="goods-name ellipsis-2">{{bn_goods.goods_name}}</view>
					<!-- 商品属性 -->
					<view class="flex-vertical fs28 xc-ash color-gray n_guige">
						<view class="goods-color">
							<block><text>{{filters.show_gui_ge(bn_goods.goods_spec,bn_goods.goods_color)}}</text></block>
						</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 class="goods-num">x{{bn_goods.buynum}}</view>
					</view>
				</navigator>

			</view>
			<!-- 赠品的显示 -->
			<view class="order-detail" wx:if="{{buy_now_gift_goods}}">
				<view class="goods-img" style="position: relative">
					<image src="{{imgUrl}}/miniapp/images/giveaway.png" class="gift_image"></image>

					<image class="wh100 bdr14" src="{{buy_now_gift_goods.original_img}}" binderror='cart_set_err' data-err="buy_now_gift_goods.original_img"></image>
				</view>
				<navigator class="order-cont" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{buy_now_gift_goods.goods_id}}">
					<view class="goods-name ellipsis-2">{{buy_now_gift_goods.goods_name}}</view>
					<!-- 商品属性 -->
					<view class="flex-vertical fs28 xc-ash color-gray n_guige">
						<view class="goods-color">
							<block><text>{{filters.show_gui_ge(buy_now_gift_goods.goods_spec,buy_now_gift_goods.goods_color)}}</text></block>
						</view>
					</view>
					<!-- ---商品名称规格---- -->
					<view class="order-num  flex-space-between">
						<view class="co-red">￥<text class="fs36">0</text></view>
						<view class="goods-num">x{{buy_now_gift_goods.buynum}}</view>
					</view>
				</navigator>
			</view>


			<block wx:if="{{collocation_goods}}">
				<!-- 搭配购买的功能实现 -->
				<view class="order-detail" wx:for="{{collocation_goods}}">
					<view class="goods-img">
						<image class="wh100 bdr14" src="{{imgUrl+item.original_img}}" binderror='err_img_collocation' data-err="item.original_img"></image>
					</view>
					<navigator class="order-cont" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
						<view class="goods-name ellipsis-2">{{item.goods_name}}</view>
						<!-- 商品属性 -->
						<view class="flex-vertical fs28 xc-ash color-gray n_guige">
							<view class="goods-color">
								<block><text>{{filters.show_gui_ge(item.goods_spec,item.goods_color)}}</text></block>
							</view>
						</view>
						<!-- ---商品名称规格---- -->
						<view class="order-num  flex-space-between">
							<view class="co-red">￥<text class="fs36">{{item.price}}</text></view>
							<view class="goods-num">x{{item.goods_num}}</view>
						</view>
					</navigator>
				</view>
			</block>

            <!-- 如果是等级卡的商品，会员没有注册，要提醒注册 -->
			<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="{{is_fwk}}"
					  wx:if="{{(selected_quan_list && selected_quan_list.length>0) || (get_by_quan_list && get_by_quan_list.length>0 && 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>

				<view class="xc-coupon-frame" wx:if="{{bn_exp_type==0 && !is_default_logistics && !is_fwk}}">
					<view class="flex-space-between" style="padding: 20rpx 25rpx; font-size: 30rpx;">
						<view>选择物流</view>			
						<view class="flex-vertical" bindtap="show_wu_arr" data-txt='index' style="margin-right: 12rpx;">
								<view class="logistics-name">{{wu_arr[index].name}}</view>
								<view class="xc-right"></view>
						</view>
					</view>	
				</view>
			</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>
			
			<!-- 是否参与店铺优惠 -->
			<view class="coupon-mes flex-vertical" bindtap="bn_pop_offline" wx:if="{{bn_goods.offline_price}}">
				<view>店铺优惠</view>
				<view class="leave-word fs32" style="color: #999;">
					省{{filters.toFix(bn_goods.shop_price-bn_goods.offline_price,2)}}元
				</view>	
				<block wx:if="{{bn_goods.is_offline}}">
			     	<text style="color: #d7642b;">-￥{{filters.toFix(bn_goods.shop_price-bn_goods.offline_price,2)}}</text>	
				</block>
				<block wx:else>
					 <text style="color: #d7642b;">不使用优惠</text>	
				</block>
				<!-- 右边点击 -->
				<view class="xc-right" style="margin-right: 12rpx; border-color: #d7642b;"></view>
			</view>

			<!-----使用佣金------>
			<view  class="set-mes bdr_t-14" wx:if="{{bn_goods.use_commission>0 && can_commission && !is_fwk}}">
				<view class="use-item" bindtap='set_bn_commission'>
					<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 bdr_t-14" wx:if="{{yuer>0 && !is_fwk}}">
				<view class="use-item" bindtap='set_bn_useyuer'>
					<icon color="{{bn_use_money?'red':'gray'}}" size="16" type="success"></icon>
					<view class="yu_er">使用余额 :￥{{yuer}} </view>
				</view>
			</view>


		<view class="information bdr14">
			<view class="item" wx:if="{{formData.all_price>0}}">
				<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.cut_price>0}}">
				<view>优惠活动</view>
				<view class="co-red">- ￥ {{filters.toFix(formData.cut_price,2)}}元</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 class="item" wx:if="{{formData.user_money>0}}">
				<view>使用余额</view>
				<view class="co-red">- ￥ {{formData.user_money}}元</view>
			</view>
		</view>
	</view>

	<view class="btn-wrap shadow-1" wx:if="{{show_submit}}">
    <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  class="tips-btn" catchtap="qcd">去凑单</button>
    </block>
		<block wx:else>
      <view class="pay-amount">
        <view class="payable">应付金额：<text class="co-red"><text class="fs24">￥</text>{{formData.order_amount}}</text></view>
      </view>
      <button disabled="{{dis_btn}}"  class="tips-btn" formType="submit" id="submitOrder">提交订单</button>
    </block>



	</view>
</form>

<!-- 使用券列表的弹窗 -->
<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="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="remark_click_part.wxml" />
							</view>
						</view>
					</view>
					<!-- 打开是说明 -->
					<include src="remark_part_qj.wxml" />
				</view>
				<!-- 包邮券的显示，立即购买 -->
				<block wx:if="{{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="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="remark_click_part2.wxml" />
								</view>
							</view>
						</view>
						<!-- 打开是说明 -->
						<include src="remark_part.wxml" />
					</view>
				</block>




			</view>
		</view>
		<!-- 最底下确定层-->
		<view class="determine-frame">
			<view class="xc-confirm flex-center" bindtap="confirm_quan"> 确定 </view>
		</view>
	</view>
</view>
<!----弹起选择物流名的列表---->
<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>
<!-- 是不是使用店铺优惠pop -->
<view class="cover-layer flex ai-center" bindtap="close_offline" wx:if="{{is_offline_show}}">
	<view style="background-color: #fff; width: 540rpx; margin: 0 auto; border-radius: 20rpx;">
		<view class="fs32" style="text-align: center;height: 80rpx; line-height: 80rpx;">店铺优惠</view>
		<view class="flex jc_sb ai-center fs28" style="height: 80rpx; width: 400rpx; margin-left: 70rpx;">
			<view catchtap="sure_offline"  class="flex ai-center" >优惠￥{{show_off_price}} 
			    <icon style="margin-left: 10rpx;" color="{{is_get_offline?'red':'gray'}}" size="14" type="success" role="img"></icon></view>
			<view catchtap="cancle_offline" class="flex ai-center" >不用优惠 
			    <icon style="margin-left: 10rpx;" color="{{is_get_offline!=1?'red':'gray'}}" size="14" type="success" role="img"></icon> </view>
		</view>
	</view>
</view>
