<import src="../../../../utils/wxParse/wxParse.wxml"></import>
<wxs module="filters" src="../../../../utils/filter.wxs"></wxs>
<wxs module="g_filters" src="g_filter.wxs"></wxs>
<wxs module="tool" src="filter.wxs"></wxs>
<!-- 判断隐私是不是显示 -->
<privacy_pop id="privacy_pop" bind:agree_pri="agree_pri"></privacy_pop>
<!-- 顶开 -->
<top_nav wx:if="{{!istop || activeCategoryId>0}}" nav_type="{{-1}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{gtitle}}"></top_nav>
<!-- 商品内容区域,普通商品,秒杀,拼团 -->
<block wx:if="{{isshow}}">
	<view class="container">

		<view class="type-navbar_box">
			<top_nav id="my-nav" bindclickShare="clickShare" nav_type="{{nav_type}}" is_share="{{true}}"
					 nav_frontColor="{{nav_frontColor}}" istop="{{(istop && searchbox_transparent && activeCategoryId==0)  ? 1 : 0 }}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{gtitle}}"></top_nav>
		</view>

		<view class="type-navbar" style="top:{{top_nav?(top_nav-4):0}}px">
			<view class="type-box" wx:for="{{categories}}" wx:key="categories">
				<view bindtap="tabClick" class="type-navbar-item {{activeCategoryId==item.id?'type-item-on':''}}" id="{{item.id}}">
					{{item.name}}
				</view>
			</view>
		</view>
		<view class="goods-detail">
			<view class="goods-info" hidden="{{activeCategoryId==0?false:true}}">

				<!-- 有视频和图片的情况 -->
				<view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove" wx:if="{{mapurl}}">
				  <view class="xc-videos-picture rel">
				    <swiper autoplay="{{false}}" current="{{swiperCurrent}}" class="swiper_box  swiperContainer rel" duration="{{1000}}" indicatorDots="{{mapurl?false:true}}" interval="{{3000}}" vertical="{{false}}" bindchange="swiperChange">
				      <swiper-item wx:if="{{mapurl}}">
				        <view wx:if="{{noon == 0}}">
				          <image class="xc-picturess" src="{{iurl+mapurl_f_img}}" mode="aspectFit">
				            <image id="{{index}}" class="xc-play" src="{{iurl}}/miniapp/images/pofang.png" bindtap="videoPlay"></image>
				          </image>
				        </view>
				        <view wx:else>
				          <video class="xc-videos" src="{{iurl+mapurl}}" id="{{index}}" wx:if="{{_index == index}}"></video>
				        </view>
				      </swiper-item>
				      <swiper-item wx:for="{{gallery}}" wx:key="gallery" class="sty">
				        <view class="wh100 g_img_box" style="background-image:url({{iurl +(data.image_url?data.image_url:'miniapp/images/default_g_img.gif')}});"></view>
				      </swiper-item>
				    </swiper>

				    <block wx:if="{{mapurl}}">
				      <view wx:if="{{hiddenn==1}}">
				        <view class="xc-imageCount">{{current}}/{{gallery.length}}</view>
				      </view>
				      <view class="xc-video-picture abs">
				        <view class="xc-video" data-vipi="0" bindtap="videopicture">
				          <view class="{{videopicture==0 ? 'xc-video-button':'xc-video-buttons'}}  {{videopicture==0 ? 'xc-sn':''}}">
				            视频
				          </view>
				        </view>
				        <view class="xc-picture  {{videopicture==1 ? 'xc-sn':''}}" data-vipi="1" bindtap="videopicture">
				          <view>图片</view>
				        </view>
				      </view>
				    </block>

				  </view>
				</view>


				<!-- 只有图片的情况 -->
				<view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove" wx:else>
					<view class="xc-videos-picture rel">
						<swiper autoplay="{{false}}" current="{{swiperCurrent}}" class="swiper_box  swiperContainer rel" duration="{{1000}}"
						 indicatorDots="{{mapurl?false:true}}" interval="{{3000}}" vertical="{{false}}" bindchange="swiperChange">
							<swiper-item class="sty1">
								<image class="wh100" src="{{iurl + (data.image_url?data.image_url:'miniapp/images/default_g_img.gif')}}"
								 binderror="bind_bnerr" mode="aspectFit" lazy-load="true" data-errorimg="gallery[{{index}}].image_url"></image>
							</swiper-item>
						</swiper>
					</view>
				</view>


				<!-- --显示团购价和剩余时间 -->
				<view class="prom_show rel" wx:if="{{prom_type==2}}">

					<view class="abs flex fs36" style="align-items:flex-end;color: #fff; margin-top: 34rpx; margin-left: 10rpx; height: 60rpx">￥{{prom_price}}

						<view wx:if="{{sys_switch.is_retail_price}}" class="word-line fs24 no_line_c" style="margin-left: 10rpx;position: relative;top: -6rpx; color:#fff !important">零售价：￥{{filters.toFix(data.show_price,2)}}</view>
						<view wx:else class="word-line no_line_x fs24" style="margin-left: 10rpx;position: relative;top: -6rpx;color:#fff !important">￥{{filters.toFix(data.shop_price,2)}}</view>
					</view>

					<image class="abs" style="width: 120rpx;top: 32rpx; right: 220rpx;" mode="widthFix" src='{{iurl+"/miniapp/images/activity-time.png"}}'></image>

					<image class="secondkill-img" src='{{iurl+"/miniapp/images/group_img.png"}}'></image>
					<view class="stop fs26 abs"  style="color: #fff;top: 22rpx">

						<block wx:if="{{prom_st==0 && !prom_r_null}}">开始时间</block>
						<block wx:else>结束时间</block>

					</view>
					<view class="secview  flex abs fs24 xc-miaosha-time" style="color: #fff;top: 68rpx">
						<block wx:if="djs.day">{{djs.day}}天</block>{{djs.hou}}小时{{djs.min}}分{{djs.sec}}秒
					</view>
				</view>


				<block>
					<view class="goods-price rel">
						<view class="co-red" style="overflow: hidden">
							<view class="market-price" style="overflow: hidden"></view>
						</view>


						<view class="flex jc_sb" style="padding-bottom: 20rpx;">
							<view>
								<!-- 手店价 -->
								<view class="co-red" wx:if="{{prom_type == 0}}"><text class="rel yuan fs28">￥</text>{{filters.toFix(data.shop_price,2)}}</view>
								<view class="goods-title">
									<view class="goods-name elli"><text  selectable='true' user-select="true">{{data.goods_name}}</text></view>
								</view>
							</view>

							<!-- 这个是分享按钮 -->
							<view wx:if="{{isLogin}}" class="xc-share-frame t-c shrink0" bindtap="clickShare">
								<view class="iconfont icon-share"></view>
								<view class="fs22 c-7b">分享</view>
							</view>
						</view>


						<block wx:if="{{prom_type==1}}">
						  <view class="goods-num">
						    <block>
						      <view class="stock">总数量：{{prom_act.is_virtual_count ? prom_act.goods_num : (prom_act.goods_num+prom_act.virtual)}}件</view>

						      <view class="stock" wx:if="{{prom_act.buy_limit>0}}">限购:{{prom_act.buy_limit}}件</view>
						      <view class="stock" wx:else>限购:不限</view>
							  <view wx:if="{{prom_st>0}}"  class="sales">已售:{{prom_act.buy_num+prom_act.virtual}}件</view>
							  <view wx:else class="sales">已售:{{prom_act.buy_num}}件</view>

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

						<block wx:if="{{prom_type==2}}">
							<view class="goods-num">
								<block>
									<view class="stock">总数量：{{ prom_act.goods_num+prom_act.virtualNum}}件</view>

									<view class="stock" wx:if="{{prom_act.buy_limit>0}}">限购:{{prom_act.buy_limit}}件</view>
									<view class="stock" wx:else>限购:不限</view>
									<view wx:if="{{prom_st>0}}" class="sales">已售:{{prom_act.buy_num+prom_act.virtualNum}}件</view>
									<view wx:else class="sales">已售:{{prom_act.buy_num}}件</view>

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


						<view class="goods-num" wx:else>
							<view class="sales">销量：{{data.sales_sum}}</view>
							<view class="sales">有效天数：{{data.validDays?data.validDays:'不限'}}</view>
						</view>

					</view>
				</block>



				<!-- 门店收货地址 -->
				<view class="xc-address_frame bdt16 flex-vertical xc-ash {{def_pick_store!=null?'sn_height':'on_height'}}">
					<view class="address_frame" bindtap="choice_store" data-ind="0">
						<view class="flex-vertical-between ">
							<view class="flex-vertical select_store_height">
								<image class="stores-img" src="{{iurl}}/miniapp/images/stores.png"></image>
								<view class="fs30" style="color:black;">选择门店</view>
							</view>
							<view hidden="{{has_def && sys_switch.is_pricing_open_store}}" class="red_bb fs26">更多门店<text class="bg_jj"></text></view>
						</view>

						<view wx:if="{{def_pick_store && def_pick_store.pickup_name}}">
							<view class="flex-space-between address ai_end  ">
								<view>
									<text class="fs30 xc-black3 shop_name">{{def_pick_store.pickup_name}}</text>
								</view>
								<view class="distance fs24" 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="no_store" wx:if="{{only_pk && !only_pk.length}}">(未找到门店)</view>
							<block wx:else>
								<view class="no_store" wx:if="{{def_pickpu_list && !def_pickpu_list.length}}">(未找到门店)</view>
								<text wx:elif="{{def_pick_store.is_no_dis_act && !is_normal}}" class="no_store">(该店不可售)</text>
								<block wx:else>
									<view class="no_store" wx:if="{{def_pick_store && def_pick_store.is_no_dis}}">(该店不可售)</view>
								</block>
							</block>

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

				</view>


				<!-- 保障服务 -->
				<view class="bz_view flex bdt16 ai_c" wx:if="{{store_config.service_bz}}">
					<image class="bzfu_img" src="{{iurl}}/miniapp/images/bzfu_w.png"></image>
					<view class="flex f1 ai_c rel" style="position: relative;" bindtap="{{showFold ? 'clickCollapse':''}}">
						<view class="bz-content showArea {{flag ? '':'ellipsis-1x'}}">{{store_config.service_bz}}</view>
					  <view class="bz-content hideArea">{{store_config.service_bz}}</view>
					  <view class="cx-obtain-coupon wsize arrow" wx:if="{{showFold}}">
					    <text class="bg_jj down {{flag ? 'up':''}}"></text>
					  </view>
					</view>
				</view>

				<!-- - 宝贝评价 -- -->
				<view class="bdt16">
				  <view class="bb_view">
				    <view class="bold">宝贝评价({{categories3[0].num}})</view>
				    <view class="red_bb fs26" bindtap="look_pj">
				      查看全部
				      <text class="bg_jj"></text>
				    </view>
				  </view>
				  <view class="xc_comment">
				    <view class="xc_comment-have-pictures" data-val="5" bindtap="clik_evaluate">
				      有图({{categories3[1].num}})
				    </view>
				    <view class="xc_comment-discuss" data-val="2" bindtap="clik_evaluate">
				      好评({{categories3[2].num}})
				    </view>
				    <view class="xc_comment-discuss" data-val="3" bindtap="clik_evaluate">
				      中评({{categories3[3].num}})
				    </view>
				    <view class="xc_comment-discuss" data-val="4" bindtap="clik_evaluate">
				      差评({{categories3[4].num}})
				    </view>
				  </view>
				  <scroll-view scroll-x="true" class="pj_scroll">
				    <view class="flex">
				      <view class="xc_comment-detail" style="" wx:for="{{fir_comments}}" wx:key="{{item}}">
				        <view class="xc_comment-left">
				          <view class="xc_comment-user">
				            <view class="xc_user-img">
				              <image class="xc_imgs" src='{{item.is_anonymous!=1?item.head_pic:iurl+"/miniapp/images/hui_hear_pic.png"}}' binderror="bind_bnerr2" data-errorimg="fir_comments[{{index}}].head_pic"></image>
				            </view>
				            <view class="xc_user">
				              <view class="xc_user-name five-level-word">
				                {{item.is_anonymous!=1?item.username:'匿名'}}
				              </view>
				              <image class="xc_comment-img" src="{{iurl}}/miniapp/images/star-red.png" wx:for="{{item.sum_rank}}" wx:key="{{index}}"></image>
				            </view>
				          </view>
				          <view class="xc_comment-font pj_word_size ellipsis-1 pdt12">
				            <text class="ellipsis-1">{{item.content?item.content:'此用户没有填写评价。'}}</text>
				          </view>
				          <view class="xc_comment-val">
				            <view class="xc_comment-time">{{item.add_time}}</view>
				          </view>
				        </view>
				        <view class="xc_goods-img-frame">
				          <image wx:if="{{item.img[0]!=undefined && item.img[0]!=null}}" class="xc_goods-img" src='{{iurl+item.img[0]}}'></image>
				          <image wx:elif="{{item.weapp_img[0]!=undefined && item.weapp_img[0]!=null}}" class="xc_goods-img" src='{{item.weapp_img[0]}}'></image>
				          <image wx:else class="xc_goods-img" src='{{gallery[0].image_url}}'></image>
				        </view>
				      </view>
				    </view>
				  </scroll-view>
				</view>



				<!-- 图文详情 -->
				<view class="t_g_info bdt16">
				  <view class="red_shu"></view>
				  <view class="fs30 bold">卡项详情</view>
				</view>
				<view class="pdh20">

					<block wx:if="{{listServiceItem && listServiceItem.length > 0}}">
						<view class="card fs28" wx:for="{{listServiceItem}}">
							<view class="flex ai_c jc_sb" style="height: 88rpx;">
								<view class="ellipsis-2 f1" wx:if="{{item.displayqty==1}}" >{{item.projectName}}（无限次）</view>
                <view class="ellipsis-2 f1" wx:else>{{item.projectName}}（{{item.frequency}}次）</view>
								<view class="pdl30 t-r">
										<view class="rmb fs36 bold c-red">{{item.vipprice}}</view>
										<view class="fs22 c-9 del" wx:if="{{item.showPrice}}">零售价：￥{{item.showPrice}}</view>
								</view>
							</view>
							<view class="flex ai_c jc_sb fs24 c-6">
								<view class="ellipsis-1">备注：{{filters.show_default(item.remark, '无')}}</view>
								<!-- 指定开始日期和结束日期 -->
								<view class="pdl30 shrink0">有效期：{{filters.showStartAndEndDate(item, data.validDays)}}</view>
							</view>
						</view>
					</block>

					<block wx:if="{{enableMeiye}}">
						<block wx:if="{{taoheList && taoheList.length > 0}}">
							<view class="taohe fs28" wx:for="{{taoheList}}">
								<view class="flex ai_c jc_sb" style="height: 88rpx;">
									<view class="ellipsis-2 f1">{{item.goods_name}} ({{item.goods_sn}}) ({{item.frequency}}个)</view>
									<view class="pdl30 t-r">
											<view class="rmb fs36 bold c-red">{{item.vipprice}}</view>
											<view class="fs22 c-9 del">零售价：￥{{item.show_price}}</view>
									</view>
								</view>
								<view class="flex ai_c jc_sb fs24 c-6 pdt10">
									<view class="ellipsis-1">备注：{{filters.show_default(item.remark, '无')}}</view>
									<view class="pdl30 shrink0">有效期：{{filters.showStartAndEndDate(item,data.validDays)}}</view>
								</view>
							</view>
						</block>
					</block>

					<!-- <view class="table_s" wx:if="{{service_list}}">
          <view class="tb_item tb-l">
            <view class="item_left f1">
              <text>项目名称</text>
            </view>
						<view class="item_left f1">
						  <text>耗时(分)</text>
						</view>
						<view class="item_left f1">
						  <text>次数</text>
						</view>
          </view>
          <view class="tb_item tb-l" wx:for="{{service_list}}">
            <view class="item_right f1">
              <text>{{item.projectName}}</text>
            </view>
						<view class="item_right f1">
						  <text>{{item.timeConsuming}}</text>
						</view>
						<view class="item_right f1">
						  <text>{{item.frequency}}</text>
						</view>
          </view>
        </view> -->

					<view class="wxParse">
						<template is="wxParse" data="{{wxParseData:content.nodes}}"></template>
					</view>

				</view>

				<!-- 推荐商品 -->
				<view class="flex-center rel xc-linellae-frame">
				  <view class="xc-linellae"></view>
				  <view class="abs flex-center xc-recommend-frame ">
				    <image class=" xc-recommend" src="{{iurl}}/miniapp/images/diamond.png"></image>
				    <view class="xc-recommend-word">推荐</view>
				  </view>
				</view>
				<serviceCard_recommend id="goods_list"></serviceCard_recommend>

			</view>


			<view class="goods-norms" hidden="{{activeCategoryId==1?false:true}}">
				<view class="pd20">
					<!-- <view class="table_s" wx:if="{{service_list}}">
				  <view class="tb_item tb-l">
				    <view class="item_left f1">
				      <text>项目名称</text>
				    </view>
						<view class="item_left f1">
						  <text>耗时(分)</text>
						</view>
						<view class="item_left f1">
						  <text>次数</text>
						</view>
				  </view>
				  <view class="tb_item tb-l" wx:for="{{service_list}}">
				    <view class="item_right f1">
				      <text>{{item.projectName}}</text>
				    </view>
						<view class="item_right f1">
						  <text>{{item.timeConsuming}}</text>
						</view>
						<view class="item_right f1">
						  <text>{{item.frequency}}</text>
						</view>
				  </view>
				</view> -->

				<block wx:if="{{listServiceItem && listServiceItem.length > 0}}">
					<view class="card fs28" wx:for="{{listServiceItem}}">
						<view class="flex ai_c jc_sb" style="height: 88rpx;">
							<view class="ellipsis-2 f1">{{item.projectName}}（{{item.frequency}}次）</view>
							<view class="pdl30 t-r">
									<view class="rmb fs36 bold c-red">{{item.vipprice}}</view>
									<view class="fs22 c-9 del" wx:if="{{item.showPrice}}">零售价：￥{{item.showPrice}}</view>
							</view>
						</view>
						<view class="flex ai_c jc_sb fs24 c-6">
							<view class="ellipsis-1">备注：{{filters.show_default(item.remark, '无')}}</view>
							<!-- 指定开始日期和结束日期 -->
							<view class="pdl30 shrink0">有效期：{{filters.showStartAndEndDate(item, data.validDays)}}</view>
						</view>
					</view>
				</block>

				<block wx:if="{{enableMeiye}}">
					<block wx:if="{{taoheList && taoheList.length > 0}}">
						<view class="taohe fs28" wx:for="{{taoheList}}">
							<view class="flex ai_c jc_sb" style="height: 88rpx;">
								<view class="ellipsis-2 f1">{{item.goods_name}} ({{item.goods_sn}}) ({{item.frequency}}个)</view>
								<view class="pdl30 t-r">
										<view class="rmb fs36 bold c-red">{{item.vipprice}}</view>
										<view class="fs22 c-9 del">零售价：￥{{item.show_price}}</view>
								</view>
							</view>
							<view class="flex ai_c jc_sb fs24 c-6 pdt10">
								<view class="ellipsis-1">备注：{{filters.show_default(item.remark, '无')}}</view>
								<view class="pdl30 shrink0">有效期：{{filters.showStartAndEndDate(item,data.validDays)}}</view>
							</view>
						</view>
					</block>
				</block>

					<view class="wxParse">
						<template is="wxParse" data="{{wxParseData:content.nodes}}"></template>
					</view>

				</view>
			</view>

			<view class="goods-comment" hidden="{{activeCategoryId==2?false:true}}">
			  <view class="topframe">
			    <view class="topframe-top">
			      <view class="topframe-top-content">
			        <view>宝贝评价</view>
			        <view class="topframe-top-val">({{categories3[0].num}})</view>
			      </view>
			      <view class="topframe-praise" wx:if="{{categories3[0].num}}">
			        好评{{ filters.toFix(categories3[2].num/categories3[0].num*100,2) }}%
			      </view>
			      <view wx:else>好评 0%</view>
			    </view>
			    <view class="buttem-list">
			      <view bindtap="tabClick3" id="{{item.id}}" wx:for="{{categories3}}" wx:key="categories3" class="item {{activeCategoryId3==item.id?'red':''}}">
			        {{item.name}}({{item.num}})
			      </view>
			    </view>
			  </view>
			  <block wx:for="{{comments}}" wx:for-index="cIdx" wx:key="{{cIdx}}">
			    <view style='border-bottom:4rpx solid #eee;'>
			      <view class="middle">
			        <view class="middle-img-frame">
			          <image class="middle-img" src="{{item.is_anonymous!=1?item.head_pic:iurl+'/miniapp/images/hui_hear_pic.png'}}" binderror="bind_bnerr2" data-errorimg="comments[{{cIdx}}].head_pic"></image>
			          <view class="middle-user-frame">
			            <view class="middle-user">
			              {{item.username==''||item.is_anonymous==1 ?'匿名用户':item.username}}
			            </view>
			            <image class="star" src="{{iurl}}/miniapp/images/star-red.png" wx:for="{{item.sum_rank}}" wx:key="{{index}}"></image>
			          </view>
			        </view>
			        <view class="xc-pirces">
			          <view class="middle-font {{item.seeMore==true?'ellipsis-3':''}}" style="word-break: break-all;">
			            {{item.content?item.content:'此用户没有填写评价。'}}
			          </view>
			        </view>
			        <view wx:if='{{item.seeMore}}' data-index='{{cIdx}}' class="s_btn fs30 red-co" catchtap='toggleHandler'>
			          全部显示
			        </view>
			        <view wx:if='{{!item.seeMore && item.auto}}' data-index='{{cIdx}}' class="s_btn fs30 red-co" catchtap='toggleContent'>
			          收起
			        </view>
			        <view class="img-ul">
			          <block wx:if="{{item.source_type==0}}">
			            <view class="img-li" wx:for="{{item.img}}" wx:key="{{index}}">
			              <image bindtap="previewCommentImgs" class="wh100" data-cidx="{{cIdx}}" data-img="{{iurl}}{{item}}" data-id="{{index}}" src="{{iurl}}{{item}}"></image>
			            </view>
			          </block>
			          <block wx:if="{{item.source_type==1}}">
			            <view class="img-li" wx:for="{{item.weapp_img}}" wx:if="{{aitem.length>10}}" wx:key="{{index}}" wx:for-item="aitem">
			              <image bindtap="previewCommentImgs_w" class="wh100" data-cidx="{{cIdx}}" data-img="{{aitem}}" data-id="{{index}}" src="{{aitem}}"></image>
			            </view>
			          </block>
			        </view>
			        <view class="z_parameter">
			          <view class="parameter-font">{{item.add_time}}</view>
			          <view class="parameter-dian" bindtap="click_zan" data-com_id="{{item.comment_id}}" data-item_id="{{cIdx}}">
			            <image wx:if="{{item.userZanNum==1}}" class="parameter-img" src="{{iurl}}/miniapp/images/zan_red.png"></image>
			            <image wx:else class="parameter-img" src="{{iurl}}/miniapp/images/dianzan.png"></image>
			            <view class="parameter-val" style='color:{{item.userZanNum==1? "#d60022":"#999" }}'>
			              {{item.zan_num}}
			            </view>
			          </view>
			        </view>
			      </view>
			      <view class="reply rel" wx:if="{{item.replay_list}}">
			        <view class="line_bulge"></view>
			        <view class="shop-reply">店家回复:</view>
			        <view class="shop-font" wx:for="{{item.replay_list}}" wx:for-item="r_item" wx:key="{{index}}">
			          {{r_item.content}}
			        </view>
			      </view>
			    </view>
			  </block>
			  <block wx:if="{{(!comments || comments.length==0) && get_c }}">
			    <text class="no_pj_list">暂无评价</text>
			  </block>
			  <block wx:if="{{comments.length>10 && comments_no_more}}">
			    <text class="no_pj_list">已经加载到底部</text>
			  </block>
			</view>
		</view>
	</view>
	<!---滚动到顶部---->
	<!-- <view bindtap="doScrollTop" class="toTop" wx:if="{{supportPageScroll}}">
		<image class="wh100" src="{{iurl}}/miniapp/images/topup.png"></image>
	</view> -->

	<!-- 底部按钮 -->
	<view class="join-cart ai_c">

		<view class="flex">
			<view class="custom-service cart-ico new_split pdh20" bindtap="openCS">
			  <image class="cs-img" src="{{iurl}}/miniapp/images/custom-service.png"></image>
			  <view>客服</view>
			</view>

			<view bindtap="collectGoods" class="custom-service cart-ico new_split t-c pdh20">
			  <image hidden="{{is_collect}}" class="cs-img" src="{{iurl}}/miniapp/images/heart.png"></image>
			  <image hidden="{{!is_collect}}" class="cs-img" src="{{iurl}}/miniapp/images/heart-h.png"></image>
			  <view>收藏</view>
			</view>

			<view class="shopping-cart cart-ico new_split pdh20">
				<navigator open-type="switchTab" url="/pages/cart/cart/cart" style="text-align: center">
					<image class="sc-img" src="{{iurl}}/miniapp/images/shopping-cart.png"></image>
