123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904 |
- <!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>
- <meta name="baidu-site-verification" content="KbkRJg9357"/>
- <template th:replace="components/head-link"></template>
- <link th:href="@{/css/index/index_new.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
- <link th:href="@{/css/index/index_new.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
- </head>
- <body>
- <!-- 引用头部 -->
- <template th:replace="components/header"></template>
- <!-- 首页 -->
- <div id="container">
- <!--loading-->
- <div v-if="listLoading" class="loading">
- <img src="/img/base/loading.gif">
- </div>
- <template v-else>
- <!--首页图片轮播-->
- <div id="swiper-container" class="swiper-container">
- <ul class="swiper-wrapper swiper-wrapper-banner">
- <li class="swiper-slide mfc" v-for="img in images">
- <a :href="img.link"><img :src="img.image" :alt="img.title"></a>
- </li>
- </ul>
- <div class="swiper-pagination swiper-pagination-banner mfc"><span v-if="isPC" v-for="i in images.length"></span></div>
- <a class="swiper-button-prev" href="javascript:void(0)"></a>
- <a class="swiper-button-next" href="javascript:void(0)"></a>
- </div>
- <div class="mNavBox h5Only clear">
- <!--导航菜单-->
- <a class="nav" :href="menu.link" target="_blank" v-for="(menu,index) in topMenuList">
- <img class="nav-icon" :src="menu.icon" :alt="menu.name">
- <p v-text="menu.name"></p>
- </a>
- </div>
- <!--首页楼层主体数据-->
- <div class="section_container">
- <div class="inner">
- <div class="section_right">
- <div class="box swiper-wrapper" >
- <div class="section_right_item" v-if="liveList && liveList.length>0">
- <div class="right_item_title">
- <p>精彩直播</p>
- <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0" target="_blank" v-if="isPC">更多></a>
- <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0" target="_blank" v-if="!isPC">></a>
- </div>
- <div class="right_item_main" v-for="(live,index) in liveList">
- <a :href="live.link" class="item_banner" v-if="index === 0" target="_blank" :title="live.liveTitle">
- <img src="/img/base/placeholder.png" :data-original="live.homePageImage" :alt="live.liveTitle">
- <div class="name" v-text="live.liveTitle"></div>
- <div class="statu">
- <i :class="live.liveStatus | statusTypeClass" class="mIcon"></i>
- <p>{{ live.liveStatus | statusType }}</p>
- </div>
- </a>
- <a :href="live.link" class="item_text" v-if="index > 0" target="_blank" :title="live.liveTitle">
- <p class="item_text_name" v-text="live.liveTitle"></p>
- <p class="item_text_time" v-if="isPC" v-text="live.beginTime"></p>
- </a>
- </div>
- </div>
- <div class="section_right_item" v-if="cmImageList && cmImageList.length>0">
- <div class="right_item_title">
- <p>最新活动</p>
- <a href="/promotions.html" target="_blank" v-if="isPC">更多></a>
- <a href="/promotions.html" target="_blank" v-if="!isPC">></a>
- </div>
- <div class="right_item_main" v-for="(cmImage,index) in cmImageList">
- <a :href="cmImage.link" class="item_banner" v-if="index === 0" target="_blank" :title="cmImage.title">
- <img src="/img/base/placeholder.png" :data-original="cmImage.homePageImage" :alt="cmImage.title">
- <div class="name" v-text="cmImage.title"></div>
- </a>
- <a :href="cmImage.link" class="item_text" v-if="index > 0" target="_blank" :title="cmImage.title">
- <p class="item_text_name info" v-text="cmImage.title"></p>
- </a>
- </div>
- </div>
- <div class="section_right_item" v-if="infoList && infoList.length>0">
- <div class="right_item_title">
- <p>热门文章</p>
- <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank" v-if="isPC">更多></a>
- <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank" v-if="!isPC">></a>
- </div>
- <div class="right_item_main" v-for="(info,index) in infoList">
- <a :href="info.link" class="item_banner" v-if="index === 0" target="_blank" :title="info.title">
- <img src="/img/base/placeholder.png" :data-original="info.homePageImage" :alt="info.title">
- <div class="name" v-text="info.title"></div>
- </a>
- <a :href="info.link" class="item_text" v-if="index > 0" target="_blank" :title="info.title">
- <p class="item_text_name " v-text="info.title"></p>
- <p class="item_text_time" v-if="isPC" v-text="info.createDate"></p>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="section_left ">
- <div class="section_page" v-for="(page,index) in pageList">
- <div class="section_page_title" v-if="page.floorContent">
- <h1 v-text="page.title" :data-id="index+1"></h1>
- <p v-text="page.detail"></p>
- </div>
- <template v-if="page.floorContent && page.floorContent.templateType == '1'">
- <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_02" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </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="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="section_page_more" v-if="page.isPageMore">
- <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '2'">
- <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_02" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'"
- class="page_main_item ad_03" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
- :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
- </a>
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="section_page_more" v-if="page.isPageMore">
- <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '3'">
- <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
- class="page_main_item ad_02" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
- :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
- </a>
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="section_page_more" v-if="page.isPageMore">
- <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '4'">
- <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
- class="page_main_item ad_02" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
- :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
- </a>
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink3 : 'javascript:void(0)' "
- class="page_main_item ad_03" :class="page.floorContent.adsLink3!='' ? '' : 'default' "
- :target="page.floorContent.adsLink3!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage3" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage3" alt="" class="page_main_item_adv">
- </a>
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade "><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="section_page_more" v-if="page.isPageMore">
- <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '5'">
- <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="section_page_more" v-if="page.isPageMore">
- <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '6'">
- <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
- class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
- :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
- <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
- <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
- </a>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '7'">
- <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
- <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
- <div class="page_main_text">{{ pros.name }}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- </template>
- <template v-if="page.floorContent && page.floorContent.templateType == '8'">
- <div class="floorCon">
- <div class="hotList swiper-container-floor" id="recommendBox">
- <div class="section_page_main type_08 clear mfw swiper-wrapper recommendBox-wrapper" :class="page.isPageMore ? 'max' : ''">
- <a class="page_main_item ad_04 swiper-slide" :href="pros.link" v-for="(pros,index) in page.floorImageList" target="_blank">
- <img class="page_main_image" :src="pros.image" :alt="pros.name">
- <div class="page_main_tag" v-if="pros.listType == 2">{{ pros.label }}</div>
- <div class="page_main_text" target="_blank">{{pros.name}}</div>
- <div class="page_main_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="main_price_text">
- <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>
- </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="main_price_text" v-if="pros.product.productCategory == 1">
- <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>
- </div>
- </template>
- <!--仅会员机构可见-->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="main_price_text">
- <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>
- </div>
- </template>
- <template v-else>
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- </template>
- </template>
- <template v-else>
- <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥价格祥聊</div>
- </div>
- <div class="main_price_text" v-else>
- <div class="price_text_tag"></div>
- <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
- </div>
- </template>
- </template>
- <template v-else>
- <template v-if="pros.product.productCategory == 1">
- <div class="price_text_tag right-box">
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- <div class="main_price_none">
- <em class="price_grade right-box"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
- <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
- </div>
- </template>
- <template v-else>
- <div class="main_price_none sec">
- <em class="price_grade"><span>¥</span>登录可见</em>
- </div>
- </template>
- </template>
- </div>
- </a>
- </div>
- <div class="swiper-pagination swiper-pagination-floor mfc"><span v-if="isPC" v-for="i in Math.ceil(page.floorImageList.length / 5)"></span></div>
- </div>
- </div>
- </template>
- </div>
- <div class="section_page">
- <div class="section_page_title">
- <h1 :data-id="pageList.length+1">优质供应商</h1>
- <p>采美正品联盟 质量保证</p>
- </div>
- <div class="section_page_bottom">
- <a :href="supplierWwwLink!='' ? supplierWwwLink : 'javascript:void(0)' " class="page_main_li ad_01" :target="supplierWwwLink!='' ? '_blank' : ''"><img class="page_main_item_adv" :src="supplierImage" alt=""> </a>
- <a :href="shop.link" class="page_main_li ad_02" v-for="(shop,index) in supplierList" target="_blank">
- <img class="page_main_logo" src="/img/base/placeholder.png" :data-original="shop.image" :alt="shop.supplierName">
- <div class="page_main_name">{{ shop.supplierName }}</div>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--右侧边栏导航-->
- <div id="sideNav" v-if="isPC">
- <div class="item">
- <a class="item-sideNav" href="javascript:void(0);" v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" ></a>
- </div>
- </div>
- </template>
- </div>
- <!-- 引入底部 -->
- <template th:replace="components/footer"></template>
- <template th:replace="components/foot-link"></template>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
- </body>
- </html>
|