index.html 92 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title>采美365网--医疗美容生活美容正品采购平台</title>
  6. <meta name="baidu-site-verification" content="KbkRJg9357"/>
  7. <template th:replace="components/head-link"></template>
  8. <link th:href="@{/css/index/index_new.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet"
  9. type="text/css">
  10. <link th:href="@{/css/index/index_new.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet"
  11. type="text/css">
  12. </head>
  13. <body>
  14. <!-- 引用头部 -->
  15. <template th:replace="components/header"></template>
  16. <!-- 首页 -->
  17. <div id="container">
  18. <!--loading-->
  19. <div v-if="listLoading" class="loading">
  20. <img src="/img/base/loading.gif">
  21. </div>
  22. <template v-else>
  23. <!--首页图片轮播-->
  24. <div id="swiper-container" class="swiper-container">
  25. <ul class="swiper-wrapper swiper-wrapper-banner">
  26. <li class="swiper-slide mfc" v-for="img in images">
  27. <a :href="img.link"><img :src="img.image" :alt="img.title"></a>
  28. </li>
  29. </ul>
  30. <div class="swiper-pagination swiper-pagination-banner mfc"><span v-if="isPC"
  31. v-for="i in images.length"></span></div>
  32. <a class="swiper-button-prev" href="javascript:void(0)"></a>
  33. <a class="swiper-button-next" href="javascript:void(0)"></a>
  34. </div>
  35. <div class="mNavBox h5Only clear">
  36. <!--导航菜单-->
  37. <a class="nav" :href="menu.link" v-for="(menu,index) in topMenuList">
  38. <img class="nav-icon" :src="menu.icon" :alt="menu.name">
  39. <p v-text="menu.name"></p>
  40. </a>
  41. </div>
  42. <!--首页楼层主体数据-->
  43. <div class="section_container">
  44. <div class="inner">
  45. <div class="section_right">
  46. <div class="box swiper-wrapper">
  47. <div class="section_right_item" v-if="liveList && liveList.length>0">
  48. <div class="right_item_title">
  49. <p>精彩直播</p>
  50. <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0"
  51. target="_blank" v-if="isPC">更多></a>
  52. <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0"
  53. target="_blank" v-if="!isPC">></a>
  54. </div>
  55. <div class="right_item_main" v-for="(live,index) in liveList">
  56. <a :href="live.link" class="item_banner" v-if="index === 0" target="_blank"
  57. :title="live.liveTitle">
  58. <img src="/img/base/placeholder.png" :data-original="live.homePageImage"
  59. :alt="live.liveTitle">
  60. <div class="name" v-text="live.liveTitle"></div>
  61. <div class="statu">
  62. <i :class="live.liveStatus | statusTypeClass" class="mIcon"></i>
  63. <p>{{ live.liveStatus | statusType }}</p>
  64. </div>
  65. </a>
  66. <a :href="live.link" class="item_text" v-if="index > 0" target="_blank"
  67. :title="live.liveTitle">
  68. <p class="item_text_name info" v-text="live.liveTitle"></p>
  69. </a>
  70. </div>
  71. </div>
  72. <div class="section_right_item" v-if="cmImageList && cmImageList.length>0">
  73. <div class="right_item_title">
  74. <p>最新活动</p>
  75. <a href="/promotions.html" target="_blank" v-if="isPC">更多></a>
  76. <a href="/promotions.html" target="_blank" v-if="!isPC">></a>
  77. </div>
  78. <div class="right_item_main" v-for="(cmImage,index) in cmImageList">
  79. <a :href="cmImage.link" class="item_banner" v-if="index === 0" target="_blank"
  80. :title="cmImage.title">
  81. <img src="/img/base/placeholder.png" :data-original="cmImage.homePageImage"
  82. :alt="cmImage.title">
  83. <div class="name" v-text="cmImage.title"></div>
  84. </a>
  85. <a :href="cmImage.link" class="item_text" v-if="index > 0" target="_blank"
  86. :title="cmImage.title">
  87. <p class="item_text_name info" v-text="cmImage.title"></p>
  88. </a>
  89. </div>
  90. </div>
  91. <div class="section_right_item" v-if="infoList && infoList.length>0">
  92. <div class="right_item_title">
  93. <p>热门文章</p>
  94. <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank"
  95. v-if="isPC">更多></a>
  96. <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank"
  97. v-if="!isPC">></a>
  98. </div>
  99. <div class="right_item_main" v-for="(info,index) in infoList">
  100. <a :href="info.link" class="item_banner" v-if="index === 0" target="_blank"
  101. :title="info.title">
  102. <img src="/img/base/placeholder.png" :data-original="info.homePageImage"
  103. :alt="info.title">
  104. <div class="name" v-text="info.title"></div>
  105. </a>
  106. <a :href="info.link" class="item_text" v-if="index > 0" target="_blank"
  107. :title="info.title">
  108. <p class="item_text_name " v-text="info.title"></p>
  109. <p class="item_text_time" v-if="isPC" v-text="info.createDate"></p>
  110. </a>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="section_left ">
  116. <div class="section_page" v-for="(page,index) in pageList">
  117. <div class="section_page_title" v-if="page.floorContent">
  118. <h1 v-text="page.title" :data-id="index+1"></h1>
  119. <p v-text="page.detail"></p>
  120. </div>
  121. <template v-if="page.floorContent && page.floorContent.templateType == '1'">
  122. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  123. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  124. class="page_main_item ad_02"
  125. :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  126. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  127. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt=""
  128. class="page_main_item_adv">
  129. <img v-else :src="page.floorContent.appletsAdsImage1" alt=""
  130. class="page_main_item_adv">
  131. </a>
  132. <a :href="pros.link" class="page_main_item ad_04"
  133. v-for="(pros,index) in page.floorImageList" target="_blank">
  134. <img class="page_main_image" src="/img/base/placeholder.png"
  135. :data-original="pros.image" :alt="pros.name">
  136. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  137. <div class="page_main_text">
  138. <sapn class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">
  139. 美博会
  140. </sapn>
  141. {{ pros.name }}
  142. </div>
  143. <div class="page_main_price" v-if="pros.listType == 1">
  144. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  145. <!--正常商品, 二手商品-->
  146. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  147. <template v-if="pros.product.productCategory==1">
  148. <template v-if="pros.product.price1TextFlag==1">
  149. <!--价格未公开-->
  150. <div class="main_price_text">
  151. <div class="price_text_tag">
  152. <p class="listTag" v-if="pros.product.actStatus==1">
  153. {{pros.product.promotions.name}}</p>
  154. </div>
  155. <div class="main_price_unde">¥价格未公开</div>
  156. </div>
  157. </template>
  158. <template v-else>
  159. <!--可见价格-->
  160. <template
  161. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  162. <div class="main_price_text"
  163. v-if="pros.product.productCategory == 1">
  164. <div class="price_text_tag">
  165. <p class="listTag" v-if="pros.product.actStatus==1">
  166. {{pros.product.promotions.name}}
  167. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  168. </p>
  169. </div>
  170. <div class="main_price_show"
  171. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  172. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  173. pros.product.price1 : pros.product.retailPrice ) |
  174. NumFormat }}
  175. </div>
  176. </div>
  177. </template>
  178. <!--仅会员机构可见-->
  179. <template
  180. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  181. <div class="main_price_text">
  182. <div class="price_text_tag">
  183. <p class="listTag" v-if="pros.product.actStatus==1">
  184. {{pros.product.promotions.name}}</p>
  185. </div>
  186. <div class="main_price_unde">¥会员可见</div>
  187. </div>
  188. </template>
  189. <template v-else>
  190. <div class="price_text_tag right-box">
  191. <p class="listTag" v-if="pros.product.actStatus==1">
  192. {{pros.product.promotions.name}}</p>
  193. </div>
  194. <div class="main_price_none">
  195. <em class="price_grade"><span class="bold">¥</span><i
  196. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  197. <p class="listTag" v-if="pros.actStatus==1">
  198. {{pros.product.promotions.name}}</p>
  199. </div>
  200. </template>
  201. </template>
  202. </template>
  203. <template v-else>
  204. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  205. <div class="price_text_tag"></div>
  206. <div class="main_price_show">¥价格祥聊</div>
  207. </div>
  208. <div class="main_price_text" v-else>
  209. <div class="price_text_tag"></div>
  210. <div class="main_price_show">¥{{ pros.product.retailPrice |
  211. NumFormat }}
  212. </div>
  213. </div>
  214. </template>
  215. </template>
  216. <template v-else>
  217. <template v-if="pros.product.productCategory == 1">
  218. <div class="price_text_tag ">
  219. <p class="listTag" v-if="pros.product.actStatus==1">
  220. {{pros.product.promotions.name}}</p>
  221. </div>
  222. <div class="main_price_none">
  223. <em class="price_grade"><span class="bold">¥</span><i
  224. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  225. <p class="listTag " v-if="pros.actStatus==1">
  226. {{pros.product.promotions.name}}</p>
  227. </div>
  228. </template>
  229. <template v-else>
  230. <div class="main_price_none sec">
  231. <em class="price_grade"><span>¥</span>登录可见</em>
  232. </div>
  233. </template>
  234. </template>
  235. </div>
  236. </a>
  237. </div>
  238. <div class="section_page_more" v-if="page.isPageMore">
  239. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  240. </div>
  241. </template>
  242. <template v-if="page.floorContent && page.floorContent.templateType == '2'">
  243. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  244. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  245. class="page_main_item ad_02"
  246. :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  247. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  248. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt=""
  249. class="page_main_item_adv">
  250. <img v-else :src="page.floorContent.appletsAdsImage1" alt=""
  251. class="page_main_item_adv">
  252. </a>
  253. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'"
  254. class="page_main_item ad_03"
  255. :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  256. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  257. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt=""
  258. class="page_main_item_adv">
  259. <img v-else :src="page.floorContent.appletsAdsImage2" alt=""
  260. class="page_main_item_adv">
  261. </a>
  262. <a :href="pros.link" class="page_main_item ad_04"
  263. v-for="(pros,index) in page.floorImageList" target="_blank">
  264. <img class="page_main_image" src="/img/base/placeholder.png"
  265. :data-original="pros.image" :alt="pros.name">
  266. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  267. <div class="page_main_text">
  268. <sapn class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">
  269. 美博会
  270. </sapn>
  271. {{ pros.name }}
  272. </div>
  273. <div class="page_main_price" v-if="pros.listType == 1">
  274. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  275. <!--正常商品, 二手商品-->
  276. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  277. <template v-if="pros.product.productCategory==1">
  278. <template v-if="pros.product.price1TextFlag==1">
  279. <!--价格未公开-->
  280. <div class="main_price_text">
  281. <div class="price_text_tag">
  282. <p class="listTag" v-if="pros.product.actStatus==1">
  283. {{pros.product.promotions.name}}</p>
  284. </div>
  285. <div class="main_price_unde">¥价格未公开</div>
  286. </div>
  287. </template>
  288. <template v-else>
  289. <!--可见价格-->
  290. <template
  291. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  292. <div class="main_price_text"
  293. v-if="pros.product.productCategory == 1">
  294. <div class="price_text_tag">
  295. <p class="listTag" v-if="pros.product.actStatus==1">
  296. {{pros.product.promotions.name}}
  297. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  298. </p>
  299. </div>
  300. <div class="main_price_show"
  301. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  302. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  303. pros.product.price1 : pros.product.retailPrice ) |
  304. NumFormat }}
  305. </div>
  306. </div>
  307. </template>
  308. <!--仅会员机构可见-->
  309. <template
  310. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  311. <div class="main_price_text">
  312. <div class="price_text_tag">
  313. <p class="listTag" v-if="pros.product.actStatus==1">
  314. {{pros.product.promotions.name}}</p>
  315. </div>
  316. <div class="main_price_unde">¥会员可见</div>
  317. </div>
  318. </template>
  319. <template v-else>
  320. <div class="price_text_tag right-box">
  321. <p class="listTag" v-if="pros.product.actStatus==1">
  322. {{pros.product.promotions.name}}</p>
  323. </div>
  324. <div class="main_price_none">
  325. <em class="price_grade"><span class="bold">¥</span><i
  326. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  327. <p class="listTag" v-if="pros.actStatus==1">
  328. {{pros.product.promotions.name}}</p>
  329. </div>
  330. </template>
  331. </template>
  332. </template>
  333. <template v-else>
  334. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  335. <div class="price_text_tag"></div>
  336. <div class="main_price_show">¥价格祥聊</div>
  337. </div>
  338. <div class="main_price_text" v-else>
  339. <div class="price_text_tag"></div>
  340. <div class="main_price_show">¥{{ pros.product.retailPrice |
  341. NumFormat }}
  342. </div>
  343. </div>
  344. </template>
  345. </template>
  346. <template v-else>
  347. <template v-if="pros.product.productCategory == 1">
  348. <div class="price_text_tag right-box">
  349. <p class="listTag" v-if="pros.product.actStatus==1">
  350. {{pros.product.promotions.name}}</p>
  351. </div>
  352. <div class="main_price_none">
  353. <em class="price_grade"><span class="bold">¥</span><i
  354. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  355. <p class="listTag " v-if="pros.actStatus==1">
  356. {{pros.product.promotions.name}}</p>
  357. </div>
  358. </template>
  359. <template v-else>
  360. <div class="main_price_none sec">
  361. <em class="price_grade"><span>¥</span>登录可见</em>
  362. </div>
  363. </template>
  364. </template>
  365. </div>
  366. </a>
  367. </div>
  368. <div class="section_page_more" v-if="page.isPageMore">
  369. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  370. </div>
  371. </template>
  372. <template v-if="page.floorContent && page.floorContent.templateType == '3'">
  373. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  374. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  375. class="page_main_item ad_01"
  376. :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  377. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  378. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt=""
  379. class="page_main_item_adv">
  380. <img v-else :src="page.floorContent.appletsAdsImage1" alt=""
  381. class="page_main_item_adv">
  382. </a>
  383. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
  384. class="page_main_item ad_02"
  385. :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  386. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  387. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt=""
  388. class="page_main_item_adv">
  389. <img v-else :src="page.floorContent.appletsAdsImage2" alt=""
  390. class="page_main_item_adv">
  391. </a>
  392. <a :href="pros.link" class="page_main_item ad_04"
  393. v-for="(pros,index) in page.floorImageList" target="_blank">
  394. <img class="page_main_image" src="/img/base/placeholder.png"
  395. :data-original="pros.image" :alt="pros.name">
  396. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  397. <div class="page_main_text">
  398. <sapn class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">
  399. 美博会
  400. </sapn>
  401. {{ pros.name }}
  402. </div>
  403. <div class="page_main_price" v-if="pros.listType == 1">
  404. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  405. <!--正常商品, 二手商品-->
  406. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  407. <template v-if="pros.product.productCategory==1">
  408. <template v-if="pros.product.price1TextFlag==1">
  409. <!--价格未公开-->
  410. <div class="main_price_text">
  411. <div class="price_text_tag">
  412. <p class="listTag" v-if="pros.product.actStatus==1">
  413. {{pros.product.promotions.name}}</p>
  414. </div>
  415. <div class="main_price_unde">¥价格未公开</div>
  416. </div>
  417. </template>
  418. <template v-else>
  419. <!--可见价格-->
  420. <template
  421. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  422. <div class="main_price_text"
  423. v-if="pros.product.productCategory == 1">
  424. <div class="price_text_tag">
  425. <p class="listTag" v-if="pros.product.actStatus==1">
  426. {{pros.product.promotions.name}}
  427. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  428. </p>
  429. </div>
  430. <div class="main_price_show"
  431. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  432. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  433. pros.product.price1 : pros.product.retailPrice ) |
  434. NumFormat }}
  435. </div>
  436. </div>
  437. </template>
  438. <!--仅会员机构可见-->
  439. <template
  440. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  441. <div class="main_price_text">
  442. <div class="price_text_tag">
  443. <p class="listTag" v-if="pros.product.actStatus==1">
  444. {{pros.product.promotions.name}}</p>
  445. </div>
  446. <div class="main_price_unde">¥会员可见</div>
  447. </div>
  448. </template>
  449. <template v-else>
  450. <div class="price_text_tag right-box">
  451. <p class="listTag" v-if="pros.product.actStatus==1">
  452. {{pros.product.promotions.name}}</p>
  453. </div>
  454. <div class="main_price_none">
  455. <em class="price_grade"><span class="bold">¥</span><i
  456. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  457. <p class="listTag " v-if="pros.actStatus==1">
  458. {{pros.product.promotions.name}}</p>
  459. </div>
  460. </template>
  461. </template>
  462. </template>
  463. <template v-else>
  464. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  465. <div class="price_text_tag"></div>
  466. <div class="main_price_show">¥价格祥聊</div>
  467. </div>
  468. <div class="main_price_text" v-else>
  469. <div class="price_text_tag"></div>
  470. <div class="main_price_show">¥{{ pros.product.retailPrice |
  471. NumFormat }}
  472. </div>
  473. </div>
  474. </template>
  475. </template>
  476. <template v-else>
  477. <template v-if="pros.product.productCategory == 1">
  478. <div class="price_text_tag right-box">
  479. <p class="listTag" v-if="pros.product.actStatus==1">
  480. {{pros.product.promotions.name}}</p>
  481. </div>
  482. <div class="main_price_none">
  483. <em class="price_grade"><span class="bold">¥</span><i
  484. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  485. <p class="listTag " v-if="pros.actStatus==1">
  486. {{pros.product.promotions.name}}</p>
  487. </div>
  488. </template>
  489. <template v-else>
  490. <div class="main_price_none sec">
  491. <em class="price_grade"><span>¥</span>登录可见</em>
  492. </div>
  493. </template>
  494. </template>
  495. </div>
  496. </a>
  497. </div>
  498. <div class="section_page_more" v-if="page.isPageMore">
  499. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  500. </div>
  501. </template>
  502. <template v-if="page.floorContent && page.floorContent.templateType == '4'">
  503. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  504. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  505. class="page_main_item ad_01"
  506. :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  507. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  508. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt=""
  509. class="page_main_item_adv">
  510. <img v-else :src="page.floorContent.appletsAdsImage1" alt=""
  511. class="page_main_item_adv">
  512. </a>
  513. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
  514. class="page_main_item ad_02"
  515. :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  516. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  517. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt=""
  518. class="page_main_item_adv">
  519. <img v-else :src="page.floorContent.appletsAdsImage2" alt=""
  520. class="page_main_item_adv">
  521. </a>
  522. <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink3 : 'javascript:void(0)' "
  523. class="page_main_item ad_03"
  524. :class="page.floorContent.adsLink3!='' ? '' : 'default' "
  525. :target="page.floorContent.adsLink3!='' ? '_blank' : ''">
  526. <img v-if="isPC" :src="page.floorContent.pcAdsImage3" alt=""
  527. class="page_main_item_adv">
  528. <img v-else :src="page.floorContent.appletsAdsImage3" alt=""
  529. class="page_main_item_adv">
  530. </a>
  531. <a :href="pros.link" class="page_main_item ad_04"
  532. v-for="(pros,index) in page.floorImageList" target="_blank">
  533. <img class="page_main_image" src="/img/base/placeholder.png"
  534. :data-original="pros.image" :alt="pros.name">
  535. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  536. <div class="page_main_text">
  537. <sapn class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">
  538. 美博会
  539. </sapn>
  540. {{ pros.name }}
  541. </div>
  542. <div class="page_main_price" v-if="pros.listType == 1">
  543. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  544. <!--正常商品, 二手商品-->
  545. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  546. <template v-if="pros.product.productCategory==1">
  547. <template v-if="pros.product.price1TextFlag==1">
  548. <!--价格未公开-->
  549. <div class="main_price_text">
  550. <div class="price_text_tag">
  551. <p class="listTag" v-if="pros.product.actStatus==1">
  552. {{pros.product.promotions.name}}</p>
  553. </div>
  554. <div class="main_price_unde">¥价格未公开</div>
  555. </div>
  556. </template>
  557. <template v-else>
  558. <!--可见价格-->
  559. <template
  560. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  561. <div class="main_price_text"
  562. v-if="pros.product.productCategory == 1">
  563. <div class="price_text_tag">
  564. <p class="listTag" v-if="pros.product.actStatus==1">
  565. {{pros.product.promotions.name}}
  566. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  567. </p>
  568. </div>
  569. <div class="main_price_show"
  570. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  571. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  572. pros.product.price1 : pros.product.retailPrice ) |
  573. NumFormat }}
  574. </div>
  575. </div>
  576. </template>
  577. <!--仅会员机构可见-->
  578. <template
  579. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  580. <div class="main_price_text">
  581. <div class="price_text_tag">
  582. <p class="listTag" v-if="pros.product.actStatus==1">
  583. {{pros.product.promotions.name}}</p>
  584. </div>
  585. <div class="main_price_unde">¥会员可见</div>
  586. </div>
  587. </template>
  588. <template v-else>
  589. <div class="price_text_tag right-box">
  590. <p class="listTag" v-if="pros.product.actStatus==1">
  591. {{pros.product.promotions.name}}</p>
  592. </div>
  593. <div class="main_price_none">
  594. <em class="price_grade"><span class="bold">¥</span><i
  595. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  596. <p class="listTag " v-if="pros.actStatus==1">
  597. {{pros.product.promotions.name}}</p>
  598. </div>
  599. </template>
  600. </template>
  601. </template>
  602. <template v-else>
  603. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  604. <div class="price_text_tag"></div>
  605. <div class="main_price_show">¥价格祥聊</div>
  606. </div>
  607. <div class="main_price_text" v-else>
  608. <div class="price_text_tag"></div>
  609. <div class="main_price_show">¥{{ pros.product.retailPrice |
  610. NumFormat }}
  611. </div>
  612. </div>
  613. </template>
  614. </template>
  615. <template v-else>
  616. <template v-if="pros.product.productCategory == 1">
  617. <div class="price_text_tag right-box">
  618. <p class="listTag" v-if="pros.product.actStatus==1">
  619. {{pros.product.promotions.name}}</p>
  620. </div>
  621. <div class="main_price_none">
  622. <em class="price_grade "><span class="bold">¥</span><i
  623. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  624. <p class="listTag " v-if="pros.actStatus==1">
  625. {{pros.product.promotions.name}}</p>
  626. </div>
  627. </template>
  628. <template v-else>
  629. <div class="main_price_none sec">
  630. <em class="price_grade"><span>¥</span>登录可见</em>
  631. </div>
  632. </template>
  633. </template>
  634. </div>
  635. </a>
  636. </div>
  637. <div class="section_page_more" v-if="page.isPageMore">
  638. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  639. </div>
  640. </template>
  641. <template v-if="page.floorContent && page.floorContent.templateType == '5'">
  642. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  643. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  644. class="page_main_item ad_01"
  645. :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  646. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  647. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt=""
  648. class="page_main_item_adv">
  649. <img v-else :src="page.floorContent.appletsAdsImage1" alt=""
  650. class="page_main_item_adv">
  651. </a>
  652. <a :href="pros.link" class="page_main_item ad_04"
  653. v-for="(pros,index) in page.floorImageList" target="_blank">
  654. <img class="page_main_image" src="/img/base/placeholder.png"
  655. :data-original="pros.image" :alt="pros.name">
  656. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  657. <div class="page_main_text"><span class="tag"
  658. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{
  659. pros.name }}
  660. </div>
  661. <div class="page_main_price" v-if="pros.listType == 1">
  662. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  663. <!--正常商品, 二手商品-->
  664. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  665. <template v-if="pros.product.productCategory==1">
  666. <template v-if="pros.product.price1TextFlag==1">
  667. <!--价格未公开-->
  668. <div class="main_price_text">
  669. <div class="price_text_tag">
  670. <p class="listTag" v-if="pros.product.actStatus==1">
  671. {{pros.product.promotions.name}}</p>
  672. </div>
  673. <div class="main_price_unde">¥价格未公开</div>
  674. </div>
  675. </template>
  676. <template v-else>
  677. <!--可见价格-->
  678. <template
  679. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  680. <div class="main_price_text"
  681. v-if="pros.product.productCategory == 1">
  682. <div class="price_text_tag">
  683. <p class="listTag" v-if="pros.product.actStatus==1">
  684. {{pros.product.promotions.name}}
  685. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  686. </p>
  687. </div>
  688. <div class="main_price_show"
  689. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  690. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  691. pros.product.price1 : pros.product.retailPrice ) |
  692. NumFormat }}
  693. </div>
  694. </div>
  695. </template>
  696. <!--仅会员机构可见-->
  697. <template
  698. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  699. <div class="main_price_text">
  700. <div class="price_text_tag">
  701. <p class="listTag" v-if="pros.product.actStatus==1">
  702. {{pros.product.promotions.name}}</p>
  703. </div>
  704. <div class="main_price_unde">¥会员可见</div>
  705. </div>
  706. </template>
  707. <template v-else>
  708. <div class="price_text_tag right-box">
  709. <p class="listTag" v-if="pros.product.actStatus==1">
  710. {{pros.product.promotions.name}}</p>
  711. </div>
  712. <div class="main_price_none">
  713. <em class="price_grade"><span class="bold">¥</span><i
  714. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  715. <p class="listTag " v-if="pros.actStatus==1">
  716. {{pros.product.promotions.name}}</p>
  717. </div>
  718. </template>
  719. </template>
  720. </template>
  721. <template v-else>
  722. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  723. <div class="price_text_tag"></div>
  724. <div class="main_price_show">¥价格祥聊</div>
  725. </div>
  726. <div class="main_price_text" v-else>
  727. <div class="price_text_tag"></div>
  728. <div class="main_price_show">¥{{ pros.product.retailPrice |
  729. NumFormat }}
  730. </div>
  731. </div>
  732. </template>
  733. </template>
  734. <template v-else>
  735. <template v-if="pros.product.productCategory == 1">
  736. <div class="price_text_tag right-box">
  737. <p class="listTag" v-if="pros.product.actStatus==1">
  738. {{pros.product.promotions.name}}</p>
  739. </div>
  740. <div class="main_price_none">
  741. <em class="price_grade"><span class="bold">¥</span><i
  742. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  743. <p class="listTag " v-if="pros.actStatus==1">
  744. {{pros.product.promotions.name}}</p>
  745. </div>
  746. </template>
  747. <template v-else>
  748. <div class="main_price_none sec">
  749. <em class="price_grade"><span>¥</span>登录可见</em>
  750. </div>
  751. </template>
  752. </template>
  753. </div>
  754. </a>
  755. </div>
  756. <div class="section_page_more" v-if="page.isPageMore">
  757. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  758. </div>
  759. </template>
  760. <template v-if="page.floorContent && page.floorContent.templateType == '6'">
  761. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  762. <a :href="pros.link" class="page_main_item ad_04"
  763. v-for="(pros,index) in page.floorImageList" target="_blank">
  764. <img class="page_main_image" src="/img/base/placeholder.png"
  765. :data-original="pros.image" :alt="pros.name">
  766. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  767. <div class="page_main_text">
  768. <sapn class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">
  769. 美博会
  770. </sapn>
  771. {{ pros.name }}
  772. </div>
  773. <div class="page_main_price" v-if="pros.listType == 1">
  774. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  775. <!--正常商品, 二手商品-->
  776. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  777. <template v-if="pros.product.productCategory==1">
  778. <template v-if="pros.product.price1TextFlag==1">
  779. <!--价格未公开-->
  780. <div class="main_price_text">
  781. <div class="price_text_tag">
  782. <p class="listTag" v-if="pros.product.actStatus==1">
  783. {{pros.product.promotions.name}}</p>
  784. </div>
  785. <div class="main_price_unde">¥价格未公开</div>
  786. </div>
  787. </template>
  788. <template v-else>
  789. <!--可见价格-->
  790. <template
  791. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  792. <div class="main_price_text"
  793. v-if="pros.product.productCategory == 1">
  794. <div class="price_text_tag">
  795. <p class="listTag" v-if="pros.product.actStatus==1">
  796. {{pros.product.promotions.name}}
  797. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  798. </p>
  799. </div>
  800. <div class="main_price_show"
  801. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  802. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  803. pros.product.price1 : pros.product.retailPrice ) |
  804. NumFormat }}
  805. </div>
  806. </div>
  807. </template>
  808. <!--仅会员机构可见-->
  809. <template
  810. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  811. <div class="main_price_text">
  812. <div class="price_text_tag">
  813. <p class="listTag" v-if="pros.product.actStatus==1">
  814. {{pros.product.promotions.name}}</p>
  815. </div>
  816. <div class="main_price_unde">¥会员可见</div>
  817. </div>
  818. </template>
  819. <template v-else>
  820. <div class="price_text_tag right-box">
  821. <p class="listTag" v-if="pros.product.actStatus==1">
  822. {{pros.product.promotions.name}}</p>
  823. </div>
  824. <div class="main_price_none">
  825. <em class="price_grade"><span class="bold">¥</span><i
  826. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  827. <p class="listTag " v-if="pros.actStatus==1">
  828. {{pros.product.promotions.name}}</p>
  829. </div>
  830. </template>
  831. </template>
  832. </template>
  833. <template v-else>
  834. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  835. <div class="price_text_tag"></div>
  836. <div class="main_price_show">¥价格祥聊</div>
  837. </div>
  838. <div class="main_price_text" v-else>
  839. <div class="price_text_tag"></div>
  840. <div class="main_price_show">¥{{ pros.product.retailPrice |
  841. NumFormat }}
  842. </div>
  843. </div>
  844. </template>
  845. </template>
  846. <template v-else>
  847. <template v-if="pros.product.productCategory == 1">
  848. <div class="price_text_tag right-box">
  849. <p class="listTag" v-if="pros.product.actStatus==1">
  850. {{pros.product.promotions.name}}</p>
  851. </div>
  852. <div class="main_price_none">
  853. <em class="price_grade"><span class="bold">¥</span><i
  854. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  855. <p class="listTag " v-if="pros.actStatus==1">
  856. {{pros.product.promotions.name}}</p>
  857. </div>
  858. </template>
  859. <template v-else>
  860. <div class="main_price_none sec">
  861. <em class="price_grade"><span>¥</span>登录可见</em>
  862. </div>
  863. </template>
  864. </template>
  865. </div>
  866. </a>
  867. </div>
  868. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  869. class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  870. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  871. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  872. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  873. </a>
  874. </template>
  875. <template v-if="page.floorContent && page.floorContent.templateType == '7'">
  876. <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
  877. <a :href="pros.link" class="page_main_item ad_04"
  878. v-for="(pros,index) in page.floorImageList" target="_blank">
  879. <img class="page_main_image" src="/img/base/placeholder.png"
  880. :data-original="pros.image" :alt="pros.name">
  881. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  882. <div class="page_main_text"><span class="tag"
  883. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{
  884. pros.name }}
  885. </div>
  886. <div class="page_main_price" v-if="pros.listType == 1">
  887. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  888. <!--正常商品, 二手商品-->
  889. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  890. <template v-if="pros.product.productCategory==1">
  891. <template v-if="pros.product.price1TextFlag==1">
  892. <!--价格未公开-->
  893. <div class="main_price_text">
  894. <div class="price_text_tag">
  895. <p class="listTag" v-if="pros.product.actStatus==1">
  896. {{pros.product.promotions.name}}</p>
  897. </div>
  898. <div class="main_price_unde">¥价格未公开</div>
  899. </div>
  900. </template>
  901. <template v-else>
  902. <!--可见价格-->
  903. <template
  904. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  905. <div class="main_price_text"
  906. v-if="pros.product.productCategory == 1">
  907. <div class="price_text_tag">
  908. <p class="listTag" v-if="pros.product.actStatus==1">
  909. {{pros.product.promotions.name}}
  910. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  911. </p>
  912. </div>
  913. <div class="main_price_show"
  914. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  915. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  916. pros.product.price1 : pros.product.retailPrice ) |
  917. NumFormat }}
  918. </div>
  919. </div>
  920. </template>
  921. <!--仅会员机构可见-->
  922. <template
  923. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  924. <div class="main_price_text">
  925. <div class="price_text_tag">
  926. <p class="listTag" v-if="pros.product.actStatus==1">
  927. {{pros.product.promotions.name}}</p>
  928. </div>
  929. <div class="main_price_unde">¥会员可见</div>
  930. </div>
  931. </template>
  932. <template v-else>
  933. <div class="price_text_tag right-box">
  934. <p class="listTag" v-if="pros.product.actStatus==1">
  935. {{pros.product.promotions.name}}</p>
  936. </div>
  937. <div class="main_price_none">
  938. <em class="price_grade"><span class="bold">¥</span><i
  939. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  940. <p class="listTag " v-if="pros.actStatus==1">
  941. {{pros.product.promotions.name}}</p>
  942. </div>
  943. </template>
  944. </template>
  945. </template>
  946. <template v-else>
  947. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  948. <div class="price_text_tag"></div>
  949. <div class="main_price_show">¥价格祥聊</div>
  950. </div>
  951. <div class="main_price_text" v-else>
  952. <div class="price_text_tag"></div>
  953. <div class="main_price_show">¥{{ pros.product.retailPrice |
  954. NumFormat }}
  955. </div>
  956. </div>
  957. </template>
  958. </template>
  959. <template v-else>
  960. <template v-if="pros.product.productCategory == 1">
  961. <div class="price_text_tag right-box">
  962. <p class="listTag" v-if="pros.product.actStatus==1">
  963. {{pros.product.promotions.name}}</p>
  964. </div>
  965. <div class="main_price_none">
  966. <em class="price_grade"><span class="bold">¥</span><i
  967. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  968. <p class="listTag " v-if="pros.actStatus==1">
  969. {{pros.product.promotions.name}}</p>
  970. </div>
  971. </template>
  972. <template v-else>
  973. <div class="main_price_none sec">
  974. <em class="price_grade"><span>¥</span>登录可见</em>
  975. </div>
  976. </template>
  977. </template>
  978. </div>
  979. </a>
  980. </div>
  981. </template>
  982. <template v-if="page.floorContent && page.floorContent.templateType == '8'">
  983. <div class="floorCon">
  984. <div class="hotList swiper-container-floor" id="recommendBox">
  985. <div class="section_page_main type_08 clear mfw swiper-wrapper recommendBox-wrapper"
  986. :class="page.isPageMore ? 'max' : ''">
  987. <a class="page_main_item ad_04 swiper-slide" :href="pros.link"
  988. v-for="(pros,index) in page.floorImageList" target="_blank">
  989. <img class="page_main_image" :src="pros.image" :alt="pros.name">
  990. <div class="page_main_tag" v-if="pros.listType == 2">{{ pros.label }}</div>
  991. <div class="page_main_text" target="_blank">
  992. <sapn class="tag"
  993. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会
  994. </sapn>
  995. {{pros.name}}
  996. </div>
  997. <div class="page_main_price" v-if="pros.listType == 1">
  998. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  999. <!--正常商品, 二手商品-->
  1000. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  1001. <template v-if="pros.product.productCategory==1">
  1002. <template v-if="pros.product.price1TextFlag==1">
  1003. <!--价格未公开-->
  1004. <div class="main_price_text">
  1005. <div class="price_text_tag">
  1006. <p class="listTag" v-if="pros.product.actStatus==1">
  1007. {{pros.product.promotions.name}}</p>
  1008. </div>
  1009. <div class="main_price_unde">¥价格未公开</div>
  1010. </div>
  1011. </template>
  1012. <template v-else>
  1013. <!--可见价格-->
  1014. <template
  1015. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1016. <div class="main_price_text"
  1017. v-if="pros.product.productCategory == 1">
  1018. <div class="price_text_tag">
  1019. <p class="listTag"
  1020. v-if="pros.product.actStatus==1">
  1021. {{pros.product.promotions.name}}
  1022. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  1023. </p>
  1024. </div>
  1025. <div class="main_price_show"
  1026. :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1027. ¥{{ (PromotionsFormat(pros.product.promotions) ?
  1028. pros.product.price1 : pros.product.retailPrice )
  1029. | NumFormat }}
  1030. </div>
  1031. </div>
  1032. </template>
  1033. <!--仅会员机构可见-->
  1034. <template
  1035. v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1036. <div class="main_price_text">
  1037. <div class="price_text_tag">
  1038. <p class="listTag"
  1039. v-if="pros.product.actStatus==1">
  1040. {{pros.product.promotions.name}}</p>
  1041. </div>
  1042. <div class="main_price_unde">¥会员可见</div>
  1043. </div>
  1044. </template>
  1045. <template v-else>
  1046. <div class="price_text_tag right-box">
  1047. <p class="listTag" v-if="pros.product.actStatus==1">
  1048. {{pros.product.promotions.name}}</p>
  1049. </div>
  1050. <div class="main_price_none">
  1051. <em class="price_grade"><span
  1052. class="bold">¥</span><i
  1053. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  1054. <p class="listTag " v-if="pros.actStatus==1">
  1055. {{pros.product.promotions.name}}</p>
  1056. </div>
  1057. </template>
  1058. </template>
  1059. </template>
  1060. <template v-else>
  1061. <div class="main_price_text"
  1062. v-if="pros.product.detailTalkFlag == '2'">
  1063. <div class="price_text_tag"></div>
  1064. <div class="main_price_show">¥价格祥聊</div>
  1065. </div>
  1066. <div class="main_price_text" v-else>
  1067. <div class="price_text_tag"></div>
  1068. <div class="main_price_show">¥{{ pros.product.retailPrice |
  1069. NumFormat }}
  1070. </div>
  1071. </div>
  1072. </template>
  1073. </template>
  1074. <template v-else>
  1075. <template v-if="pros.product.productCategory == 1">
  1076. <div class="price_text_tag right-box">
  1077. <p class="listTag" v-if="pros.product.actStatus==1">
  1078. {{pros.product.promotions.name}}</p>
  1079. </div>
  1080. <div class="main_price_none">
  1081. <em class="price_grade right-box"><span
  1082. class="bold">¥</span><i
  1083. :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  1084. <p class="listTag" v-if="pros.actStatus==1">
  1085. {{pros.product.promotions.name}}</p>
  1086. </div>
  1087. </template>
  1088. <template v-else>
  1089. <div class="main_price_none sec">
  1090. <em class="price_grade"><span>¥</span>登录可见</em>
  1091. </div>
  1092. </template>
  1093. </template>
  1094. </div>
  1095. </a>
  1096. </div>
  1097. <div class="swiper-pagination swiper-pagination-floor mfc"><span v-if="isPC"
  1098. v-for="i in Math.ceil(page.floorImageList.length / 5)"></span>
  1099. </div>
  1100. </div>
  1101. </div>
  1102. </template>
  1103. </div>
  1104. <div class="section_page">
  1105. <div class="section_page_title">
  1106. <h1 :data-id="pageList.length+1">优质供应商</h1>
  1107. <p>采美正品联盟 质量保证</p>
  1108. </div>
  1109. <div class="section_page_bottom">
  1110. <a :href="supplierWwwLink!='' ? supplierWwwLink : 'javascript:void(0)' "
  1111. class="page_main_li ad_01" :target="supplierWwwLink!='' ? '_blank' : ''"><img
  1112. class="page_main_item_adv" :src="supplierImage" alt=""> </a>
  1113. <a :href="shop.link" class="page_main_li ad_02" v-for="(shop,index) in supplierList"
  1114. target="_blank">
  1115. <img class="page_main_logo" src="/img/base/placeholder.png" :data-original="shop.image"
  1116. :alt="shop.supplierName">
  1117. <div class="page_main_name">{{ shop.supplierName }}</div>
  1118. </a>
  1119. </div>
  1120. </div>
  1121. </div>
  1122. </div>
  1123. </div>
  1124. <!--右侧边栏导航-->
  1125. <div id="sideNav" v-if="isPC">
  1126. <div class="item">
  1127. <a class="item-sideNav" href="javascript:void(0);" v-for="nav in asideNav" :data-id="nav.id"
  1128. v-text="nav.value"></a>
  1129. </div>
  1130. </div>
  1131. <!--美博会弹窗-->
  1132. <div id="meibohui" class="Popup" v-if="showflag" :class="showflag ? 'show' :'' "
  1133. onclick="_czc.push(['_trackEvent','美博会','点击','用户访问','','meibohui'])">
  1134. <div class="show_popup">
  1135. <div class="bg_icon" @click="closepopup"><i class="icon mIcon"></i></div>
  1136. <div class="bg_img" @click="zhuanti"><img
  1137. src="https://static.caimei365.com/app/meibohui/www/activity-pop-pc.png" v-if="isPC"><img
  1138. src="https://static.caimei365.com/app/meibohui/www/activity-pop-h5.png" v-else></div>
  1139. </div>
  1140. </div>
  1141. </template>
  1142. </div>
  1143. <!-- 引入底部 -->
  1144. <template th:replace="components/footer"></template>
  1145. <template th:replace="components/foot-link"></template>
  1146. <script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
  1147. </body>
  1148. </html>