<!--					<view class="cart-num ellipsis-1"> {{cartGoodsNum}} </view>-->
					<view>购物车</view>
				</navigator>
			</view>
		</view>


		<view class="flex f1 btn-group">
			<!-- -----团购------ -->
			<block wx:if="{{prom_type==2}}">
				<block wx:if="{{prom_st==1 && !prom_r_null}}">
					<view bindtap="openSpecModel" data-ind="1" class="join-btn cart-btn f1">加入购物车</view>
					<view bindtap="openSpecModel" data-ind="2" class="buy-btn cart-btn f1">立即抢购</view>
				</block>

				<block wx:if="{{prom_st==0 && !prom_r_null}}">
					<view class="buy-btn cart-btn cart-btn-lg lanse f1">即将开始</view>
				</block>
				<block wx:if="{{prom_r_null}}">
					<view  class="buy-btn cart-btn cart-btn-lg huise f1">已抢光</view>
				</block>
				<block wx:if="{{prom_st==3 && !prom_r_null}}">
					<view  class="buy-btn cart-btn cart-btn-lg lanse f1">活动已经结束</view>
				</block>
			</block>

			<!-- 从“我的服务”入口进入购买商品 -->
			<block wx:else>
				<view bindtap="openSpecModel" data-ind="1" class="join-btn cart-btn f1">加入购物车</view>
				<view bindtap="openSpecModel" data-ind="2" class="buy-btn cart-btn f1">立即购买</view>
			</block>

		</view>

	</view>

	<!--  制作一个圆球导航  -->
	<nav_box></nav_box>
