|
|
@@ -19,53 +19,53 @@
|
|
|
<span>></span> <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>
|
|
|
</div>
|
|
|
|
|
|
-<!-- <template v-if="isPC && listData && listData.length>0">-->
|
|
|
-<!-- <!– 面包屑 –>-->
|
|
|
-<!-- <div v-if="searchFlag" class="crumbs">-->
|
|
|
-<!-- <span>搜索结果</span>-->
|
|
|
-<!-- <span>></span> <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div v-else class="crumbs">-->
|
|
|
-<!-- <a href="/">首页</a>-->
|
|
|
-<!-- <template v-if="params.bid && params.bid>0">-->
|
|
|
-<!-- <template v-if="params.sid && params.sid>0">-->
|
|
|
-<!-- <span>></span> <a :href="'/product/list.html?category='+params.bid+'-0-0'" v-text="bigType"></a>-->
|
|
|
-<!-- <template v-if="params.tid && params.tid>0">-->
|
|
|
-<!-- <span>></span> <a :href="'/product/list.html?category='+params.bid+'-'+params.sid+'-0'" v-text="smallType"></a>-->
|
|
|
-<!-- <span>></span> <span v-text="tinyType"></span>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- <template v-else>-->
|
|
|
-<!-- <span>></span> <span v-text="smallType"></span>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- <template v-else>-->
|
|
|
-<!-- <span>></span> <span v-text="bigType"></span>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <!–分类–>-->
|
|
|
-<!-- <div v-if="(!searchFlag)" id="listClassify" class="classifyBox">-->
|
|
|
-<!-- <div class="clsTab">-->
|
|
|
-<!-- <template v-for="(big,i) in classify">-->
|
|
|
-<!-- <a :class="{'on': params.bid==big.bigTypeID}" v-if="big.validFlag==1" href="javascript:void(0);" v-text="big.name"></a>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="clsCon">-->
|
|
|
-<!-- <div class="tabItem" v-for="big in classify" :bid="big.bigTypeID" style="display: none;">-->
|
|
|
-<!-- <div class="line" :class="{'on': params.sid==small.smallTypeID}" v-for="small in big.smalltypeList" v-if="small.validFlag==1">-->
|
|
|
-<!-- <div class="lft" :class="{'on': params.sid==small.smallTypeID}">-->
|
|
|
-<!-- <a :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-0'" v-text="small.name"></a>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="rgt">-->
|
|
|
-<!-- <template v-for="tiny in small.tinytypeList">-->
|
|
|
-<!-- <a v-if="tiny.validFlag==1" :class="{'on': params.tid==tiny.tinyTypeID}" :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-'+tiny.tinyTypeID" v-text="tiny.name"></a>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </template>-->
|
|
|
+ <!-- <template v-if="isPC && listData && listData.length>0">-->
|
|
|
+ <!-- <!– 面包屑 –>-->
|
|
|
+ <!-- <div v-if="searchFlag" class="crumbs">-->
|
|
|
+ <!-- <span>搜索结果</span>-->
|
|
|
+ <!-- <span>></span> <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div v-else class="crumbs">-->
|
|
|
+ <!-- <a href="/">首页</a>-->
|
|
|
+ <!-- <template v-if="params.bid && params.bid>0">-->
|
|
|
+ <!-- <template v-if="params.sid && params.sid>0">-->
|
|
|
+ <!-- <span>></span> <a :href="'/product/list.html?category='+params.bid+'-0-0'" v-text="bigType"></a>-->
|
|
|
+ <!-- <template v-if="params.tid && params.tid>0">-->
|
|
|
+ <!-- <span>></span> <a :href="'/product/list.html?category='+params.bid+'-'+params.sid+'-0'" v-text="smallType"></a>-->
|
|
|
+ <!-- <span>></span> <span v-text="tinyType"></span>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- <template v-else>-->
|
|
|
+ <!-- <span>></span> <span v-text="smallType"></span>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- <template v-else>-->
|
|
|
+ <!-- <span>></span> <span v-text="bigType"></span>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <!–分类–>-->
|
|
|
+ <!-- <div v-if="(!searchFlag)" id="listClassify" class="classifyBox">-->
|
|
|
+ <!-- <div class="clsTab">-->
|
|
|
+ <!-- <template v-for="(big,i) in classify">-->
|
|
|
+ <!-- <a :class="{'on': params.bid==big.bigTypeID}" v-if="big.validFlag==1" href="javascript:void(0);" v-text="big.name"></a>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="clsCon">-->
|
|
|
+ <!-- <div class="tabItem" v-for="big in classify" :bid="big.bigTypeID" style="display: none;">-->
|
|
|
+ <!-- <div class="line" :class="{'on': params.sid==small.smallTypeID}" v-for="small in big.smalltypeList" v-if="small.validFlag==1">-->
|
|
|
+ <!-- <div class="lft" :class="{'on': params.sid==small.smallTypeID}">-->
|
|
|
+ <!-- <a :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-0'" v-text="small.name"></a>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="rgt">-->
|
|
|
+ <!-- <template v-for="tiny in small.tinytypeList">-->
|
|
|
+ <!-- <a v-if="tiny.validFlag==1" :class="{'on': params.tid==tiny.tinyTypeID}" :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-'+tiny.tinyTypeID" v-text="tiny.name"></a>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </template>-->
|
|
|
<!--loading-->
|
|
|
<div v-if="listLoading" class="loading">
|
|
|
<img src="/img/base/loading.gif">
|
|
|
@@ -79,15 +79,54 @@
|
|
|
</div>
|
|
|
<template v-else>
|
|
|
<!--品牌选择-->
|
|
|
- <div class="product-brand clear">
|
|
|
- <div class="product-brand-name" :class="isShowAllBrands ? 'show' : ''">品牌</div>
|
|
|
- <div class="product-brand-list" :class="isShowAllBrands ? 'show' : ''">
|
|
|
- <div class="brand-list" v-for="(brand,index) in brandLists" :key="index">
|
|
|
- <a href="javascript:void(0)" :title="brand.name" v-html="brand.name"></a>
|
|
|
+ <template v-if="isPC">
|
|
|
+ <div class="product-brand clear">
|
|
|
+ <div class="product-brand-name" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <p class="title">品牌</p>
|
|
|
+ <p v-if="!isPC" class="num">已选中<span>{{ checkedBrandLength }}</span>个品牌</p>
|
|
|
</div>
|
|
|
+ <div class="product-brand-list" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <div class="brand-list" v-for="(brand,index) in brandLists" :key="index"
|
|
|
+ @click="choiceBrand(brand, index)" :class="brand.isChecked ? 'checked' : ''">
|
|
|
+ <a href="javascript:void(0)" :title="brand.name" v-html="brand.name"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-more" :class="isShowAllBrands ? 'show' : ''" @click="showMoreItem">{{
|
|
|
+ isShowAllBrands ? '收起' : '更多' }} <i class="icon mIcon"></i></div>
|
|
|
</div>
|
|
|
- <div class="product-brand-more" @click="showMoreItem">更多<i class="icon mIcon"></i></div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="product-brand-fiexd" v-if="isProductScreen">
|
|
|
+ <div class="product-brand clear">
|
|
|
+ <div class="product-screen">
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedActivi">
|
|
|
+ <span>促销商品</span>
|
|
|
+ <span class="coll-checked" :class="[isActiviChecked ? 'checked': '']"></span>
|
|
|
+ </div>
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedNews">
|
|
|
+ <span>新品</span>
|
|
|
+ <span class="coll-checked" :class="[isNewsChecked ? 'checked': '']"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-name" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <p class="title">品牌</p>
|
|
|
+ <p v-if="!isPC" class="num">已选中<span>{{ checkedBrandLength }}</span>个品牌</p>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-list" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <div class="brand-list" v-for="(brand,index) in brandLists" :key="index"
|
|
|
+ @click="choiceBrand(brand, index)" :class="brand.isChecked ? 'checked' : ''">
|
|
|
+ <a href="javascript:void(0)" :title="brand.name" v-html="brand.name"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-more" :class="isShowAllBrands ? 'show' : ''" @click="showMoreItem">{{
|
|
|
+ isShowAllBrands ? '收起' : '查看全部' }} <i
|
|
|
+ class="icon mIcon"></i></div>
|
|
|
+ <div class="product-screen-btn" @click="handleConfirmScreen">
|
|
|
+ <div class="sub-button">确定</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<!--排序-->
|
|
|
<div class="sortBox">
|
|
|
<ul class="mfc clear">
|
|
|
@@ -113,16 +152,19 @@
|
|
|
@click="toSortList('price',1)"><span>价格</span></li>
|
|
|
<li v-else @click="toSortList('price',0)"><span>价格</span></li>
|
|
|
</template>
|
|
|
+ <template v-if="!isPC">
|
|
|
+ <li @click="showIsProductScreen"><span>筛选</span></li>
|
|
|
+ </template>
|
|
|
</ul>
|
|
|
- <div class="sortBox-checked">
|
|
|
- <div class="sortBox-new" @click="">
|
|
|
- <span class="coll-checked" :class="[isAllChecked ? 'checked': '']"></span>
|
|
|
- <span>新品</span>
|
|
|
- </div>
|
|
|
- <div class="sortBox-new" @click="">
|
|
|
- <span class="coll-checked" :class="[isAllChecked ? 'checked': '']"></span>
|
|
|
+ <div class="sortBox-checked" v-if="isPC">
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedActivi">
|
|
|
+ <span class="coll-checked" :class="[isActiviChecked ? 'checked': '']"></span>
|
|
|
<span>促销商品</span>
|
|
|
</div>
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedNews">
|
|
|
+ <span class="coll-checked" :class="[isNewsChecked ? 'checked': '']"></span>
|
|
|
+ <span>新品</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--商品列表-->
|
|
|
@@ -156,16 +198,21 @@
|
|
|
<!--0公开价格 1不公开价格 2仅对会员机构公开-->
|
|
|
<div class="main_price_unde" v-if="p.priceFlag==1">￥价格未公开</div>
|
|
|
<!-- 资质机构 || (价格全部机构可见 && 普通机构) || (供应商 && 商品为供应商下的商品) || 超级会员用户 -->
|
|
|
- <template v-else-if="GLOBAL_USER_IDENTITY === 2 || (p.priceFlag === 0 && GLOBAL_USER_IDENTITY === 4) || (GLOBAL_USER_IDENTITY === 3 && p.shopId === GLOBAL_SHOP_ID) || GLOBAL_VIP_FLAG === 1">
|
|
|
+ <template
|
|
|
+ v-else-if="GLOBAL_USER_IDENTITY === 2 || (p.priceFlag === 0 && GLOBAL_USER_IDENTITY === 4) || (GLOBAL_USER_IDENTITY === 3 && p.shopId === GLOBAL_SHOP_ID) || GLOBAL_VIP_FLAG === 1">
|
|
|
<div class="main_price_show"
|
|
|
- :class="{none: PromotionsFormat(p.promotions) || (p.svipProductFlag === 1 && showVipPriceTag(p))}">
|
|
|
- ￥{{ (PromotionsFormat(p.promotions) || showVipPriceTag(p) ? p.originalPrice : p.price ) | NumFormat }}
|
|
|
+ :class="{none: PromotionsFormat(p.promotions) || (p.svipProductFlag === 1 && showVipPriceTag(p))}">
|
|
|
+ ￥{{ (PromotionsFormat(p.promotions) || showVipPriceTag(p) ? p.originalPrice :
|
|
|
+ p.price ) | NumFormat }}
|
|
|
</div>
|
|
|
</template>
|
|
|
<!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
- <div class="main_price_unde" v-else-if="p.priceFlag==2 && GLOBAL_USER_IDENTITY === 4">￥会员可见</div>
|
|
|
+ <div class="main_price_unde" v-else-if="p.priceFlag==2 && GLOBAL_USER_IDENTITY === 4">
|
|
|
+ ￥会员可见
|
|
|
+ </div>
|
|
|
<!--供应商除自己的商品外，也显示价格等级-->
|
|
|
- <div class="price_grade" v-else><span class="bold">￥</span><i :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
+ <div class="price_grade" v-else><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div class="price_text_tag">
|
|
|
@@ -179,7 +226,8 @@
|
|
|
<p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</p>
|
|
|
</template>
|
|
|
</div>
|
|
|
- <div class="price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
+ <div class="price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
</template>
|
|
|
</div>
|
|
|
</a>
|
|
|
@@ -191,10 +239,12 @@
|
|
|
<div v-if="isPC && pageTotal>1" class="pageWrap clear">
|
|
|
<a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
|
|
|
<template v-for="n in showPageBtn">
|
|
|
- <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
|
|
|
+ <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);"
|
|
|
+ v-text="n"></a>
|
|
|
<span v-else>···</span>
|
|
|
</template>
|
|
|
- <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
|
|
|
+ <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)"
|
|
|
+ href="javascript:void(0);"></a>
|
|
|
<span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
<span>跳至</span>
|
|
|
<input v-model="pageInput" @blur="checkNum()"/>
|
|
|
@@ -205,7 +255,8 @@
|
|
|
<!-- 引入底部 -->
|
|
|
<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript"
|
|
|
+ th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/product/list.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
