123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274 |
- <header id="globalHead" xmlns:th="http://www.w3.org/1999/xhtml" :class="isFiexd ? 'fiexd': ''">
- <!--顶部导航-->
- <div class="baseHeadTop">
- <div class="wrap clear">
- <div class="header_top_left">欢迎来到采美采购服务平台</div>
- <div class="header_top_left"></div>
- <ul class="header_top_ul">
- <li class="headsupplier">
- <a class="tab_name">供应商服务</a>
- <div class="supplierData">
- <div class="supplierLink" v-for="(item, index) in activeLinks" :key="index" @click="goHeaderLink(item.link)">{{item.title}}</div>
- </div>
- </li>
- <li class="headmsg">
- <a v-if="userIdentity===3" @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0)" class="WEB-icon msg-btn">消息<em v-text="'('+noticeNum+')'"></em></a>
- <a v-else @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0)" class="WEB-icon msg-btn">消息<em v-text="'('+noticeNum+')'"></em></a>
- </li>
- <li class="headCart">
- <a v-if="userIdentity!=3" href="javascript:void(0)" class="addBtn icon" @click="goCartsLinkFn" onclick="_czc.push(['_trackEvent','顶部导航','购物车','点击','','Um_Event_Cart'])">购物车<em v-text="'('+headCart.cartCount+')'"></em></a>
- <div class="cartData">
- <div v-if="headCart.cartCount>0">
- <div class="cartMain">
- <div class="cartItem" v-for="cart in headCart.cartList">
- <a href="javascript:void(0)" @click="productDetailsFn(cart.productId)">
- <img :src="cart.image">
- <span class="name" v-text="cart.name"></span>
- <span class="unit" v-text="'包装规格:'+cart.unit"></span>
- <span class="unit" v-text="'数量:'+cart.number"></span>
- <span class="price" v-text="'¥'+parseFloat(cart.price).toFixed(2)"></span>
- </a>
- <span class="delBtn" @click="DeleteCartProducts(cart.skuId)"></span>
- </div>
- </div>
- <div class="cartBtm">
- <span>共计:<span v-text="headCart.productCount"></span> 件</span>
- <span>合计:<span v-text="parseFloat(headCart.priceTotal).toFixed(2)"></span> 元</span>
- <a class="btn" href="/shopping/cart.html" rel="nofollow">去购物车结算</a>
- </div>
- </div>
- <div v-else class="empty">
- <img src="/img/common/empty_cart.png" alt="空购物车">
- <p>购物车暂无商品</p>
- <p v-if="!loginStatus">请先<a href="/login.html" rel="nofollow">登录</a>添加商品到购物车</p>
- </div>
- </div>
- </li>
- <li v-if="GLOBAL_USER_IDENTITY !== 3"><a :href="GLOBAL_USER_ID === 0 ? '/login.html' : '/user/member.html'">超级会员</a></li>
- <li v-if="loginStatus" id="mGlobalMenu" @click="hideGlobalMenu()">
- <a class="cTab" href="javascript:void(0);" v-if="userIdentity == 3" v-text="userData.name"></a>
- <a class="cTab" href="javascript:void(0);" v-else v-text="userData.name"></a>
- <div class="cShow" v-if="userIdentity == 4 || userIdentity == 2">
- <a href="/user/dashboard.html" rel="nofollow">我的采美</a>
- <a href="/user/setting/information.html" rel="nofollow">机构资料</a>
- <a v-if="!isPC" @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0);">我的消息<span>({{noticeNum}})</span></a>
- <a href="javascript:void(0);" @click="userLogOut()">退出登录</a>
- </div>
- <div class="cShow" v-if="userIdentity == 3">
- <a href="/supplier/dashboard.html" rel="nofollow">我的采美</a>
- <a href="javascript:void(0);" @click="pageLinkSupplier()">店铺管理</a>
- <a v-if="!isPC" @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0);">我的消息<span>({{noticeNum}})</span></a>
- <a href="javascript:void(0);" @click="userLogOut()">退出登录</a>
- </div>
- </li>
- <template v-else>
- <li><a href="/club/register.html" rel="nofollow" onclick="_czc.push(['_trackEvent','顶部导航','注册','点击','','Um_Event_Regirster'])">注册</a></li>
- <li><a href="/login.html" rel="nofollow">登录</a></li>
- </template>
- </ul>
- </div>
- </div>
- <!--搜索及购物车-->
- <div class="baseHeadCenter">
- <div class="wrap clear">
- <a href="javascript:void(0);" class="h5Only mClassBtn mIcon" title="分类"></a>
- <a href="/" class="logo">
- <img class="pcOnly" src="/img/base/logo.png" alt="采美 生美/医美采购服务平台" />
- <img class="h5Only" src="/img/base/logo_m.png" alt="采美 生美/医美采购服务平台" />
- </a>
- <div class="mf h5Only mUserCenter">
- <template v-if="loginStatus">
- <a class="mUserIcon mIcon superVip" href="/user/member.html" v-if="!isPC && userIdentity != 3" title="超级会员" rel="nofollow"></a>
- <a href="/shopping/cart.html" :class="loginStatus?'mAddCart mIcon':'mAddCart mIcon toLogin'" v-if="!isPC && userIdentity != 3" title="购物车" rel="nofollow"></a>
- <!-- <a v-if="userIdentity===3" @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>-->
- <!-- <a v-else @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>-->
- <a @click="showGlobalMenu()" class="mUserIcon mIcon" href="javascript:void(0);" title="个人中心" rel="nofollow"></a>
- </template>
- <template v-else>
- <a class="mUserIcon mIcon superVip" :href="GLOBAL_USER_ID === 0 ? '/login.html' : '/user/member.html'" title="超级会员" rel="nofollow"></a>
- <a href="/login.html" :class="loginStatus?'mAddCart mIcon':'mAddCart mIcon toLogin'" title="购物车" rel="nofollow"></a>
- <a class="mUserIcon mIcon toLogin" href="javascript:void(0);" title="个人中心" rel="nofollow"></a>
- </template>
- </div>
- <div class="searchBox" id="topSearch">
- <div class="search auto-input" id="autoInput">
- <div class="jqSelect">
- <div class="pc">
- <span data-select="0">商品</span>
- <ul>
- <li data-id="0">商品</li>
- </ul>
- </div>
- <select>
- <option value="0">商品</option>
- <option value="1">供应商</option>
- <!-- <option value="2">项目仪器</option>-->
- </select>
- </div>
- <input class="keyword" type="text" placeholder="请输入搜索关键词" maxlength="30" />
- <a class="searchBtn icon mIcon" href="javascript:void(0);" onclick="_czc.push(['_trackEvent','顶部导航','搜索按钮','点击','','Um_Event_SearchButton'])"></a>
- </div>
- <!-- <div class="supplierH5" v-if="!isPC && (userIdentity !== 4 && userIdentity !== 2)">-->
- <!-- <a class="mIcon supplier_H5" href="/supplier-login/index.html" title="供应商服务" rel="nofollow"></a>-->
- <!-- </div>-->
- <!-- 热门搜索关键词 -->
- <div class="hotKey">
- <span th:each="word,wordStat: ${searchHotWord}">
- <em class="word" th:text="${word}"></em>
- </span>
- </div>
- </div>
- <div class="wechat_qrcode">
- <div class="q_item">
- <div class="q_item_icon"><img src="/img/common/qr_code_caimei.jpg" alt="采美公众号"></div>
- <div class="q_item_code"><img src="/img/common/qr_code_caimei.jpg" alt="采美公众号"></div>
- <p>采美公众号</p>
- </div>
- <div class="q_item">
- <div class="q_item_icon"><img src="/img/common/qr_code_mini.jpg" alt="采美小程序"></div>
- <div class="q_item_code"><img src="/img/common/qr_code_mini.jpg" alt="采美小程序"></div>
- <p>采美小程序</p>
- </div>
- <!-- <div class="q_item newCarLink" v-if="userIdentity!=3" @click="goCartsLinkFn" >-->
- <!-- <div class="headCart">-->
- <!-- <div class="bg_car"></div>-->
- <!-- <a v-if="userIdentity!=3" href="javascript:void(0)" class="addBtn icon" onclick="_czc.push(['_trackEvent','顶部导航','购物车','点击','','Um_Event_Cart'])">购物车<span style="color: #FF5B00;" v-text="'('+headCart.cartCount+')'"></span></a>-->
- <!-- <div class="cartData">-->
- <!-- <div v-if="headCart.cartCount>0">-->
- <!-- <div class="cartMain">-->
- <!-- <div class="cartItem" v-for="cart in headCart.cartList">-->
- <!-- <a href="javascript:void(0)" @click="productDetailsFn(cart.productId)">-->
- <!-- <img :src="cart.image" >-->
- <!-- <span class="name" v-text="cart.name"></span>-->
- <!-- <span class="unit" v-text="'包装规格:'+cart.unit"></span>-->
- <!-- <span class="unit" v-text="'数量:'+cart.number"></span>-->
- <!-- <span class="price" v-text="'¥'+parseFloat(cart.price).toFixed(2)"></span>-->
- <!-- </a>-->
- <!-- <span class="delBtn" @click="DeleteCartProducts(cart.productId)"></span>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="cartBtm">-->
- <!-- <span>共计:<span v-text="headCart.productCount"></span> 件</span>-->
- <!-- <span>合计:<span v-text="parseFloat(headCart.priceTotal).toFixed(2)"></span> 元</span>-->
- <!-- <a class="btn" href="/shopping/cart.html" rel="nofollow">去购物车结算</a>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div v-else class="empty">-->
- <!-- <img src="/img/common/empty_cart.png" alt="空购物车">-->
- <!-- <p>购物车暂无商品</p>-->
- <!-- <p v-if="!loginStatus">请先<a href="/login.html" rel="nofollow">登录</a>添加商品到购物车</p>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="q_item_icon"></div>-->
- <!-- <p>购物车</p>-->
- <!-- </div>-->
- <!-- <div class="q_item newMsgLink" @click="goMsgLinkFn('/supplier/message/list.html')">-->
- <!-- <div class="bg_msg"></div>-->
- <!-- <div class="headmsg">-->
- <!-- <a v-if="userIdentity===3" href="javascript:void(0)" class="WEB-icon msg-btn">消息<span style="color: #FF5B00;" v-text="'('+noticeNum+')'"></span></a>-->
- <!-- <a v-else @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0)" class="WEB-icon msg-btn">消息<span style="color: #FF5B00;" v-text="'('+noticeNum+')'"></span></a>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="q_item newSupplierLink" v-if="userIdentity===3 || !loginStatus" @click="goSupplierLink">-->
- <!-- <div class="bg_supplier"></div>-->
- <!-- <a href="javascript:void(0)" style="white-space: nowrap;">供应商服务</a>-->
- <!-- </div>-->
- </div>
- </div>
- </div>
- <!--商品分类及主导航菜单-->
- <div class="baseTopNav">
- <div class="wrap clear">
- <div class="baseTopNav_nav">
- <a class="classBtn nav on" href="javascript:void(0);">商品分类</a>
- <a class="home nav" href="/">首页</a>
- <div class="navBox">
- <ul class="clear">
- <!--导航菜单-->
- <li th:each="menu: ${topMenuList}">
- <a class="nav" th:href="${menu.link}" th:text="${menu.name}" th:attr="rel=${#strings.contains(menu.link,'caimei365.com')} ? '' : 'nofollow'" target="_blank"></a>
- </li>
- </ul>
- </div>
- </div>
- <div id="mainClassify" class="classifyBox mFixed">
- <div v-if="!isPC" class="clsHead clear">
- <a href="javascript:void(0);" class="mClassBtn mIcon" title="分类"></a>
- <a href="/" class="logo">
- <img src="/img/base/logo_m.png" alt="采美 生美/医美采购服务平台" />
- </a>
- <a href="javascript:void(0);" class="close" title="关闭"></a>
- </div>
- <div class="clsTab">
- <div class="clsTab-main">
- <a href="javascript:void(0);" @click="changeClassify(1)" class="on">产品<p :class="1==classifyIndex?'line':''"></p></a>
- <a href="javascript:void(0);" @click="changeClassify(2)">仪器<p :class="2==classifyIndex?'line':''"></p></a>
- </div>
- </div>
- <div class="clsCon">
- <th:block th:each="type:${#numbers.sequence(1,2)}">
- <div class="tabItem" style="display:none;" th:id="'mainClassify_'+${type}">
- <div class="tabItem_lift">
- <th:block th:each="big,stat : ${classifyJson}" th:if="${big.get('typeSort')}*1==${type}" th:object="${big}">
- <a th:class="${stat.index}==0? 'on':''" href="javascript:void(0);">
- <img class="tabItem_lift_icon" v-if="isPC" th:src="*{wwwIcon}" th:alt="*{name}">
- <th:block th:text="*{name}"></th:block>
- </a>
- </th:block>
- </div>
- <div class="tabItem_right">
- <th:block th:each="big,stat : ${classifyJson}" th:if="${big.get('typeSort')}*1==${type}" th:object="${big}">
- <div class="tabItem_right_content" th:class="${stat.index}==0? 'on':''">
- <th:block th:if="${big.containsKey('smallTypeList')} and ${big.get('smallTypeList')!=null}">
- <div class="line" th:each="small : *{smallTypeList}" th:object="${small}">
- <div class="lft show">
- <a th:href="'/product/classify-'+${big.getString('typeSort')}+'-' + *{bigTypeId} +'-'+*{smallTypeId} + '.html'" target="_blank">
- <span v-if="isPC"> > </span>
- <p th:text="*{name}"></p>
- </a>
- </div>
- <div class="rgt mfw">
- <th:block th:if="${small.containsKey('tinyTypeList')} and ${small.get('smallTypeList')!=null}">
- <th:block th:each="tiny : *{tinyTypeList}" th:object="${tiny}">
- <a th:href="'/product/classify-'+ ${big.getString('typeSort')} +'-'+ ${big.getString('bigTypeId')} +'-'+ *{smallTypeId} +'-'+ *{tinyTypeId} + '.html'" target="_blank">
- <img v-if="!isPC" th:src="*{crmIcon}" alt="*{name}">
- <p th:text="*{name}"></p>
- </a>
- </th:block>
- </th:block>
- <th:block th:unless="${small.containsKey('tinyTypeList')} and ${small.get('smallTypeList')!=null}">
- <a th:href="'/product/classify-'+ ${big.getString('typeSort')} +'-'+ *{bigTypeId} +'-'+ *{smallTypeId} + '.html'" target="_blank">
- <img v-if="!isPC" th:src="*{crmIcon}" alt="">
- <p>全部</p>
- </a>
- </th:block>
- </div>
- </div>
- </th:block>
- <div class="line" th:unless="${big.containsKey('smallTypeList')} and ${big.get('smallTypeList')!=null}">
- <div class="lft none">
- <a th:href="'/product/classify-'+ ${big.getString('typeSort')} +'-'+ *{bigTypeId} +'.html'" target="_blank">
- <span v-if="isPC"> > </span>
- <p th:text="*{name}"></p>
- </a>
- </div>
- <div class="rgt mfw">
- <a th:href="'/product/classify-'+ ${big.getString('typeSort')} +'-'+ *{bigTypeId} +'.html'" target="_blank">
- <img v-if="!isPC" th:src="*{crmIcon}" alt="">
- <p>全部</p>
- </a>
- </div>
- </div>
- </div>
- </th:block>
- </div>
- </div>
- </th:block>
- </div>
- </div>
- </div>
- </div>
- <input type="hidden" th:value="${coreServer}" id="coreServer">
- <input type="hidden" th:value="${agent}" id="userAgent">
- </header>
|