<wxs module="filters" src="../../../utils/filter.wxs"></wxs>
<wxs module="g_filters" src="g_filter.wxs"></wxs>
<wxs module="tool" src="filter.wxs"></wxs>

<view class="head" style="font-size: 34rpx">搭配商品</view>
<view class="goods_list" style="padding-bottom: 100rpx;" wx:if="{{data && data.goods_name}}">
    <view class="item flex ai-center">
       <view style="width:80rpx;height: 100%" class="flex ai-center jc-center"><icon type="success" size="18"></icon></view>
       <view  class="r_box flex" bindtap="go_goods" data-gid="{{data.goods_id}}">
          <view><image class="r_box_img" src="{{data.original_img}}"></image></view>
          <view class="flex jc_sb">
              <view class="fs30" style="margin: 18rpx">
                   <view>{{data.goods_name}}</view>
                   <view>规格：{{tool.get_guige(data.goods_spec,data.goods_color)}}</view>
                   <view>￥{{data.shop_price}}</view>
              </view>
              <view></view>
          </view>
       </view>
    </view>

    <!-- 搭配的商品 -->
    <view class="item flex ai-center" wx:for="{{collocationList}}">
        <view style="width:80rpx;height: 100%" class="flex ai-center jc-center">
              <icon bindtap="set_sele"  wx:if="{{item.sele}}"  data-ind="{{index}}" data-set="0"  type="success" size="18"></icon>
              <icon bindtap="set_sele"  wx:else data-ind="{{index}}" data-set="1"  type="success" size="18" color="#adadad"></icon>

        </view>
        <view  class="r_box flex" bindtap="go_goods" data-gid="{{item.goods_id}}">
            <view><image class="r_box_img" src="{{iurl+item.original_img}}" binderror="bind_bnerr3" data-errorimg="collocationList[{{index}}].original_img"></image></view>
            <view class="flex jc_sb">
                <view class="fs30" style="margin: 18rpx">
                    <view>{{item.goods_name}}</view>
                    <view>规格：{{tool.get_guige(item.goods_spec,item.goods_color)}}</view>
                    <view>￥{{item.price}}</view>
                </view>
                <view></view>
            </view>
        </view>
    </view>

</view>

<!-------------------底部按钮-------------------->
<view class="join-cart jc_sb ai-center fs30">
     <!-- 左边 -->
     <view style="text-align: left; padding-left: 20rpx">
         <view  class="co-red"><text class="f_hei">搭配价</text>￥{{filters.toFix(data.shop_price+dp_price,2)}}</view>
         <view  class="co-red"><text class="f_hei">已省</text>￥{{filters.toFix(cut_price,2)}}</view>
     </view>
     <!-- 右边 -->
      <view  bindtap="openSpecModel"  class="buy_btn ">立即购买</view>
</view>

