|
|
@@ -0,0 +1,831 @@
|
|
|
+<!--美博会临时创建页面-->
|
|
|
+<!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/instruement.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <style>
|
|
|
+ .swiper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
|
|
|
+ .swiper img{display:block;width:1920px}
|
|
|
+ .instrue-right{display:none}
|
|
|
+ .instrue-left{float:unset;margin:0 auto}
|
|
|
+ .pc-banner{width:100%;height:510px;background:url(/img/temporary/mt_pc1.jpg) no-repeat center}
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="components/header"></template>
|
|
|
+ <!--loading-->
|
|
|
+ <div id="instrueMent">
|
|
|
+ <div v-if="listLoading" class="loading">
|
|
|
+ <img src="/img/base/loading.gif">
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div class="swiper">
|
|
|
+ <div class="pc-banner" v-if="isPC"></div>
|
|
|
+ <img src="/img/temporary/mt_mobile1.jpg" v-else>
|
|
|
+ </div>
|
|
|
+ <div id="container">
|
|
|
+ <div class="instrue-right">
|
|
|
+ <div class="wrap_tittle"> 大家都在搜<span class="line"></span></div>
|
|
|
+ <template v-if="isPC">
|
|
|
+ <div class="hot-search">
|
|
|
+ <a class="hot-list" v-for="(item,index) in hotlist" :href="item.link"><i class="icon"
|
|
|
+ :class="item.isHot==1?'hot':''"></i>{{item.name}}</a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="hot-search" :style="showflag?'height:auto':''">
|
|
|
+ <div class="left-box">
|
|
|
+ <a class="hot-list" v-for="(item,index) in hotlist" :href="item.link"><i class="mIcon"
|
|
|
+ :class="item.isHot==1?'hot':''"></i>{{item.name}}</a>
|
|
|
+ </div>
|
|
|
+ <div class="right-box" @click="showNav">
|
|
|
+ <span class="mIcon" :class="showflag?'close':'open'"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div :class="showflag?'bg':''" @click="closeup"></div>
|
|
|
+ </div>
|
|
|
+ <div class="instrue-left">
|
|
|
+ <div class="page-list" v-for="(page,index) in floorList">
|
|
|
+ <div class="floorTit" v-if="page.floorContent">
|
|
|
+ <h2 :data-id="index+1" v-text="page.title"></h2>
|
|
|
+ <h5 v-text="page.detail"></h5>
|
|
|
+ </div>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '1'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList recommend">
|
|
|
+ <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class="img01 page_main_item"
|
|
|
+ :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' ">
|
|
|
+ <img :src="page.floorContent.pcAdsImage1"/></a>
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img :src="pros.image ? pros.image : '/img/base/placeholder.png'"
|
|
|
+ :data-original="pros.image" :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '2'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ class="img01 page_main_item"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' ">
|
|
|
+ <img :src="page.floorContent.pcAdsImage1" alt=""> </a>
|
|
|
+ <a :href="page.floorContent.adsLink2" class="img02 page_main_item"><img
|
|
|
+ :src="page.floorContent.pcAdsImage2" alt=""> </a>
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '3'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main type clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class='imgbaner page_main_item'
|
|
|
+ :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img
|
|
|
+ :src="page.floorContent.pcAdsImage1"></a>
|
|
|
+ <a class="img01 page_main_item"
|
|
|
+ :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink2!='' ? '' : 'default' "><img
|
|
|
+ :src="page.floorContent.pcAdsImage2"/></a>
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag ">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag ">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '4'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main type clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class='imgbaner page_main_item'
|
|
|
+ :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' ">
|
|
|
+ <img :src="page.floorContent.pcAdsImage1"></a>
|
|
|
+ <a class="img01 page_main_item"
|
|
|
+ :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink2!='' ? '' : 'default' ">
|
|
|
+ <img :src="page.floorContent.pcAdsImage2"/></a>
|
|
|
+ <a class="img02 page_main_item"
|
|
|
+ :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink3!='' ? '' : 'default' ">
|
|
|
+ <img :src="page.floorContent.pcAdsImage3"/></a>
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag ">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '5'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main type clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class='imgbaner page_main_item'
|
|
|
+ :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img
|
|
|
+ :src="page.floorContent.pcAdsImage1"></a>
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank"><span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '6'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a class='imgbaner page_main_item'
|
|
|
+ :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
|
|
|
+ :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img
|
|
|
+ :src="page.floorContent.pcAdsImage1"></a>
|
|
|
+ <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '7'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class="productItem" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image"
|
|
|
+ :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank"><span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="page.floorContent && page.floorContent.templateType == '8'">
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList swiper-container" id="recommendBox">
|
|
|
+ <div class="section_page_main clear mfw swiper-wrapper"
|
|
|
+ :class="page.isPageMore ? '' : 'max'">
|
|
|
+ <a class="productItem swiper-slide" :href="pros.link"
|
|
|
+ v-for="(pros,index) in page.floorImageList">
|
|
|
+ <img :src="pros.image" :alt="pros.name">
|
|
|
+ <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ <div class="name" target="_blank">
|
|
|
+ <sapn class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
|
|
|
+ </sapn>
|
|
|
+ {{pros.name}}
|
|
|
+ </div>
|
|
|
+ <div class="price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ ￥{{ (PromotionsFormat(pros.product.promotions) ?
|
|
|
+ pros.product.price1 : pros.product.retailPrice ) |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_unde">￥会员可见</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="price_text_tag"></div>
|
|
|
+ <div class="main_price_show"
|
|
|
+ v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
+ </div>
|
|
|
+ <div class="main_price_show" v-else>￥{{ pros.product.retailPrice |
|
|
|
+ NumFormat }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}</p>
|
|
|
+ </div>
|
|
|
+ <div class=" price_grade"><span class="bold">￥</span><i
|
|
|
+ :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em class="price_grade sec">￥登录可见</em>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination mfc"><span v-if="isPC"
|
|
|
+ v-for="i in Math.ceil(page.floorImageList.length / 5)"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </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/temporary.js(v=${version})}"></script>
|
|
|
+</body>
|
yuwenjun
