|
|
@@ -4,8 +4,10 @@
|
|
|
<head>
|
|
|
<title th:text="'采美365网-'+${product.name}">采美365网-商品详情</title>
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
- <link th:href="@{/css/product/detail.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
|
|
|
- <link th:href="@{/css/product/detail.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
|
|
|
+ <link th:href="@{/css/product/detail.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet"
|
|
|
+ type="text/css">
|
|
|
+ <link th:href="@{/css/product/detail.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet"
|
|
|
+ type="text/css">
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -42,7 +44,8 @@
|
|
|
</div>
|
|
|
<div class="detailBox" th:object="${product}">
|
|
|
<div class="product-collection" @click="handleCollection">
|
|
|
- <img :src="collectionType ? '/img/account/icon-collection@2x.png' : '/img/account/icon-collection-none@2x.png'" alt="">
|
|
|
+ <img :src="collectionType ? '/img/account/icon-collection@2x.png' : '/img/account/icon-collection-none@2x.png'"
|
|
|
+ alt="">
|
|
|
<p>{{ collectionType ? '已收藏' : '收藏' }}</p>
|
|
|
</div>
|
|
|
<div class="crumbss">
|
|
|
@@ -58,15 +61,18 @@
|
|
|
<div class="detail" v-if="!isNoneDisabled">
|
|
|
<div class="WeChat" v-if="isPC">
|
|
|
<i class="icon"></i>微信客服
|
|
|
- <div class="WechatBg"><img src="/img/base/Wecha.png"><p>扫码添加采美微信客服咨询更快捷</p> </div>
|
|
|
+ <div class="WechatBg"><img src="/img/base/Wecha.png">
|
|
|
+ <p>扫码添加采美微信客服咨询更快捷</p></div>
|
|
|
</div>
|
|
|
<div class="row price"><span class="l">采美价</span><i>：</i>
|
|
|
<template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
<!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
<em v-if="priceObj.priceFlag==1" v-text="'￥价格未公开'"></em>
|
|
|
<em v-else-if="priceObj.priceFlag==2 && priceObj.userIdentity==4" v-text="'￥会员可见'"></em>
|
|
|
- <template v-else-if="(priceObj.priceFlag==0 && priceObj.userIdentity!=3) || priceObj.userIdentity==2 || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID)">
|
|
|
- <em v-if="priceObj.actStatus==1 && promotions && promotions.type==1 && promotions.mode==1" class="p">
|
|
|
+ <template
|
|
|
+ v-else-if="(priceObj.priceFlag==0 && priceObj.userIdentity!=3) || priceObj.userIdentity==2 || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID)">
|
|
|
+ <em v-if="priceObj.actStatus==1 && promotions && promotions.type==1 && promotions.mode==1"
|
|
|
+ class="p">
|
|
|
<del v-text="'￥'+parseFloat(priceObj.originalPrice).toFixed(2)"></del>
|
|
|
</em>
|
|
|
<em v-else class="p" v-text="'￥'+parseFloat(priceObj.price).toFixed(2)"></em>
|
|
|
@@ -75,13 +81,19 @@
|
|
|
</template>
|
|
|
<em v-else>￥<i th:attr="class=${'icon mIcon i'+product.priceGrade}"></i></em>
|
|
|
</div>
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && priceObj.normalPrice>0 && ((priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2) || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID))">
|
|
|
- <div class="row"> <span class="l">市场价</span><i>：</i>
|
|
|
- <em><del v-text="'￥'+priceObj.normalPrice.toFixed(2)"></del></em>
|
|
|
+ <template
|
|
|
+ v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && priceObj.normalPrice>0 && ((priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2) || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID))">
|
|
|
+ <div class="row"><span class="l">市场价</span><i>：</i>
|
|
|
+ <em>
|
|
|
+ <del v-text="'￥'+priceObj.normalPrice.toFixed(2)"></del>
|
|
|
+ </em>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <div class="row actStatus" v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && priceObj.actStatus==1||priceObj.ladderPriceFlag==1" ><span class="l">促销</span><i>：</i>
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && ((priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2) || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID))">
|
|
|
+ <div class="row actStatus"
|
|
|
+ v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && priceObj.actStatus==1||priceObj.ladderPriceFlag==1">
|
|
|
+ <span class="l">促销</span><i>：</i>
|
|
|
+ <template
|
|
|
+ v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 && ((priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2) || (priceObj.userIdentity==3 && priceObj.shopId==GLOBAL_SHOP_ID))">
|
|
|
<!-- 阶梯价 -->
|
|
|
<div v-if="priceObj.ladderPriceFlag==1" class="priceTag">
|
|
|
<i class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
|
|
|
@@ -98,17 +110,27 @@
|
|
|
</div>
|
|
|
<!-- 促销活动 -->
|
|
|
<div v-if="priceObj.actStatus==1 && promotions" class="priceTag">
|
|
|
- <i v-if="promotions.type==1 && promotions.mode==1 &&priceObj.priceFlag!=1" @click="toggleThisLadder($event)" class="tag icon mIcon" v-text="promotions.name+'：¥'+toFloat(promotions.touchPrice)"></i>
|
|
|
- <i v-else class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="promotions.name"></i>
|
|
|
+ <i v-if="promotions.type==1 && promotions.mode==1 &&priceObj.priceFlag!=1"
|
|
|
+ @click="toggleThisLadder($event)" class="tag icon mIcon"
|
|
|
+ v-text="promotions.name+'：¥'+toFloat(promotions.touchPrice)"></i>
|
|
|
+ <i v-else class="tag icon mIcon" @click="toggleThisLadder($event)"
|
|
|
+ v-text="promotions.name"></i>
|
|
|
<div class="promotion mFixed">
|
|
|
<div>
|
|
|
<p class="t">
|
|
|
- <em v-if="promotions.type==1 && promotions.mode==1" v-text="priceObj.priceFlag==1?'价格未公开':(promotions.name+'：¥'+toFloat(promotions.touchPrice))"></em>
|
|
|
- <em v-if="promotions.mode==2" v-text="promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 减 ¥'+toFloat(promotions.reducedPrice)"></em>
|
|
|
- <em v-if="promotions.mode==3" v-text="promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 赠送商品'"></em>
|
|
|
+ <em v-if="promotions.type==1 && promotions.mode==1"
|
|
|
+ v-text="priceObj.priceFlag==1?'价格未公开':(promotions.name+'：¥'+toFloat(promotions.touchPrice))"></em>
|
|
|
+ <em v-if="promotions.mode==2"
|
|
|
+ v-text="promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 减 ¥'+toFloat(promotions.reducedPrice)"></em>
|
|
|
+ <em v-if="promotions.mode==3"
|
|
|
+ v-text="promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 赠送商品'"></em>
|
|
|
+ </p>
|
|
|
+ <p>促销时间：<em v-if="promotions.status==1">不限时</em><em v-else
|
|
|
+ v-text="promotions.beginTime.substr(0,10)+' ~ '+promotions.endTime.substr(0,10)"></em>
|
|
|
+ </p>
|
|
|
+ <p v-if="promotions.type==2" class="r"><a class="more"
|
|
|
+ :href="'/product/promotions.html?id='+promotions.id">更多凑单商品>>></a>
|
|
|
</p>
|
|
|
- <p>促销时间：<em v-if="promotions.status==1">不限时</em><em v-else v-text="promotions.beginTime.substr(0,10)+' ~ '+promotions.endTime.substr(0,10)"></em></p>
|
|
|
- <p v-if="promotions.type==2" class="r"><a class="more" :href="'/product/promotions.html?id='+promotions.id">更多凑单商品>>></a></p>
|
|
|
<template v-if="promotions.mode==3">
|
|
|
<p>赠品：</p>
|
|
|
<p>
|
|
|
@@ -119,7 +141,8 @@
|
|
|
</span>
|
|
|
</p>
|
|
|
</template>
|
|
|
- <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
|
|
|
+ <p class="c"><a class="close" @click="hideThisLadder($event)"
|
|
|
+ href="JavaScript:void(0);">了解</a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -127,18 +150,24 @@
|
|
|
<!-- 登录 -->
|
|
|
<template v-else>
|
|
|
<div v-if="priceObj.ladderPriceFlag==1 || priceObj.actStatus==1" class="priceTag">
|
|
|
- <i v-if="priceObj.ladderPriceFlag==1" class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
|
|
|
- <i v-if="priceObj.actStatus==1" class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="promotions?promotions.name:''"></i>
|
|
|
+ <i v-if="priceObj.ladderPriceFlag==1" class="tag icon mIcon"
|
|
|
+ @click="toggleThisLadder($event)">阶梯价格</i>
|
|
|
+ <i v-if="priceObj.actStatus==1" class="tag icon mIcon" @click="toggleThisLadder($event)"
|
|
|
+ v-text="promotions?promotions.name:''"></i>
|
|
|
<div class="promotion mFixed">
|
|
|
<div v-if="!GLOBAL_USER_ID">
|
|
|
<p v-if="priceObj.ladderPriceFlag==1"><em @click="toLogin">登录</em>，享受阶梯价格优惠</p>
|
|
|
<p v-if="priceObj.actStatus==1"><em @click="toLogin">登录</em>，参与促销活动</p>
|
|
|
- <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
|
|
|
+ <p class="c"><a class="close" @click="hideThisLadder($event)"
|
|
|
+ href="JavaScript:void(0);">了解</a></p>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <p v-if="priceObj.ladderPriceFlag==1 && priceObj.userIdentity==4"><em @click="toUpgrade">升级会员</em>，享受阶梯价格优惠</p>
|
|
|
- <p v-if="priceObj.actStatus==1 && priceObj.userIdentity==4"><em @click="toUpgrade">升级会员</em>，参与促销活动</p>
|
|
|
- <p class="c"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
|
|
|
+ <p v-if="priceObj.ladderPriceFlag==1 && priceObj.userIdentity==4"><em
|
|
|
+ @click="toUpgrade">升级会员</em>，享受阶梯价格优惠</p>
|
|
|
+ <p v-if="priceObj.actStatus==1 && priceObj.userIdentity==4"><em
|
|
|
+ @click="toUpgrade">升级会员</em>，参与促销活动</p>
|
|
|
+ <p class="c"><a class="close" @click="hideThisLadder($event)"
|
|
|
+ href="JavaScript:void(0);">了解</a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -148,19 +177,26 @@
|
|
|
<span class="l">优惠券</span>
|
|
|
<i>：</i>
|
|
|
<span class="coupon-tags">
|
|
|
- <em class="couponTag" v-for="(coupon, index) in productCoupon" :key="index" v-text="'满'+coupon.touchPrice+'减'+coupon.couponAmount"></em>
|
|
|
+ <em class="couponTag" v-for="(coupon, index) in productCoupon" :key="index"
|
|
|
+ v-text="'满'+coupon.touchPrice+'减'+coupon.couponAmount"></em>
|
|
|
<em class="couponTag-more" @click="showPopup">更多></em>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div th:if="not${#strings.isEmpty(product.brandName)}" class="row"><span class="l">品牌</span><i>：</i><em th:text="*{brandName}"></em></div>
|
|
|
- <div class="row" th:if="not${#strings.isEmpty(product.unit)}"><span class="l">包装规格</span><i>：</i><em th:text="*{unit}"></em></div>
|
|
|
- <div class="row" th:if="not${#strings.isEmpty(product.productCode)}"><span class="l">商品编码</span><i>：</i><em th:text="*{productCode}"></em></div>
|
|
|
- <div class="row" th:if="not${#strings.isEmpty(product.stock)}"><span class="l">库存</span><i>：</i><em th:text="*{stock}"></em></div>
|
|
|
- <div class="row" th:if="not${#strings.isEmpty(product.minBuyNumber)}"><span class="l">起订量</span><i>：</i><em th:text="*{minBuyNumber}"></em></div>
|
|
|
+ <div th:if="not${#strings.isEmpty(product.brandName)}" class="row"><span class="l">品牌</span><i>：</i><em
|
|
|
+ th:text="*{brandName}"></em></div>
|
|
|
+ <div class="row" th:if="not${#strings.isEmpty(product.unit)}"><span class="l">包装规格</span><i>：</i><em
|
|
|
+ th:text="*{unit}"></em></div>
|
|
|
+ <div class="row" th:if="not${#strings.isEmpty(product.productCode)}"><span
|
|
|
+ class="l">商品编码</span><i>：</i><em th:text="*{productCode}"></em></div>
|
|
|
+ <div class="row" th:if="not${#strings.isEmpty(product.stock)}"><span class="l">库存</span><i>：</i><em
|
|
|
+ th:text="*{stock}"></em></div>
|
|
|
+ <div class="row" th:if="not${#strings.isEmpty(product.minBuyNumber)}"><span
|
|
|
+ class="l">起订量</span><i>：</i><em th:text="*{minBuyNumber}"></em></div>
|
|
|
<div v-show="GLOBAL_USER_ID && GLOBAL_USER_ID>0" class="row"><span class="l">采购量</span><i>：</i>
|
|
|
<span class="number">
|
|
|
<em class="sub" @click="numberSub()">-</em>
|
|
|
- <input type="number" :value="number" v-model="number" maxlength='6' @change="numberChange()">
|
|
|
+ <input type="number" :value="number" v-model="number" maxlength='6'
|
|
|
+ @change="numberChange()">
|
|
|
<em class="add" @click="numberAdd()">+</em>
|
|
|
</span>
|
|
|
<input type="hidden" th:value="*{step}">
|
|
|
@@ -176,19 +212,25 @@
|
|
|
<img class="none-image" src="/img/base/icon-none.svg" alt="">
|
|
|
<p class="none-text">此商品已{{disabledText}},请浏览以下推荐商品~</p>
|
|
|
</div>
|
|
|
- <div v-if="!isPC" class="wechatH5 btnBox"><img src="/img/base/wechat.h5.png" style="padding: 2.7vw 0"></div>
|
|
|
+ <div v-if="!isPC" class="wechatH5 btnBox"><img src="/img/base/wechat.h5.png" style="padding: 2.7vw 0">
|
|
|
+ </div>
|
|
|
<template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <div class="btnBox" v-if="priceObj.priceFlag==2 && priceObj.userIdentity==4">
|
|
|
- <a class="upgrade" href="/user/setting/upgrade.html" onclick="_czc.push(['_trackEvent','商品详情','点击','升级查看价格','','Um_Event_ProductUpgrade'])">升级会员查看价格</a>
|
|
|
+ <div class="btnBox" v-if="priceObj.priceFlag==2 && priceObj.userIdentity==4">
|
|
|
+ <a class="upgrade" href="/user/setting/upgrade.html"
|
|
|
+ onclick="_czc.push(['_trackEvent','商品详情','点击','升级查看价格','','Um_Event_ProductUpgrade'])">升级会员查看价格</a>
|
|
|
</div>
|
|
|
- <div class="btnBox" v-else-if="(priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2)">
|
|
|
- <a href="javascript:void(0);" class="cart icon" @click='addShopCart()' v-if="!isNoneDisabled" onclick="_czc.push(['_trackEvent','商品详情','点击','加入购物车','','Um_Event_ProductAddCart'])">加入购物车</a>
|
|
|
- <a href="javascript:void(0);" class="buy" @click="buyNowSubmit()" v-if="!isNoneDisabled" onclick="_czc.push(['_trackEvent','商品详情','点击','立即购买','','Um_Event_ProductBuyConfirm'])">立即购买</a>
|
|
|
+ <div class="btnBox"
|
|
|
+ v-else-if="(priceObj.priceFlag==0 && priceObj.userIdentity!=3) || (priceObj.priceFlag==2 && priceObj.userIdentity==2)">
|
|
|
+ <a href="javascript:void(0);" class="cart icon" @click='addShopCart()' v-if="!isNoneDisabled"
|
|
|
+ onclick="_czc.push(['_trackEvent','商品详情','点击','加入购物车','','Um_Event_ProductAddCart'])">加入购物车</a>
|
|
|
+ <a href="javascript:void(0);" class="buy" @click="buyNowSubmit()" v-if="!isNoneDisabled"
|
|
|
+ onclick="_czc.push(['_trackEvent','商品详情','点击','立即购买','','Um_Event_ProductBuyConfirm'])">立即购买</a>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="javascript:void(0);" class="upgrade" @click="toLogin" v-if="!isNoneDisabled" onclick="_czc.push(['_trackEvent','商品详情','点击','登录查看价格','','Um_Event_ProductLoginPrice'])">登录查看价格</a>
|
|
|
+ <div class="btnBox">
|
|
|
+ <a href="javascript:void(0);" class="upgrade" @click="toLogin" v-if="!isNoneDisabled"
|
|
|
+ onclick="_czc.push(['_trackEvent','商品详情','点击','登录查看价格','','Um_Event_ProductLoginPrice'])">登录查看价格</a>
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
@@ -200,7 +242,8 @@
|
|
|
<li class="swiper-slide mfc" v-for="p in recommends">
|
|
|
<div class="item">
|
|
|
<a class="image" :href="'/product-'+p.productId+'.html'" target="_blank">
|
|
|
- <img :src="p.image" :alt="p.name" onerror="javascript:this.src='/img/base/placeholder.png';">
|
|
|
+ <img :src="p.image" :alt="p.name"
|
|
|
+ onerror="javascript:this.src='/img/base/placeholder.png';">
|
|
|
<span v-html="p.name"></span>
|
|
|
</a>
|
|
|
</div>
|
|
|
@@ -220,7 +263,8 @@
|
|
|
<div class="wrap clear">
|
|
|
<div v-if="!isPC" class="mShopBox">
|
|
|
<a th:href="@{'/supplier-'+${product.shopId}+'.html'}">
|
|
|
- <span class="name"><em th:text="${product.shopTitle}"></em><i th:if="not${#strings.isEmpty(product.license)}" class="icon mIcon shop"></i></span>
|
|
|
+ <span class="name"><em th:text="${product.shopTitle}"></em><i
|
|
|
+ th:if="not${#strings.isEmpty(product.license)}" class="icon mIcon shop"></i></span>
|
|
|
<span>经营范围：<em th:text="${product.businessScope}"></em></span>
|
|
|
<span>所在地区：<em th:text="${product.shopAddress}"></em></span>
|
|
|
<span>满意度：<em><i th:each="i:${#numbers.sequence(1,5)}" class="mIcon heart"></i></em></span>
|
|
|
@@ -229,9 +273,12 @@
|
|
|
<div class="productInfo">
|
|
|
<div class="tabTit">
|
|
|
<span :class="tabsIndex == 0 ? 'on' : ''" @click="detailsClicktab(0)">商品详情</span>
|
|
|
- <span :class="tabsIndex == 1 ? 'on' : ''" v-if="parameters.length>0 && !isNoneDisabled" @click="detailsClicktab(1)">相关参数</span>
|
|
|
- <span :class="tabsIndex == 2 ? 'on' : ''" v-if="isServiceInfo && !isNoneDisabled" @click="detailsClicktab(2)">服务项目</span>
|
|
|
- <span :class="tabsIndex == 3 ? 'on' : ''" v-if="isTrainingMethod" @click="detailsClicktab(3)">培训方案</span>
|
|
|
+ <span :class="tabsIndex == 1 ? 'on' : ''" v-if="parameters.length>0 && !isNoneDisabled"
|
|
|
+ @click="detailsClicktab(1)">相关参数</span>
|
|
|
+ <span :class="tabsIndex == 2 ? 'on' : ''" v-if="isServiceInfo && !isNoneDisabled"
|
|
|
+ @click="detailsClicktab(2)">服务项目</span>
|
|
|
+ <span :class="tabsIndex == 3 ? 'on' : ''" v-if="isTrainingMethod"
|
|
|
+ @click="detailsClicktab(3)">培训方案</span>
|
|
|
<!--<span>评价</span>-->
|
|
|
</div>
|
|
|
<div class="tabCon">
|
|
|
@@ -261,18 +308,18 @@
|
|
|
<div><p class="tl">培训方式: <span class="sm" v-text="trainingMethodText"></span></p></div>
|
|
|
<div><p class="tl">培训费用: <span class="sm" v-text="trainingType"></span></p></div>
|
|
|
</div>
|
|
|
-<!-- <div class="item">-->
|
|
|
-<!-- <div style="text-align: left;margin: 10px 0">-->
|
|
|
-<!-- <span>商品评分：</span>-->
|
|
|
-<!-- <i th:each="i:${#numbers.sequence(1,5)}" class="icon mIcon comment"></i>-->
|
|
|
-<!-- <span class="comment-right">评价（）</span>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="pingjia">-->
|
|
|
-<!-- <input type="text" class="commtext" placeholder="对已购商品进行评论！"/>-->
|
|
|
-<!-- <button>评价</button>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <p class="comment">该商品暂无评价!</p>-->
|
|
|
-<!-- </div>-->
|
|
|
+ <!-- <div class="item">-->
|
|
|
+ <!-- <div style="text-align: left;margin: 10px 0">-->
|
|
|
+ <!-- <span>商品评分：</span>-->
|
|
|
+ <!-- <i th:each="i:${#numbers.sequence(1,5)}" class="icon mIcon comment"></i>-->
|
|
|
+ <!-- <span class="comment-right">评价（）</span>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="pingjia">-->
|
|
|
+ <!-- <input type="text" class="commtext" placeholder="对已购商品进行评论！"/>-->
|
|
|
+ <!-- <button>评价</button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <p class="comment">该商品暂无评价!</p>-->
|
|
|
+ <!-- </div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="isPC" class="rgt">
|
|
|
@@ -280,18 +327,20 @@
|
|
|
<div class="hd">供应商信息</div>
|
|
|
<div class="bd">
|
|
|
<a th:href="@{'/supplier-'+ ${product.shopId} +'.html'}">
|
|
|
- <div class="name"><span th:text="${product.shopTitle}"></span><i th:if="not${#strings.isEmpty(product.license)}" class="icon shop"></i></div>
|
|
|
+ <div class="name"><span th:text="${product.shopTitle}"></span><i
|
|
|
+ th:if="not${#strings.isEmpty(product.license)}" class="icon shop"></i></div>
|
|
|
</a>
|
|
|
<template th:if="not${#strings.isEmpty(product.businessScope)}">
|
|
|
<div class="tit">经营范围：</div>
|
|
|
<div class="con" th:text="${product.businessScope}"></div>
|
|
|
</template>
|
|
|
- <template th:if="not${#strings.isEmpty(product.shopAddress)}">
|
|
|
+ <template th:if="not${#strings.isEmpty(product.shopAddress)}">
|
|
|
<div class="tit">所在地区：</div>
|
|
|
<div class="con" th:text="${product.shopAddress}"></div>
|
|
|
</template>
|
|
|
<div class="tit">满意度：<i th:each="i:${#numbers.sequence(1,5)}" class="icon heart"></i></div>
|
|
|
- <a th:href="@{'/supplier-'+ ${product.shopId} +'.html'}" class="btn" onclick="_czc.push(['_trackEvent','商品详情','点击','查看主页','','Um_Event_ProductShopHome'])">查看主页</a>
|
|
|
+ <a th:href="@{'/supplier-'+ ${product.shopId} +'.html'}" class="btn"
|
|
|
+ onclick="_czc.push(['_trackEvent','商品详情','点击','查看主页','','Um_Event_ProductShopHome'])">查看主页</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contact">
|
|
|
@@ -310,8 +359,10 @@
|
|
|
<div class="title"><p>优惠券</p><i class="icon mIcon" @click="hidePopup"></i></div>
|
|
|
<div class="coupon-popup-main">
|
|
|
<div class="coupon-popup-tabs">
|
|
|
- <div class="popup-tabs-cell" :class="currentTab == 1 ? 'active' : ''" @click="queryCouponTabs(1)"><span>未领取</span></div>
|
|
|
- <div class="popup-tabs-cell" :class="currentTab == 2 ? 'active' : ''" @click="queryCouponTabs(2)"><span>已领取</span></div>
|
|
|
+ <div class="popup-tabs-cell" :class="currentTab == 1 ? 'active' : ''"
|
|
|
+ @click="queryCouponTabs(1)"><span>未领取</span></div>
|
|
|
+ <div class="popup-tabs-cell" :class="currentTab == 2 ? 'active' : ''"
|
|
|
+ @click="queryCouponTabs(2)"><span>已领取</span></div>
|
|
|
</div>
|
|
|
<div class="coupon-popup-content">
|
|
|
<div class="empty" v-if="isCouponEmpty">
|
|
|
@@ -319,14 +370,16 @@
|
|
|
<div class="msg"><p>暂无可领的优惠券</p></div>
|
|
|
</div>
|
|
|
<div class="coupon-popup-scroll" v-else>
|
|
|
- <div class="coupon-list-cell" v-for="(coupon, index) in productCouponList" :key="index" :class="currentTab == 2 ? 'none' : ''">
|
|
|
+ <div class="coupon-list-cell" v-for="(coupon, index) in productCouponList" :key="index"
|
|
|
+ :class="currentTab == 2 ? 'none' : ''">
|
|
|
<div class="coupon-list-le">
|
|
|
<div class="coupon-list-money">
|
|
|
- <p>￥<span class="maxMoney">{{ coupon.couponAmount }}</span><span class="minMoney">满{{ coupon.touchPrice }}可用</span></p>
|
|
|
+ <p>￥<span class="maxMoney">{{ coupon.couponAmount }}</span><span
|
|
|
+ class="minMoney">满{{ coupon.touchPrice }}可用</span></p>
|
|
|
</div>
|
|
|
<div class="coupon-list-name">
|
|
|
<p v-if="coupon.couponType == 0">
|
|
|
- {{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品' }}
|
|
|
+ {{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品' }}
|
|
|
</p>
|
|
|
<p v-if="coupon.couponType == 1">
|
|
|
{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
|
|
|
@@ -354,7 +407,8 @@
|
|
|
<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
<script charset="utf-8" type="text/javascript" src="/lib/magnifier.js"></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/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/product/detail.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
