|
@@ -0,0 +1,96 @@
|
|
|
+<!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/product-coupon.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">
|
|
|
+ <div v-if="listLoading" class="loading">
|
|
|
+ <img src="/img/base/loading.gif">
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <!--banner图-->
|
|
|
+ <div class="coupon-banner">
|
|
|
+ <a href='javascript:void(0)'>
|
|
|
+ <img :src="pcBanner" v-if="isPC">
|
|
|
+ <img :src="appletsBanner" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!--商品列表-->
|
|
|
+ <div class="coupon-content clear">
|
|
|
+ <ul class="productList clear mfw">
|
|
|
+ <li class="productItem " v-for="p in listData">
|
|
|
+ <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">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="p.priceFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">¥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || p.userIdentity==3">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <!-- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>-->
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" :class="PromotionsFormat(p.promotions) ? 'none' : ''">
|
|
|
+ ¥{{ (PromotionsFormat(p.promotions) ? p.originalPrice : p.price ) | NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <!-- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>-->
|
|
|
+ <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">¥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <!-- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>-->
|
|
|
+ <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag ">
|
|
|
+ <!-- <p class="couponTag" v-if="p.couponsLogo">优惠券</p>-->
|
|
|
+ <p class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="price_grade "><span class="bold">¥</span><i :class="'icon mIcon i'+p.priceGrade"></i></div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!--分页-->
|
|
|
+ <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
+
|
|
|
+</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/product/product-coupon.js(v=${version})}"></script>
|
|
|
+</body>
|
|
|
+</html>
|