|
|
@@ -1,247 +1,248 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
- xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
-<head>
|
|
|
- <title>采美365网-商品列表</title>
|
|
|
- <template th:replace="components/head-link"></template>
|
|
|
- <link th:href="@{/css/product/list.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <template th:replace="components/analysis"></template>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
-<!-- 引用头部 -->
|
|
|
-<template th:replace="components/header"></template>
|
|
|
-
|
|
|
-<!-- 商品列表 -->
|
|
|
-<div id="productList" v-cloak>
|
|
|
- <!-- 面包屑 -->
|
|
|
- <div v-if="isPC && listData && listData.length>0" class="crumbs">
|
|
|
- <div class="search-text">
|
|
|
- <span>搜索结果</span>
|
|
|
- <span>></span>
|
|
|
- <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>
|
|
|
- </div>
|
|
|
- <div class="search-text-brand" v-if="isChoiceBrandText">
|
|
|
- 品牌：
|
|
|
- <a href="javascript:void(0);">{{ choiceBrandText }}</a>
|
|
|
- <i class="icon icon-del" @click="handleDeleteBrands"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="listLoading" class="loading">
|
|
|
- <img src="/img/base/loading.gif">
|
|
|
- </div>
|
|
|
- <template v-else>
|
|
|
- <!--品牌选择-->
|
|
|
- <template v-if="isPC">
|
|
|
- <div class="product-brand clear">
|
|
|
- <div class="product-brand-name" :class="isShowAllBrands ? 'show' : ''">
|
|
|
- <p class="title">品牌</p>
|
|
|
- </div>
|
|
|
- <div class="product-brand-list" :class="isShowAllBrands ? 'show' : ''">
|
|
|
- <div class="brand-list" v-if="!isShowAllBrandsButton" @click="choiceBrandAllHref" :class="hrefBrandId ? '' : 'checked'"><a href="javascript:void(0)">全部</a></div>
|
|
|
- <div class="brand-list" @click="choiceBrandHref(brand, index)" v-for="(brand,index) in brandLists"
|
|
|
- :key="index" :class="brand.isChecked ? 'checked' : ''">
|
|
|
- <a href="javascript:void(0)" :title="brand.name" v-html="brand.name"></a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="product-brand-oper" v-if="!isShowAllBrandsButton">
|
|
|
- <div class="product-brand-more" v-if="defaultBrandLists.length>8" :class="isShowAllBrands ? 'show' : ''"
|
|
|
- @click="showMoreItem">{{
|
|
|
- isShowAllBrands ? '收起' : '更多' }} <i class="icon mIcon"></i></div>
|
|
|
- <div class="product-brand-add" v-if="defaultBrandLists.length>2" @click="showMoreItemCheckedAll">+多选</div>
|
|
|
- </div>
|
|
|
- <div class="product-brand-button" v-if="isShowAllBrandsButton">
|
|
|
- <div class="brand-button">
|
|
|
- <div class="btn confirm" :class="checkedBrandList.length>0 ? '' : 'disabled'" @click="handleConfirm">确定</div>
|
|
|
- <div class="btn cancel" @click="handleCancel">取消</div>
|
|
|
- </div>
|
|
|
- </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" @click="choiceBrandAll" :class="isAllcheckedBrand ? 'checked' : ''"><a href="javascript:void(0)">全部</a></div>
|
|
|
- <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" v-if="defaultBrandLists.length>8" :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">
|
|
|
- <li :class="{'on':params.sortField == ''}" @click="toSortList('',1)">综合</li>
|
|
|
- <template>
|
|
|
- <li v-if="params.sortField == 'sales' && params.sortType == 1" class="down"
|
|
|
- @click="toSortList('sales',0)"><span>销量</span></li>
|
|
|
- <li v-else-if="params.sortField == 'sales' && params.sortType == 0" class="up"
|
|
|
- @click="toSortList('sales',1)"><span>销量</span></li>
|
|
|
- <li v-else @click="toSortList('sales',1)"><span>销量</span></li>
|
|
|
- </template>
|
|
|
- <template>
|
|
|
- <li v-if="params.sortField == 'favorite' && params.sortType == 1" class="down"
|
|
|
- @click="toSortList('favorite',0)"><span>人气</span></li>
|
|
|
- <li v-else-if="params.sortField == 'favorite' && params.sortType == 0" class="up"
|
|
|
- @click="toSortList('favorite',1)"><span>人气</span></li>
|
|
|
- <li v-else @click="toSortList('favorite',1)"><span>人气</span></li>
|
|
|
- </template>
|
|
|
- <template>
|
|
|
- <li v-if="params.sortField == 'price' && params.sortType == 1" class="down"
|
|
|
- @click="toSortList('price',0)"><span>价格</span></li>
|
|
|
- <li v-else-if="params.sortField == 'price' && params.sortType == 0" class="up"
|
|
|
- @click="toSortList('price',1)"><span>价格</span></li>
|
|
|
- <li v-else @click="toSortList('price',1)"><span>价格</span></li>
|
|
|
- </template>
|
|
|
- <template v-if="!isPC">
|
|
|
- <li class="screen" @click="showIsProductScreen">
|
|
|
- <span>筛选</span>
|
|
|
- <i class="mIcon"></i>
|
|
|
- </li>
|
|
|
- </template>
|
|
|
- </ul>
|
|
|
- <div class="sortBox-checked" v-if="isPC">
|
|
|
- <div class="sortBox-new" @click="hanldCheckedActiviHref">
|
|
|
- <span class="coll-checked" :class="[isActiviChecked ? 'checked': '']"></span>
|
|
|
- <span>促销商品</span>
|
|
|
- </div>
|
|
|
- <div class="sortBox-new" @click="hanldCheckedNewsHref">
|
|
|
- <span class="coll-checked" :class="[isNewsChecked ? 'checked': '']"></span>
|
|
|
- <span>新品</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--数据为空-->
|
|
|
- <div v-if="isListEmpty" class="empty">
|
|
|
- <img src="/img/common/empty.png">
|
|
|
- <div class="msg">
|
|
|
- <p>暂未找到你搜索的商品，去<a href="/">商城</a>，逛逛吧~</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <template v-else>
|
|
|
- <!--商品列表-->
|
|
|
- <ul class="productList clear mfw">
|
|
|
- <li class="productItem " v-for="p in listData">
|
|
|
- <div class="page_main_type" v-if="p.productType === 2">医疗器械</div>
|
|
|
- <a class="image" :href="'/product-'+p.productId+'.html'">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
- <p class="name" v-html="addhtml + p.name" v-if="p.beautyActFlag==1"></p>
|
|
|
- <p class="name" v-html="p.name" v-else></p>
|
|
|
- <div class="price">
|
|
|
- <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <div class="price_text_tag clear">
|
|
|
- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>
|
|
|
- <template v-if="p.svipProductFlag === 1">
|
|
|
- <div class="svip-tag">
|
|
|
- <div class="svip-icon">SVIP</div>
|
|
|
- <template v-if="showVipPriceTag(p)">
|
|
|
- <div class="svip-price">
|
|
|
- <span v-html="p.svipPriceTag"></span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}
|
|
|
- <span v-if="p.priceFlag != 1 && PromotionsFormat(p.promotions)">:￥{{p.price | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <!--0公开价格 1不公开价格 2仅对会员机构公开-->
|
|
|
- <div class="main_price_unde" v-if="p.priceFlag==1">￥价格未公开</div>
|
|
|
- <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
- <div class="main_price_unde" v-else-if="p.priceFlag==2 && GLOBAL_USER_IDENTITY === 4 && GLOBAL_VIP_FLAG!=1">
|
|
|
- ￥会员可见
|
|
|
- </div>
|
|
|
- <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
- <div class="main_price_unde" v-else-if="p.priceFlag==3 && (GLOBAL_CLUB_TYPE !=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">
|
|
|
- <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 }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--供应商除自己的商品外，也显示价格等级-->
|
|
|
- <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">
|
|
|
- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>
|
|
|
- <template v-if="p.svipProductFlag === 1">
|
|
|
- <div class="svip-tag">
|
|
|
- <div class="svip-icon">SVIP</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <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>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--分页-->
|
|
|
- <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
- <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>
|
|
|
- <span v-else>···</span>
|
|
|
- </template>
|
|
|
- <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()"/>
|
|
|
- <span>页</span>
|
|
|
- <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
|
|
|
- </div>
|
|
|
- <!--Ross 弹窗-->
|
|
|
- <template v-if="showRossHtml">
|
|
|
- <template th:replace="components/ross-advert"></template>
|
|
|
- </template>
|
|
|
-</div>
|
|
|
-<!-- 引入底部 -->
|
|
|
-<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/mixins/cmSysMixins.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/product/list.js(v=${version})}"></script>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
+ xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+<head>
|
|
|
+ <title>采美365网-商品列表</title>
|
|
|
+ <template th:replace="components/head-link"></template>
|
|
|
+ <link th:href="@{/css/product/list.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <template th:replace="components/analysis"></template>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="components/header"></template>
|
|
|
+
|
|
|
+<!-- 商品列表 -->
|
|
|
+<div id="productList" v-cloak>
|
|
|
+ <!-- 面包屑 -->
|
|
|
+ <div v-if="isPC && listData && listData.length>0" class="crumbs">
|
|
|
+ <div class="search-text">
|
|
|
+ <span>搜索结果</span>
|
|
|
+ <span>></span>
|
|
|
+ <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>
|
|
|
+ </div>
|
|
|
+ <div class="search-text-brand" v-if="isChoiceBrandText">
|
|
|
+ 品牌：
|
|
|
+ <a href="javascript:void(0);">{{ choiceBrandText }}</a>
|
|
|
+ <i class="icon icon-del" @click="handleDeleteBrands"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="listLoading" class="loading">
|
|
|
+ <img src="/img/base/loading.gif">
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <!--品牌选择-->
|
|
|
+ <template v-if="isPC">
|
|
|
+ <div class="product-brand clear">
|
|
|
+ <div class="product-brand-name" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <p class="title">品牌</p>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-list" :class="isShowAllBrands ? 'show' : ''">
|
|
|
+ <div class="brand-list" v-if="!isShowAllBrandsButton" @click="choiceBrandAllHref" :class="hrefBrandId ? '' : 'checked'"><a href="javascript:void(0)">全部</a></div>
|
|
|
+ <div class="brand-list" @click="choiceBrandHref(brand, index)" v-for="(brand,index) in brandLists"
|
|
|
+ :key="index" :class="brand.isChecked ? 'checked' : ''">
|
|
|
+ <a href="javascript:void(0)" :title="brand.name" v-html="brand.name"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-oper" v-if="!isShowAllBrandsButton">
|
|
|
+ <div class="product-brand-more" v-if="defaultBrandLists.length>8" :class="isShowAllBrands ? 'show' : ''"
|
|
|
+ @click="showMoreItem">{{
|
|
|
+ isShowAllBrands ? '收起' : '更多' }} <i class="icon mIcon"></i></div>
|
|
|
+ <div class="product-brand-add" v-if="defaultBrandLists.length>2" @click="showMoreItemCheckedAll">+多选</div>
|
|
|
+ </div>
|
|
|
+ <div class="product-brand-button" v-if="isShowAllBrandsButton">
|
|
|
+ <div class="brand-button">
|
|
|
+ <div class="btn confirm" :class="checkedBrandList.length>0 ? '' : 'disabled'" @click="handleConfirm">确定</div>
|
|
|
+ <div class="btn cancel" @click="handleCancel">取消</div>
|
|
|
+ </div>
|
|
|
+ </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" @click="choiceBrandAll" :class="isAllcheckedBrand ? 'checked' : ''"><a href="javascript:void(0)">全部</a></div>
|
|
|
+ <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" v-if="defaultBrandLists.length>8" :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">
|
|
|
+ <li :class="{'on':params.sortField == ''}" @click="toSortList('',1)">综合</li>
|
|
|
+ <template>
|
|
|
+ <li v-if="params.sortField == 'sales' && params.sortType == 1" class="down"
|
|
|
+ @click="toSortList('sales',0)"><span>销量</span></li>
|
|
|
+ <li v-else-if="params.sortField == 'sales' && params.sortType == 0" class="up"
|
|
|
+ @click="toSortList('sales',1)"><span>销量</span></li>
|
|
|
+ <li v-else @click="toSortList('sales',1)"><span>销量</span></li>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <li v-if="params.sortField == 'favorite' && params.sortType == 1" class="down"
|
|
|
+ @click="toSortList('favorite',0)"><span>人气</span></li>
|
|
|
+ <li v-else-if="params.sortField == 'favorite' && params.sortType == 0" class="up"
|
|
|
+ @click="toSortList('favorite',1)"><span>人气</span></li>
|
|
|
+ <li v-else @click="toSortList('favorite',1)"><span>人气</span></li>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <li v-if="params.sortField == 'price' && params.sortType == 1" class="down"
|
|
|
+ @click="toSortList('price',0)"><span>价格</span></li>
|
|
|
+ <li v-else-if="params.sortField == 'price' && params.sortType == 0" class="up"
|
|
|
+ @click="toSortList('price',1)"><span>价格</span></li>
|
|
|
+ <li v-else @click="toSortList('price',1)"><span>价格</span></li>
|
|
|
+ </template>
|
|
|
+ <template v-if="!isPC">
|
|
|
+ <li class="screen" @click="showIsProductScreen">
|
|
|
+ <span>筛选</span>
|
|
|
+ <i class="mIcon"></i>
|
|
|
+ </li>
|
|
|
+ </template>
|
|
|
+ </ul>
|
|
|
+ <div class="sortBox-checked" v-if="isPC">
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedActiviHref">
|
|
|
+ <span class="coll-checked" :class="[isActiviChecked ? 'checked': '']"></span>
|
|
|
+ <span>促销商品</span>
|
|
|
+ </div>
|
|
|
+ <div class="sortBox-new" @click="hanldCheckedNewsHref">
|
|
|
+ <span class="coll-checked" :class="[isNewsChecked ? 'checked': '']"></span>
|
|
|
+ <span>新品</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--数据为空-->
|
|
|
+ <div v-if="isListEmpty" class="empty">
|
|
|
+ <img src="/img/common/empty.png">
|
|
|
+ <div class="msg">
|
|
|
+ <p>暂未找到你搜索的商品，去<a href="/">商城</a>，逛逛吧~</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <!--商品列表-->
|
|
|
+ <ul class="productList clear mfw">
|
|
|
+ <li class="productItem " v-for="p in listData">
|
|
|
+ <div class="page_main_type" v-if="p.productType === 2">医疗器械</div>
|
|
|
+ <a class="image" :href="'/product-'+p.productId+'.html'">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
+ <p class="name" v-html="addhtml + p.name" v-if="p.beautyActFlag==1"></p>
|
|
|
+ <p class="name" v-html="p.name" v-else></p>
|
|
|
+ <div class="price">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <div class="price_text_tag clear">
|
|
|
+ <p class="couponTag" v-if="p.couponsLogo">优惠券</p>
|
|
|
+ <template v-if="p.svipProductFlag === 1">
|
|
|
+ <div class="svip-tag">
|
|
|
+ <div class="svip-icon">SVIP</div>
|
|
|
+ <template v-if="showVipPriceTag(p)">
|
|
|
+ <div class="svip-price">
|
|
|
+ <span v-html="p.svipPriceTag"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}
|
|
|
+ <span v-if="p.priceFlag != 1 && PromotionsFormat(p.promotions)">:￥{{p.price | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <!--0公开价格 1不公开价格 2仅对会员机构公开-->
|
|
|
+ <div class="main_price_unde" v-if="p.priceFlag==1">￥价格未公开</div>
|
|
|
+ <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
+ <div class="main_price_unde" v-else-if="p.priceFlag==2 && GLOBAL_USER_IDENTITY === 4 && GLOBAL_VIP_FLAG!=1">
|
|
|
+ ￥会员可见
|
|
|
+ </div>
|
|
|
+ <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
+ <div class="main_price_unde" v-else-if="p.priceFlag==3 && (GLOBAL_CLUB_TYPE !=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">
|
|
|
+ <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 }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!--供应商除自己的商品外，也显示价格等级-->
|
|
|
+ <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">
|
|
|
+ <p class="couponTag" v-if="p.couponsLogo">优惠券</p>
|
|
|
+ <template v-if="p.svipProductFlag === 1">
|
|
|
+ <div class="svip-tag">
|
|
|
+ <div class="svip-icon">SVIP</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <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>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!--分页-->
|
|
|
+ <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
+ <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>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
+ <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()"/>
|
|
|
+ <span>页</span>
|
|
|
+ <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
|
|
|
+ </div>
|
|
|
+ <!--Ross 弹窗-->
|
|
|
+ <template v-if="showRossHtml">
|
|
|
+ <template th:replace="components/ross-advert"></template>
|
|
|
+ </template>
|
|
|
+</div>
|
|
|
+<!-- 引入底部 -->
|
|
|
+<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/mixins/cmSysMixins.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/product/list.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/beautyArchive.service.js(v=${version})}"></script>
|
|
|
+</body>
|
|
|
+</html>
|
xiebaomin