<!----弹起来,选择规格数量,普通商品购买和秒杀------>
<view hidden="{{!openSpecModal}}">
    <view bindtap="closeSpecModal" class="cover-layer"></view>
    <view class="spec-model">
        <view class="pding">
            <icon bindtap="closeSpecModal" class="modal-close" color="black" size="22" type="cancel"></icon>
            <view class="spec-goods">
                <image class="wh100 spec-img xc-distance-bottom" src="{{data.original_img}}" binderror="pop_err_img" data-errorimg="data.original_img"></image>
                <view class="spec-goods-info">
                    <view class="spec-goods-name ellipsis-1">{{data.goods_name}}</view>
                    <view class="flex ai_end xc-val-money">
                        <view class="spec-goods-price" >
                            <text class="fs20">￥</text>
                            <!-- 如果是等级会员，且有等级价 -->
                            <block wx:if="{{card_field && data[card_field]>0}}">
                                {{data[card_field]}}
                            </block>
                            <block wx:else>
                                {{data.shop_price}}
                            </block>
                        </view>

                    </view>
                    <block>
                        <view class="flex">
                            <view class="spec-goods-stock">已售：{{data.sales_sum}}</view>
                            <block wx:if="{{sales_rules>=2}}">
                                <view class="spec-goods-stock" wx:if="{{def_pick_store && def_pick_store.CanOutQty}}">可售：{{def_pick_store.CanOutQty}}</view>
                                <view class="spec-goods-stock" wx:else>可售:0</view>
                            </block>
                            <block wx:else>
                                <view class="spec-goods-stock">可售：{{data.store_count}}</view>
                            </block>

                        </view>
                    </block>
                </view>
               <view style="clear: both"></view>
                <!-- 选择门店模块 -->
                <view  class="flex-space-between address ai_end xc-width ">
                    <view class="flex" style="align-items: flex-start;" wx:if="{{def_pick_store}}">
                        <text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text>
                        <view class="distance fs24 xc-ash"wx:if="{{def_pick_store.distance!=null}}">
                            距离:{{def_pick_store.distance>1000?filters.toFix(def_pick_store.distance/1000,2)+"km":filters.toFix(def_pick_store.distance,0)+"m"}}

                        </view>
                    </view>

                    <!-- 没有门店的时候 -->
                    <view  class="flex" bindtap="choice_store" wx:else>
                        <image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image>
                        <view class="fs28 xc-ash-9f">选择门店</view>
                    </view>

                    <view hidden="{{has_def && sys_switch.is_pricing_open_store}}" class="red-co fs28" bindtap="choice_store" >更多门店<text class="right-arrow"></text></view>
                </view>
                <view wx:if="{{only_pk && !only_pk.length}}">(库存不足)</view>
                <block wx:else>
                    <view wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">(库存不足)</view>
                    <block wx:else>
						<view class="no_store" wx:if="{{def_pick_store && def_pick_store.is_no_dis}}">(配送不匹配)</view>
                        <view wx:elif="{{def_pick_store && !def_pick_store.CanOutQty && !filters.is_virtual_gd(sele_g.is_virtual) && sales_rules>=2 && prom_type==0}}">(库存不足)</view>
                    </block>
                </block>

                <view class="fs24 xc-ash-9f xc-distance-top "wx:if="{{def_pick_store}}">地址:{{def_pick_store.fulladdress}}</view>
            </view>

            <!----商品的属性项目---->
            <view  class="xc-goods-attribute">
                <view  class="spec-name">商品属性</view>
                <view  style="max-height: 120rpx;overflow-y: auto;">
                    <view class="spec_bt act"  data-gid='{{item.goods_id}}'>
                        {{data.gg}}
                    </view>
                </view>
            </view>


            <view class="b_num">
                <view>购买数量</view>
                <view class="count">
                    <view bindtap="subCartNum" class="sub {{goodsInputNum<=1?'gray':''}}">-</view>
                    <input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input>
                    <view bindtap="addCartNum" class="add">+</view>
                </view>
            </view>
        </view>
        <view class="spec-cart-btns">
            <!-- 根本就找不到门店 -->
            <block wx:if="{{!only_pk && !def_pickpu_list}}">
                <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">库存不足</view>
            </block>
            <block wx:else>


                <block wx:if="{{only_pk.length && !only_pk.length}}">
                    <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">库存不足</view>
                </block>
                <block wx:else>
                    <block wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">
                        <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
                    </block>
                    <block wx:else>
                        <block wx:if="{{!def_pick_store}}">
                            <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">请先选择门店</view>
                        </block>
                        <block wx:else>
                            <!-- 如果是线下库存购买的时候, 此时不要计算起订量-->
                            <block wx:if="{{sales_rules>=2}}">
                                <block wx:if="{{!def_pick_store.CanOutQty}}">
                                    <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
                                </block>
                                <block wx:else>
                                    <view  bindtap="addCart" data-openSpecModal_ind="2"
                                          class="spec-cart-btn spec-buy {{lding?'graying':''}} " data-action="buy">立即购买</view>
                                </block>
                            </block>
                            <!-- 线上销售 -->
                            <block wx:else>
                                <block wx:if="{{data.store_count<=0}}">
                                    <view class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999">库存不足</view>
                                </block>
								
								<block wx:elif="{{def_pick_store && def_pick_store.is_no_dis}}">
									<view class="spec-cart-btn fs32 {{lding?'graying':''}}  " data-action="add" style="background-color: #dcdcdc;color: #999">立即购买</view>
								</block>	
								
                                <block wx:else>
                                    <view  bindtap="addCart"data-openSpecModal_ind="2"
                                          class="spec-cart-btn spec-buy {{lding?'graying':''}} " data-action="buy">立即购买</view>
                                </block>
                            </block>

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

        </view>

        <view class="clear"></view>

    </view>
</view>


