|
|
@@ -49,7 +49,7 @@
|
|
|
<p class="tags">
|
|
|
<span th:each="tag: *{tagList}" th:text="${tag}"></span>
|
|
|
</p>
|
|
|
- <div class="detail">
|
|
|
+ <div class="detail" v-if="!isNoneDisabled">
|
|
|
<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,普通机构-->
|
|
|
@@ -154,18 +154,22 @@
|
|
|
<em class="ser icon mIcon">正品保证</em>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-else class="none-details" :class="isNoneDisabled ? 'show':''">
|
|
|
+ <img class="none-image" src="/img/base/icon-none.svg" alt="">
|
|
|
+ <p class="none-text">此商品已{{disabledText}},请浏览以下推荐商品~</p>
|
|
|
+ </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">升级会员查看价格</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()'>加入购物车</a>
|
|
|
- <a href="javascript:void(0);" class="buy" @click="buyNowSubmit()">立即购买</a>
|
|
|
+ <a href="javascript:void(0);" class="cart icon" @click='addShopCart()' v-if="!isNoneDisabled">加入购物车</a>
|
|
|
+ <a href="javascript:void(0);" class="buy" @click="buyNowSubmit()" v-if="!isNoneDisabled">立即购买</a>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div class="btnBox">
|
|
|
- <a href="javascript:void(0);" class="upgrade" @click="toLogin">登录查看价格</a>
|
|
|
+ <a href="javascript:void(0);" class="upgrade" @click="toLogin" v-if="!isNoneDisabled">登录查看价格</a>
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
@@ -205,17 +209,16 @@
|
|
|
</div>
|
|
|
<div class="productInfo">
|
|
|
<div class="tabTit">
|
|
|
- <span class="on">产品介绍</span>
|
|
|
- <span th:if="not${#arrays.isEmpty(parameters)}">相关参数</span>
|
|
|
- <span th:if="not${#strings.isEmpty(product.serviceInfo)}" >服务项目</span>
|
|
|
-<!-- <span>评价</span>-->
|
|
|
+ <span :class="tabsIndex == 0 ? 'on' : ''" @click="detailsClicktab(0)">商品详情</span>
|
|
|
+ <span :class="tabsIndex == 1 ? 'on' : ''"v-if="parameters.length>0" @click="detailsClicktab(1)">相关参数</span>
|
|
|
+ <span :class="tabsIndex == 2 ? 'on' : ''" th:if="not${#strings.isEmpty(product.serviceInfo)}" @click="detailsClicktab(2)">服务项目</span>
|
|
|
+<!-- <span>评价</span>-->
|
|
|
</div>
|
|
|
<div class="tabCon">
|
|
|
- <div class="item">
|
|
|
+ <div class="item" v-if="tabsIndex == 0">
|
|
|
<div th:utext="${product.detailInfo}"></div>
|
|
|
- <div th:utext="${product.orderInfo}"></div>
|
|
|
</div>
|
|
|
- <div class="item" v-if="parameters.length>0">
|
|
|
+ <div class="item" v-if="tabsIndex == 1">
|
|
|
<table>
|
|
|
<tr v-for="pa in parameters">
|
|
|
<td v-text="pa.name"></td>
|
|
|
@@ -223,8 +226,11 @@
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
- <div class="item">
|
|
|
- <div class="item" th:utext="${product.serviceInfo}"></div>
|
|
|
+ <div class="item" v-if="tabsIndex == 2">
|
|
|
+ <div><p class="tl">订购方案:</p></div>
|
|
|
+ <div th:utext="${product.orderInfo}"></div>
|
|
|
+ <div><p class="tl">服务详情:</p></div>
|
|
|
+ <div th:utext="${product.serviceInfo}"></div>
|
|
|
</div>
|
|
|
<!-- <div class="item">-->
|
|
|
<!-- <div style="text-align: left;margin: 10px 0">-->
|
|
|
@@ -276,6 +282,7 @@
|
|
|
<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/product/detail.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