</block>

<!-- 弹起来,选择规格数量,普通商品购买和秒杀 -->
<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" src="{{iurl}}{{data.image_url?data.image_url:'miniapp/images/default_g_img.gif'}}"
				 binderror="pop_err_img" data-errorimg="data.image_url" />
				<view class="spec-goods-info">
					<view class="spec-goods-name ellipsis-2">{{data.goods_name}}</view>
					<view class="flex ai_end xc-val-money">
						<view class="spec-goods-price">
							<text class="fs20">￥</text>
							<block wx:if="{{prom_type == 2}}">{{prom_price}}</block>
							<block wx:else>{{data.shop_price}}</block>
						</view>
					</view>
				</view>
			</view>



			<!-- 选择门店模块 -->
			<view class="flex-space-between address ai_end xc-width" style="padding-top: 30rpx;">
				<view class="flex" wx:if="{{def_pick_store && def_pick_store.pickup_name}}">
					<text class="fs30 xc-black3 shop_name" style="width:360rpx">{{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="fs30" style="color:black;">选择门店</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.is_no_dis}}">(该店不可售)</view>
					<view class="no_store" wx:elif="{{def_pick_store.is_no_dis_act}}">(该店不可售)</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}}">地址:{{def_pick_store.fulladdress}}</view>
		</view>



		<view class="b_num">
			<view>购买数量</view>
			<view class="count">
				<view class="sub {{goodsInputNum <= 1 ? 'active':''}}" wx:if="{{goodsInputNum <= 1}}">-</view>
				<view bindtap="subCartNum" class="sub" wx:else>-</view>
				<input bindblur="inputCartNum" type="number" value="{{goodsInputNum}}"></input>
				<view bindtap="addCartNum" class="add">+</view>
			</view>
		</view>



		<view class="spec-cart-btns">
			<view wx:if="{{def_pick_store && def_pick_store.is_no_dis}}" class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">该店不可售</view>
			<view wx:elif="{{def_pick_store && def_pick_store.is_no_dis_act}}" class="spec-cart-btn fs32" data-action="add" style="background-color: #dcdcdc;color: #999;">该店不可售</view>
			<block wx:else>

				<!-- 根本就找不到门店 -->
				<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>

                                     <view wx:if="{{openSpecModal_ind==1}}" bindtap="addCart" data-openSpecModal_ind="{{openSpecModal_ind}}" class="spec-cart-btn yellow fs32 {{!sto_sele_name?'gray':''}}"
                                         data-action="add">加入购物车</view>
                                     <!-- 秒杀 -->
                                     <block wx:if="{{prom_type == 2}}">
                                         <view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart" data-openSpecModal_ind="{{openSpecModal_ind}}" class="spec-cart-btn spec-buy {{!sto_sele_name?'gray':''}}"
                                          data-action="buy" data-promtype="{{prom_type}}" data-promid="{{prom_id}}">
                                            立即购买
                                         </view>
                                     </block>

                                     <!-- 普通商品 -->
                                     <block wx:else>
                                         <view wx:if="{{openSpecModal_ind==2}}" bindtap="addCart" data-openSpecModal_ind="{{openSpecModal_ind}}" class="spec-cart-btn spec-buy {{!sto_sele_name?'gray':''}}"
                                            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="searchbar flex-vertical-between storeListpadd">
        <input class="inputstore fs28" placeholder="输入要搜索的门店" value="{{keyword}}" placeholder-class="fs28" maxlength="16" bindinput="input_store" bindconfirm="searchfn" />
        <view class="search flex-center" bindtap="searchfn">
          <view class="fs28">搜索</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}}
												<block wx:if="{{tool.is_no_dis(data.storageId,item.keyid)}}">
													<text class="no_store">(该店不可售)</text>
												</block>
												<text wx:elif="{{item.is_no_dis_act && !is_normal}}" class="no_store">(该店不可售1)</text>

											</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}}
												<block wx:if="{{tool.is_no_dis(data.storageId,item.keyid)}}">
													<text class="no_store">(该店不可售)</text>
												</block>
												<text wx:elif="{{item.is_no_dis_act && !is_normal}}" class="no_store">(该店不可售)</text>
											</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}}
											<block wx:if="{{tool.is_no_dis(data.storageId,item.keyid)}}">
												<text class="no_store">(该店不可售)</text>
											</block>
											<text wx:elif="{{item.is_no_dis_act && !is_normal}}" class="no_store">(该店不可售)</text>
										</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>
