goods.wxml 17 KB
<wxs src="../../../../utils/filter.wxs" module="filter"></wxs>
<wxs module="g_filter" src="g_filter.wxs"></wxs>
<view>
	<view class="head pr">
		<!-- 搜索 -->
		<view class="flex ai-center fs26 bg-white pd20">
			<view class="input-container f1">
				<input class="input" type="text" value="{{inputVal}}" placeholder="请输入商品关键字" bindfocus="inputFocus" bindblur="inputBlur" bindinput="input" confirm-type="search" bindconfirm="search"/>
				<text class="iconfont icon-guanbi" hidden="{{!isInputFocus}}" catchtap="inputClear"></text>
				<!-- 搜索输入框聚焦时显示关闭按钮,否则隐藏关闭按钮 -->
			</view>
			<view class="pd20 filter {{isHiddenDropdown ? '':'c-red'}}" bindtap="clickFilter">筛选</view>
			
			<view class="dropdown {{isHiddenDropdown ? '':'show'}}" hidden="{{isHiddenDropdown}}">
				<view class="dropdown-wrapper">
					<view class="pd20 bsbb">
						<view class="pdb20">国家</view>
						<view class="flex wrap t-c" bindtap="select">
							<view class="w25 pdt20" wx:for="{{nationList}}"><text class="label {{nationIndex == index ? 'selected':''}}" data-id="{{item.nation_id}}" data-name="nation" data-index="{{index}}">{{item.name}}</text></view>
						</view>
					</view>
					<view class="pd20 bsbb" >
						<view class="pdb20">品牌</view>
						<view class="flex wrap t-c" bindtap="select">
							<view class="w25 pdt20" wx:for="{{brandList}}"><text class="label {{brandIndex == index ? 'selected':''}}" data-id="{{item.brand_id}}" data-name="brand" data-index="{{index}}">{{item.name}}</text></view>
						</view>
					</view>
					<view class="pd20 bsbb">
						<view class="pdb20">价格区间</view>
						<view class="flex t-c ai-center jc-center">
							<view class="w30 pdh20"><input type="number" value="{{price}}" placeholder="最低价" class="input-price" bindinput="getPrice" data-ismax="0"/></view>
							<view class="mgh20">-</view>
							<view class="w30 pdh20"><input type="number" value="{{price}}" placeholder="最高价" class="input-price" bindinput="getPrice" data-ismax="1"/></view>
							<!-- <view class="w25 pdt20"><text class="label">品牌一</text></view> -->
						</view>
					</view>
					<!-- <view>
						<view class="pd20 bold">价格</view>
						<view class="flex">
							<view>价格一</view>
							<view>价格二</view>
							<view>价格三</view>
						</view>
					</view> -->
				</view>
				<view class="flex t-c">
					<view class="pd30 f1 bg-f0" bindtap="reset">重置</view>
					<view class="pd30 f1 l-red white" bindtap="startFilter">确定</view>
				</view>
			</view>
			<view class="mask" bindtap="clickMask"></view>
		</view>
		
		
		<view class="flex t-c fs26 bg-white bdb" bindtap="clickTab">
			<block wx:for="{{tabArr}}">
				<view class="f1 pd20 {{currentTabIndex == index ? 'active':''}}" data-index="{{index}}" wx:if="{{index != 3}}">{{item}}</view>
				<view class="f1 pd20 {{currentTabIndex == index ? 'active':''}}" data-index="{{index}}" wx:else  bindtap="clickSort">
					{{item}}<text class="iconfont icon-sort2 c-db" wx:if="{{!isSort}}" data-index="{{index}}"></text>
					<text class="t-icon t-icon-sort-up {{isDescending ? 'reverse':''}}" data-index="{{index}}" wx:else></text>
				</view>
			</block>
			<view class="f1 pd20" catchtap="change">
				<text class="iconfont {{isShowRow ? 'icon-fenxiang':'icon-fenlie'}}"></text>
			</view>
		</view>
		
	</view>
	
	
	<view class="content {{(options.index == 1 && currentTabIndex ==1) ? 'pdb0':''}}">
		<checkbox-group class="fs26" wx:if="{{isShowRow}}" bindchange="checkboxChange">
			<view class="item bg-white flex ai-center pd16" wx:for="{{list.pageData}}">
				<!-- <label>
					
				</label> -->
				<checkbox value="{{item.goods_id}}" checked="{{item.checked}}"/>
				<view class="flex pdl10" bindtap="goto" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
					<view class="pdr20"><image class="img" src="{{imghost + (item.original_img ? item.original_img : default_img)}}" lazy-load/></view>
					<view class="flex fdc jc_sb">
						<view class="ellipsis-2">{{item.goods_name}}</view>
						<view>
							<!-- 判断是否有活动价 -->
							<block wx:if="{{item.prom_price>0 || item.prom_integral>0}}">
							  <view class="flex xc-wc ai-center" >
										  <text wx:if="{{item.prom_integral}}"><text class="fs30">{{item.prom_integral}}</text>积分</text>	
										  <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>	
							    <!-- 活动价 -->
							    <view class="flex xc-wc ai-center" wx:if="{{item.prom_price}}">
							      <!-- <view class="fs24">¥</view> -->
							      <view class="fs30 money">{{item.prom_price}}</view>
							    </view>
							  </view>
							  <view class="flex" style="line-height: 28rpx;">
							    <!-- 原价 -->
							    <view class="price flex xc-ash line_th">
							      <!-- <view class="fs22">¥</view> -->
							      <view class="fs22 money">{{item.market_price}}</view>
							    </view>
							  </view>
							</block>
							<block wx:else>
							  <!-- 商品价格,先判断下是后⼜等级价-->
							  <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
							    <!-- 当会员是等级卡的时候 -->
							    <block wx:if="{{card_field}}">
							      <!-- 等级价>0 -->
							      <block wx:if="{{item[card_field]>0}}">
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item[card_field],2)}}</view>
							            <view class="card_bg">
							              <image src="{{imghost + 'miniapp/images/plus/dj_icon.png'}}"></image>
							              <text class="card_name ellipsis-1">{{card_name}}</text>
							            </view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </block>
							      <blocK wx:else>
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </blocK>
							    </block>
							    <block wx:else>
							      <!-- 如果商品有设置等级价⼤于0的 -->
							      <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							        <view class="flexr">
							          <!-- 等级价 -->
																	<view class="price flex ai-center">
																	  <!-- <view class="fs22">¥</view> -->
																	  <view class="fs28 money">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
																	  <view class="card_bg">
																	    <image src="{{imghost + 'miniapp/images/plus/dj_icon.png'}}" class="badge"></ image>
																			<text class="card_name ellipsis-1">{{g_filter.get_card_price(item,card_list,1)}}</text>
																		</view>
																	</view>
							        </view>
							      </block>
							      <block wx:else>
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </block>
							    </block>
							  </block>
							  <!-- 商品压根就没有等级价 -->
							  <block wx:else>
							    <view class="flex">
							      <!-- 办卡价 -->
							      <view class="flex xc-wc ai-center">
							        <!-- <view class="fs24">¥</view> -->
							        <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							      </view>
							    </view>
							    <view class="flex" style="line-height: 28rpx;">
							      <!-- 原价 -->
							      <view class="price flex xc-ash line_th">
							        <!-- <view class="fs22">¥</view> -->
							        <view class="fs22 money">{{item.market_price}}</view>
							      </view>
							    </view>
							  </block>
							</block>
							<!-- <view class="money fs32 c-red">{{item.market_price}}</view> -->
							<view class="fs24 c-a">分成金额:<text class="money c-red">{{item.commission}}</text></view>
						</view>
					</view>
				</view>
			</view>			
		</checkbox-group>
		
		<checkbox-group class="fs26 flex pd16 wrap"  catchchange="checkboxChange" wx:else>
			<view class="item2 bg-white" wx:for="{{list.pageData}}" bindtap="goto" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
				<image class="img2" src="{{imghost + (item.original_img ? item.original_img : default_img)}}" mode="aspectFit" lazy-load/>
				<view class="pd20 fs26 flex jc_sb fdc f1">
					<view class="ellipsis-2">{{item.goods_name}}</view>
					<view class="flex ai-center pdt20">
						<checkbox value="{{item.goods_id}}" checked="{{item.checked}}" data-name="checkbox" wx:if="{{!(options.index == 1 && currentTabIndex ==1)}}"/>
						<view>
							<!-- 判断是否有活动价 -->
							<block wx:if="{{item.prom_price>0 || item.prom_integral>0}}">
							  <view class="flex xc-wc ai-center" >
										  <text wx:if="{{item.prom_integral}}"><text class="fs30">{{item.prom_integral}}</text>积分</text>	
										  <text wx:if="{{item.prom_integral && item.prom_price}}">+</text>	
							    <!-- 活动价 -->
							    <view class="flex xc-wc ai-center" wx:if="{{item.prom_price}}">
							      <!-- <view class="fs24">¥</view> -->
							      <view class="fs30 money">{{item.prom_price}}</view>
							    </view>
							  </view>
							  <view class="flex" style="line-height: 28rpx;">
							    <!-- 原价 -->
							    <view class="price flex xc-ash line_th">
							      <!-- <view class="fs22">¥</view> -->
							      <view class="fs22 money">{{item.market_price}}</view>
							    </view>
							  </view>
							</block>
							<block wx:else>
							  <!-- 商品价格,先判断下是后⼜等级价-->
							  <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
							    <!-- 当会员是等级卡的时候 -->
							    <block wx:if="{{card_field}}">
							      <!-- 等级价>0 -->
							      <block wx:if="{{item[card_field]>0}}">
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item[card_field],2)}}</view>
							            <view class="card_bg">
							              <image src="{{imghost + 'miniapp/images/plus/dj_icon.png'}}" class="badge"></image>
							              <text class="card_name ellipsis-1">{{card_name}}</text>
							            </view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </block>
							      <blocK wx:else>
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </blocK>
							    </block>
							    <block wx:else>
							      <!-- 如果商品有设置等级价⼤于0的 -->
							      <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							        <view class="flexr" style="">
							          <!-- 等级价 -->
													<view class="price flex ai-center">
														<!-- <view class="fs22">¥</view> -->
														<view class="fs28 money">{{filter.toFix(g_filter.get_card_price(item,card_list,0),2)}}</view>
														<view class="card_bg">
															<image src="{{imghost + 'miniapp/images/plus/dj_icon.png'}}"></ image>
															<text class="card_name ellipsis-1">{{g_filter.get_card_price(item,card_list,1)}}</text>
														</view>
													</view>
							        </view>
							      </block>
							      <block wx:else>
							        <view class="flex">
							          <!-- 办卡价 -->
							          <view class="flex xc-wc ai-center">
							            <!-- <view class="fs24">¥</view> -->
							            <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							          </view>
							        </view>
							        <view class="flex" style="line-height: 28rpx;">
							          <!-- 原价 -->
							          <view class="price flex xc-ash line_th">
							            <!-- <view class="fs22">¥</view> -->
							            <view class="fs22 money">{{item.market_price}}</view>
							          </view>
							        </view>
							      </block>
							    </block>
							  </block>
							  <!-- 商品压根就没有等级价 -->
							  <block wx:else>
							    <view class="flex">
							      <!-- 办卡价 -->
							      <view class="flex xc-wc ai-center">
							        <!-- <view class="fs24">¥</view> -->
							        <view class="fs30 money">{{filter.toFix(item.shop_price,2)}}</view>
							      </view>
							    </view>
							    <view class="flex" style="line-height: 28rpx;">
							      <!-- 原价 -->
							      <view class="price flex xc-ash line_th">
							        <!-- <view class="fs22">¥</view> -->
							        <view class="fs22 money">{{item.market_price}}</view>
							      </view>
							    </view>
							  </block>
							</block>
							<!-- <view class="money c-red fs32">{{item.market_price}}</view> -->
							<view class="c-a fs24">分成金额:<text class="money c-red">{{filter.toFix(item.commission, 2)}}</text></view>
						</view>
					</view>
				</view>
			</view>
		</checkbox-group>
		
		<nodata class="t-c" wx:if="{{list.pageData.length == 0 || list == null}}"></nodata>
		<view class="noMore" hidden="{{!noMore}}" wx:if="{{list.pageData.length !== 0}}">- 已经到底了 -</view>
	</view>
	

	
	
	
	<view class="bottomBar flex pd20 jc_sb fs26 ai-center" wx:if="{{!(options.index == 1 && currentTabIndex ==1)}}">
		<!-- <view> -->
			<label class="flex ai-center" bindtap="clickCheckAll" wx:if="{{!(options.index == 1 && currentTabIndex ==1)}}">
				<checkbox checked="{{isCheckAll}}"/>全选
			</label>
		<!-- </view> -->
		<view class="pd20 btn" wx:if="{{options.index == 0}}" bindtap="putOn">一键上架</view>
		<view class="pd20 btn" wx:else bindtap="pullOff">一键下架</view>
	</view>
	
	

</view>