|
|
@@ -49,7 +49,7 @@
|
|
|
<span th:each="tag: *{tagList}" th:text="${tag}"></span>
|
|
|
</p>
|
|
|
<div class="detail">
|
|
|
- <p class="row"><span class="l">采美价</span><i>：</i>
|
|
|
+ <div class="row"><span class="l">采美价</span><i>：</i>
|
|
|
<template v-if="userId && userId>0">
|
|
|
<em v-if="priceFlag==1" class="pricedeail">￥价格未公开</em>
|
|
|
<template v-else>
|
|
|
@@ -65,173 +65,90 @@
|
|
|
<i th:class="'icon mIcon i'+*{priceGrade}"></i>
|
|
|
</em>
|
|
|
</template>
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
<template v-if="priceFlag!=2 && userIdentity!=2 ">
|
|
|
- <p class="row"> <span class="l">市场价</span><i>：</i>
|
|
|
+ <div class="row"> <span class="l">市场价</span><i>：</i>
|
|
|
<em class="pricedeail" :class="deailData.actStatus==1?'original-price':''">￥{{buyRetailPrice}}</em>
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
- <p class="row" style="position:relative;" v-if="deailData.actStatus==1||deailData.ladderPriceFlag==1" ><span class="l">促销</span><i>：</i>
|
|
|
- <span class="activity" @click="activity" :class="isShow?'activitystyle':''" v-if="deailData.ladderPriceFlag==1">阶梯价格<i class="icon shaky" :class="isShow?'activeicon':''"></i> </span>
|
|
|
- <span class="activity" @click="activity" :class="isShow?'activitystyle':''" v-if="deailData.actStatus==1">{{promotions.name}}：{{promotions.touchPrice.toFixed(2)}}<i class="icon shaky" :class="isShow?'activeicon':''"></i> </span>
|
|
|
-
|
|
|
-
|
|
|
- <template v-if="userId && userId>0">
|
|
|
- <!-- 已登录 会员可见 -->
|
|
|
- <template v-if="priceFlag==2 && userIdentity !=2">
|
|
|
- <div class="activityBox" v-show="isShow">
|
|
|
- <p>
|
|
|
- <a style="color: #E15616" href="javascript:0" @click="clubupgrade" class="loginWithParam">升级会员</a>，参与{{promotions.name}}促销活动
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn">了解</button>
|
|
|
- </div>
|
|
|
+ <div class="row" v-if="deailData.actStatus==1||deailData.ladderPriceFlag==1" ><span class="l">促销</span><i>：</i>
|
|
|
+ <template v-if="userId && userId>0">
|
|
|
+ <!-- 阶梯价 -->
|
|
|
+ <div v-if="deailData.ladderPriceFlag==1" class="priceTag">
|
|
|
+ <i class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
|
|
|
+ <div class="ladder mFixed">
|
|
|
+ <span>
|
|
|
+ <em class="t"><i>价格</i><i>起订量</i></em>
|
|
|
+ <em v-for="l in ladderList">
|
|
|
+ <i class="p">¥{{toFloat(l.buyPrice)}}</i>
|
|
|
+ <i>{{l.numRange}}</i>
|
|
|
+ </em>
|
|
|
+ <em @click="hideThisLadder($event)" class="close">了解</em>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 促销活动 -->
|
|
|
+ <div v-if="deailData.actStatus==1 && promotions" class="priceTag">
|
|
|
+ <i v-if="promotions.type==1 && promotions.mode==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?promotions.name:''"></i>
|
|
|
+ <div class="promotion mFixed">
|
|
|
+ <div>
|
|
|
+ <p class="t">
|
|
|
+ <em v-if="promotions.type==1 && promotions.mode==1">{{promotions.name+'：¥'+toFloat(promotions.touchPrice)}}</em>
|
|
|
+ <em v-if="promotions.mode==2">{{promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 减 ¥'+toFloat(promotions.reducedPrice)}}</em>
|
|
|
+ <em v-if="promotions.mode==3">{{promotions.name+'，满 ¥'+toFloat(promotions.touchPrice)+' 赠送商品'}}</em>
|
|
|
+ </p>
|
|
|
+ <p>促销时间：<em v-if="promotions.status==1">不限时</em><em v-else>{{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>
|
|
|
+ <span v-for="g in promotions.giftList" class="p">
|
|
|
+ <img :src="g.image">
|
|
|
+ <span v-text="g.name"></span>
|
|
|
+ <span v-text="'× '+g.number"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ <p class="r"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
+ <!-- 登录 -->
|
|
|
<template v-else>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==3&&promotions.mode==2">
|
|
|
- <!-- 店铺满减-->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">全店铺满减：满1000.00，减500.00</a>
|
|
|
- </br>促销时间：不限时
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==1&&promotions.mode==3">
|
|
|
- <!-- 店铺满赠 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">全店铺，满1000.00，赠送商品：</a>
|
|
|
- </br>促销时间：{{promotions.beginTime}}~{{promotions.endTime}}
|
|
|
- </p>
|
|
|
- <div class="activepro" v-for="promotions in giftData">
|
|
|
- <a :href="'/product-'+promotions.productId+'.html'" target="_blank">
|
|
|
- <div class="activeimg">
|
|
|
- <img :src="promotions.image">
|
|
|
- </div>
|
|
|
- <div class="activeright">
|
|
|
- <p>{{promotions.name}}</p>
|
|
|
- <p>x1</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==1&&promotions.mode==1">
|
|
|
- <!--单品优惠 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">促销时间:{{promotions.beginTime}}~{{promotions.endTime}}</a>
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==1&&promotions.mode==2">
|
|
|
- <!--单品满减 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">购买此商品，满1000.00，减500.00</a>
|
|
|
- </br>促销时间：不限时
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==1&&promotions.mode==3">
|
|
|
- <!-- 单品满赠 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">购买此商品，满1000.00，赠送商品：</a>
|
|
|
- </br>促销时间：{{promotions.beginTime}}~{{promotions.endTime}}
|
|
|
- </p>
|
|
|
- <div class="activepro" v-for="promotions in giftData">
|
|
|
- <a :href="'/product/detail.shtml?id='+promotions.productId" target="_blank">
|
|
|
- <div class="activeimg">
|
|
|
- <img :src="promotions.image">
|
|
|
- </div>
|
|
|
- <div class="activeright">
|
|
|
- <p>{{promotions.name}}</p>
|
|
|
- <p>x1</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <!--阶梯价-->
|
|
|
- <div class="item-tips activityBox" v-show="isShow" v-if="deailData.ladderPriceFlag==1">
|
|
|
- <div class="tips-content">
|
|
|
- <div class="tip-tr">
|
|
|
- <div class="tip-td">起订量</div>
|
|
|
- <div class="tip-td">价格</div>
|
|
|
- </div>
|
|
|
- <div class="tip-ul">
|
|
|
- <ul class="tip-ul">
|
|
|
- <li class="tip-tr ladderPriceList" v-for="(item,index) in ladderList">
|
|
|
- <div class="tip-td buyNumRangeShow">{{item.numRange}}</div>
|
|
|
- <div class="tip-td buyPrice">￥{{item.buyPrice}}</div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==2&&promotions.mode==2">
|
|
|
- <!-- 凑单满减 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">购买下列商品，满1000.00，减500.00</a>
|
|
|
- </br>促销时间：{{promotions.beginTime}}~{{promotions.endTime}}
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-if="promotions.type==2&&promotions.mode==3">
|
|
|
- <!-- 凑单满赠 -->
|
|
|
- <p class="Boxtext">
|
|
|
- <a style="color: #E15616" href="javascript:0" class="loginWithParam">购买此商品，满1000.00</a>
|
|
|
- </br>促销时间：{{promotions.beginTime}}~{{promotions.endTime}}
|
|
|
- </p>
|
|
|
- <p href="javascript:0" class="loginWithParam">赠送商品：</p>
|
|
|
- <div class="activepro" v-for="promotions in giftData">
|
|
|
- <a :href="'/product-'+promotions.productId+'.html'" target="_blank">
|
|
|
- <div class="activeimg">
|
|
|
- <img :src="promotions.image">
|
|
|
- </div>
|
|
|
- <div class="activeright">
|
|
|
- <p>{{promotions.name}}</p>
|
|
|
- <p>x1</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <button class="activeBtn" @click="activeBtn" v-show="isShow">了解</button>
|
|
|
- </div>
|
|
|
-
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!-- 未登录 -->
|
|
|
- <div class="activityBox" v-show="isShow" v-if="deailData.ladderPriceFlag==1">
|
|
|
- <p>
|
|
|
- <a style="color: #E15616" href="javascript:0" @click="toLogin">登录</a>，享受阶梯价格优惠
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn">了解</button>
|
|
|
- </div>
|
|
|
- <div class="activityBox" v-show="isShow" v-else>
|
|
|
- <p>
|
|
|
- <a style="color: #E15616" href="javascript:0" @click="toLogin">登录</a>，参与{{promotions.name}}促销活动
|
|
|
- </p>
|
|
|
- <button class="activeBtn" @click="activeBtn">了解</button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </p>
|
|
|
- <p class="row"><span class="l">品牌</span><i>：</i><em th:text="*{brandName}"></em></p>
|
|
|
- <p class="row"><span class="l">包装规格</span><i>：</i><em th:text="*{unit}"></em></p>
|
|
|
- <p class="row"><span class="l">商品编码</span><i>：</i><em th:text="*{productCode}"></em></p>
|
|
|
- <p class="row"><span class="l">库存</span><i>：</i><em th:text="*{stock}"></em></p>
|
|
|
- <p class="row"><span class="l">起批量</span><i>：</i><em th:text="*{minBuyNumber}"></em></p>
|
|
|
- <p class="row" v-if="priceFlag== 0 && userIdentity !=2"><span class="l" >采购量</span><i>：</i>
|
|
|
+ <div v-if="deailData.ladderPriceFlag==1 || deailData.actStatus==1" class="priceTag">
|
|
|
+ <i v-if="deailData.ladderPriceFlag==1" class="tag icon mIcon" @click="toggleThisLadder($event)">阶梯价格</i>
|
|
|
+ <i v-if="deailData.actStatus==1" class="tag icon mIcon" @click="toggleThisLadder($event)" v-text="promotions?promotions.name:''"></i>
|
|
|
+ <div class="promotion mFixed">
|
|
|
+ <div>
|
|
|
+ <p v-if="deailData.ladderPriceFlag==1"><em @click="toLogin">登录</em>，享受阶梯价格优惠</p>
|
|
|
+ <p v-if="deailData.actStatus==1"><em @click="toLogin">登录</em>，参与促销活动</p>
|
|
|
+ <p class="r"><a class="close" @click="hideThisLadder($event)" href="JavaScript:void(0);">了解</a></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div class="row"><span class="l">品牌</span><i>：</i><em th:text="*{brandName}"></em></div>
|
|
|
+ <div class="row"><span class="l">包装规格</span><i>：</i><em th:text="*{unit}"></em></div>
|
|
|
+ <div class="row"><span class="l">商品编码</span><i>：</i><em th:text="*{productCode}"></em></div>
|
|
|
+ <div class="row"><span class="l">库存</span><i>：</i><em th:text="*{stock}"></em></div>
|
|
|
+ <div class="row"><span class="l">起批量</span><i>：</i><em th:text="*{minBuyNumber}"></em></div>
|
|
|
+ <div class="row" v-if="priceFlag== 0 && userIdentity !=2"><span class="l" >采购量</span><i>：</i>
|
|
|
<span class="number">
|
|
|
<em class="sub" @click="changeCountSub" :class="[isQuantity==true?'disabled':'']">-</em>
|
|
|
<input type="number" v-model="number" maxlength='6' @blur="changeNumber($event)" >
|
|
|
<em class="add" @click="changeCountAdd" :class="[isStock==true?'disabled':'']">+</em>
|
|
|
</span>
|
|
|
<input type="hidden" th:value="*{step}">
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
<hr>
|
|
|
- <p class="row"><span class="l">服务</span><i>：</i>
|
|
|
+ <div class="row"><span class="l">服务</span><i>：</i>
|
|
|
<em class="ser icon mIcon">无忧退货</em>
|
|
|
<em class="ser icon mIcon">快速退款</em>
|
|
|
<em class="ser icon mIcon">正品保证</em>
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<template v-if="userId && userId>0">
|
|
|
<div class="btnBox" v-if="priceFlag==2 && userIdentity!=2">
|
chao