<!--  ---------------分享弹窗--------------- -->
<!--二维码显示页面-->
<canvas canvas-id='share' style='width:750rpx;height:1217rpx;background-color:white;' wx:if='{{!canvasHidden}}'></canvas>
<warn id="warn"></warn>

<view wx:if="{{showPoster}}">
	<view class="mask" catchtap="closePoster"></view>
	<view class="poster-container">
		<view class="poster-wrapper">
			<view class="poster" bindtap="previewPoster">
				<!-- <view class="poster" bindtap="previewImage"> -->
				<image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image>
				<view class="btn-close" catchtap="closePoster">
					<text class="iconfont icon-close"></text>
				</view>
			</view>
			<view class="btn-container">
				<!-- <button class="btn-share" open-type="share" bindtap="">微信好友分享</button> -->
				<button class="btn-share" bindtap="savePic">保存到相册</button>
			</view>
		</view>
	</view>
</view>

<!-- 弹起来,购买预热商品的普通购买 -->
<view hidden="{{!openSpecModal_flash_normal}}">
  <include src="buy_flash_normal.wxml" />
</view>


<!-- 联系客服操作菜单 -->
<include src="../../../../components/com_servicer/com_servicer.wxml"></include>

<!-- 分享控件，底部弹出 -->
<share id="share_button" bind:send="send" bind:cancel="cancel" bind:share_img="saveImageFn" wx:if="{{share_hidden}}"></share>