<!-- 选择门店的弹框，1.1版最新的 -->
<block wx:if="{{store==1}}">
    <view class="mongolia-layer" bindtap="close_popup"></view>
    <view class="popup-frame">
        <block  wx:if="{{sort_store==0}}">
            <!-- 头部 标题 -->
            <view class="popup-top flex-space-between">
                <text class="fs32 nearby_store">{{choice_sort_store==0?'附近的门店':region_name}}</text>
                <view>
                    <view>
                        <icon bindtap="close_popup" class="modal-closes" color="black" size="22"       type="cancel"></icon>
                    </view>
                    <view class="felx choose_more" bindtap="more_store" wx:if="{{is_show_sto_cat>0}}">
                        <text class="fs26 red-co" >{{choice_sort_store==0?'更多门店':'返回'}}</text>
                        <view class="bg_rights"></view>
                    </view>
                </view>
            </view>
            <!-- 门店列表，最外层的门店列表，一开始 -->
            <view class="store-list">
                <!--如果还没有点击更多门店的时候  -->
                <block wx:if="{{choice_sort_store==0}}">
                    <!-- 需要for循环 -->
                    <block wx:if="{{is_show_sto_cat==1}}">
                        <view class="store_choose flex" wx:for="{{def_pickpu_list}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
                            <view class="store flex-vertical">
                                <!-- 需要点击事件 -->
                                <block wx:if="{{index==fir_pick_index}}">
                                    <view class="circle white xc-hook fs20 red-b">Г</view>
                                </block>
                                <block wx:else>
                                    <view class="circle  xc-hooks"></view>
                                </block>
                                <view class="address-frame xc-ash">
                                    <view class="flex-vertical-between butttem5">
                                        <view class="flex xc-ash">
                                            <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
                                        </view>
                                        <view>
                                            <view class="distance fs24 address-val"wx:if="{{item.distance!=null}}">
                                                距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+'km':filters.toFix(item.distance,0)+"m"}}</view>
                                        </view>
                                    </view>
                                    <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
                                </view>
                            </view>
                        </view>
                    </block>
                    <block wx:else>
                        <view class="store_choose flex" wx:for="{{only_pk}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
                            <view class="store flex-vertical">
                                <!-- 需要点击事件 -->
                                <block wx:if="{{index==fir_pick_index}}" >
                                    <view  class="circle white xc-hook fs20 red-b">Г</view>
                                </block>
                                <block wx:else>
                                    <view  class="circle  xc-hooks"></view>
                                </block>

                                <view class="address-frame xc-ash">
                                    <view class="flex-vertical-between ">
                                        <view class="flex xc-ash">
                                            <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
                                        </view>
                                        <view>
                                            <view class="distance fs24 address-val"
                                                  wx:if="{{item.distance!=null}}">距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}
                                            </view>
                                        </view>
                                    </view>
                                    <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
                                </view>
                            </view>
                        </view>
                    </block>
                </block>
                <block wx:else> <!-- 如果是点击选择门店分类后显示分类下的门店  -->
                    <view class="store_choose flex" wx:for="{{sec_sto.s_arr}}" data-ind="{{index}}"  bindtap="choose_for_store">
                        <view class="store flex-vertical">
                            <!-- 需要点击事件 -->
                            <block wx:if="{{index==sec_pick_index}}">
                                <view  class="circle white xc-hook fs20 red-b">Г</view>
                            </block>
                            <block wx:else>
                                <view class="circle  xc-hooks"></view>
                            </block>

                            <view class="address-frame xc-ash">
                                <view class="flex-vertical-between ">
                                    <view class="flex xc-ash">
                                        <view class="fs28 xc-black3 address_name">{{item.pickup_name}}</view>
                                    </view>
                                    <view>
                                        <view class="distance fs24 address-val"wx:if="{{item.distance!=null}}">
                                            距离：{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}</view>
                                    </view>
                                </view>
                                <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
                            </view>
                        </view>
                    </view>
                </block>

            </view>

            <!-- 门店列表底部 -->
            <view class="store-bottom-frame">
                <view class="store-bottom flex-vertical-between">
                    <view class="determine red-b fs28 white t-c" bindtap="sure_pick"
                          data-openindstore="{{open_ind_store}}">确定</view>
                    <view class="default  t-c fs28" bindtap="set_def_pick"data-openindstore="{{open_ind_store}}">设为默认</view>
                </view>
            </view>

        </block>


        <block wx:else>
            <view class="popup-top flex-space-between">
                <text class="fs32 nearby_store">门店分类选择</text>
                <view>
                    <view>
                        <icon bindtap="close_popup" class="modal-closes" color="black" size="22"       type="cancel"></icon>
                    </view>
                    <view class="felx choose_mores" bindtap="returns">
                        <text class="fs26 red-co">返回</text>
                    </view>
                </view>
            </view>
            <view class="sort_store_list">

                <view class="sort-store-frame" wx:for="{{all_sto}}" data-index="{{index}}" bindtap="choice_sort_store" data-region="{{item.name}}">
                    <view class="sort-store flex-vertical-between" >
                        <view class="fs30" di>{{item.name}}</view>
                        <view class="black_rights-frame">
                            <view class="black_rights"></view>
                        </view>
                    </view>
                </view>

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

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

