首页改版commmit

src/main/resources/static/css/base/base.pc.css

@@ -145,10 +145,8 @@ iframe{width:320px !important;height: 280px !important}
 .baseTopNav>.wrap{height:44px;box-sizing:border-box;position:relative;z-index:991;}
 .baseTopNav .home,.baseTopNav .classBtn,.baseTopNav .navBox{float:left}
 .baseTopNav .service{float:right}
-.baseTopNav .nav{display:inline-block;height:44px;line-height:44px;padding:0 24px;color:#4A4F58;font-size:14px;text-align:center;position:relative;border-left:1px solid transparent;border-right:1px solid transparent}
+.baseTopNav .nav{display:inline-block;height:44px;line-height:44px;padding:0 36px;color:#4A4F58;font-size:14px;text-align:center;position:relative;border-left:1px solid transparent;border-right:1px solid transparent}
 .baseTopNav .nav:hover,.baseTopNav .nav.on{color:#E15616;border-image:-webkit-linear-gradient(white,#E15616,white)1 20 1;border-image:-moz-linear-gradient(white,#E15616,white)1 20 1;border-image:-o-linear-gradient(white,#E15616,white)1 20 1;border-image:linear-gradient(white,#E15616,white)1 20 1}
-.baseTopNav .nav:after{width:20px;height:20px;vertical-align:middle;margin-left:1px}
-.baseTopNav .nav.home:after{background-position:-30px -31px}
 .baseTopNav .classBtn:after{background-position:0 -31px;transition: all .5s;}
 .baseTopNav .classBtn.on:after{transform:rotate(90deg);}
 .baseTopNav .classBtn:hover .baseTopNav .classifyBox{display: block;}
@@ -183,18 +181,18 @@ iframe{width:320px !important;height: 280px !important}
 .classifyBox .tabItem_right .lft{float: left;color:#000;line-height:40px;height: 40px;width: 150px;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
 .classifyBox .tabItem_right .lft.none{width: 100px;font-weight: normal;}
 .classifyBox .tabItem_right .lft.none a{color: #627386;position: relative;}
-.classifyBox .tabItem_right .lft.none a:before{content: '';width:68px;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #E15616;display: none;}
+.classifyBox .tabItem_right .lft.none a:before{content: '';width:40px;height: 2px;position: absolute;left: 50%;bottom: 5px;margin-left: -20px;background-color: #E15616;display: none;border-radius: 1px;}
 .classifyBox .tabItem_right .lft.none:hover a{color: #E15616;}
-.classifyBox .tabItem_right .lft.none:hover a:before{animation: showBorder ease-in 0.3s;display: block;left:0;}
-@keyframes showBorder {0% {width:10px;display:none;}100% {width:68px;display: block;} }
+.classifyBox .tabItem_right .lft.none a:hover:before{animation: showBorder ease-in 0.3s;display: block;left: 50%;}
+@keyframes showBorder {0% {width:0px;display:none;}100% {width:40px;display: block;} }
 .classifyBox .tabItem_right .lft.none a span{text-align: center;display: inline-block;width: 100%;}
 .classifyBox .tabItem_right .lft a{display:inline-block;width:100%;line-height:40px;box-sizing:border-box;color: #627386;}
 .classifyBox .tabItem_right .lft a p{text-align: left;float: left;}
 .classifyBox .tabItem_right .lft a span{text-align: right;float: right;display: inline-block;}
 .classifyBox .tabItem_right .rgt{color:#666;position:relative;box-sizing: border-box;padding: 0 10px;height: 100%;line-height: 40px;float: left;}
 .classifyBox .tabItem_right .rgt a{display:inline-block;height:44px;line-height:44px;padding:0 10px;cursor:pointer;color: #627386;box-sizing: border-box;position: relative;}
-.classifyBox .tabItem_right .rgt a:before{content: '';width:68px;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #E15616;display: none;}
-.classifyBox .tabItem_right .rgt:hover a:before{animation: showBorder ease-in 0.3s;display: block;left:0;}
+.classifyBox .tabItem_right .rgt a:before{content: '';width:40px;height: 2px;position: absolute;left: 50%;bottom: 5px;margin-left: -20px;background-color: #E15616;display: none;border-radius: 1px;}
+.classifyBox .tabItem_right .rgt a:hover:before{animation: showBorder ease-in 0.3s;display: block;left: 50%;}
 .classifyBox .tabItem_right .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;}
 .classifyBox .tabItem_right .rgt a p{text-align: left;float: left;}
 .classifyBox .tabItem_right .rgt a span{text-align: right;float: right;display: inline-block;}

src/main/resources/static/css/index/index_new.pc.css

@@ -3,7 +3,7 @@
  * PC端
  */
 #container{
-    min-height: 900px;
+    min-height: 500px;
 }
 li{list-style:none;}
 /* 轮播 */

src/main/resources/static/js/base.js

@@ -44,157 +44,42 @@ var globalHead = new Vue({
         shopId:'',
         userIdentity:'',
         articleType: '',
+        topMenuList:[],
         TabList:[
             {name:'产品',link:'/product/produce.html'},
             {name:'仪器',link:'/product/instrument.html'}
         ],
-        NavsList:[
-            {
-                name:'产品',
-                validFlag:1,
-                smalltypeList:[
-                    {
-                        name:'中胚层产品',
-                        icon:'/img/info/mall.png',
-                        validFlag:1,
-                        tinytypeList:[
-                            {name:'水光针/动能素',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'玻尿酸（小分子)',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'导入液',validFlag:1,threeList:[{name:'3级分类'}]}
-                        ]
-                    },
-                    {
-                        name:'抗衰除皱',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                    {
-                        name:'术后修复',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                    {
-                        name:'SPA产品',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                    {
-                        name:'私密产品',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[
-                            {name:'紧致',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'修复',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'消炎',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'美化',validFlag:1,threeList:[{name:'3级分类'}]},
-                        ]
-                    },
-                    {
-                        name:'服务类产品',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                    {
-                        name:'耗材',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[
-                            {name:'针剂',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'线材',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'假体',validFlag:1,threeList:[]}
-                        ]
-                    },
-                    {
-                        name:'临期产品',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                ]
-            },{
-                name:'仪器',
-                validFlag:1,
-                smalltypeList:[
-                    {
-                        name:'面部抗衰',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[
-                            {name:'超声',validFlag:1},
-                            {name:'射频',validFlag:1},
-                            {name:'激光',validFlag:1}
-                        ]
-                    },
-                    {
-                        name:'瘦身塑型',
-                        validFlag:1,
-                        icon:'/img/info/kuqi.jpg',
-                        tinytypeList:[
-                            {name:'光纤溶脂抽脂',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'射频溶脂',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'超声溶脂',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'隔空溶脂',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'增肌溶脂',validFlag:1,threeList:[{name:'3级分类'}]}
-                        ]
-                    },
-                    {
-                        name:'产后修复',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[]
-                    },
-                    {
-                        name:'私密',
-                        validFlag:1,
-                        icon:'/img/info/kuqi.jpg',
-                        tinytypeList:[
-                            {name:'抗衰保健',validFlag:1},
-                            {name:'美化',validFlag:1},
-                            {name:'检测',validFlag:1}
-                        ]
-                    },
-                    {
-                        name:'皮肤管理',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[
-                            {name:'小气泡清洁',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'激光祛斑美肤',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'光子嫩肤',validFlag:1,threeList:[{name:'3级分类'}]},
-                            {name:'黄金微针',validFlag:1,threeList:[]},
-                            {name:'微针美塑',validFlag:1},
-                            {name:'水光针',validFlag:1},
-                            {name:'射频紧肤',validFlag:1},
-                            {name:'激光祛皱',validFlag:1},
-                            {name:'超声HIFU',validFlag:1}
-                        ]
-                    },
-                    {
-                        name:'耗材',
-                        validFlag:1,
-                        icon:'/img/info/mall.png',
-                        tinytypeList:[
-                            {name:'针剂',validFlag:1},
-                            {name:'线材',validFlag:1},
-                            {name:'假体',validFlag:1}
-                        ]
-                    }
-                ]
-            }
-        ]
+        NavsList:[]
     },
     methods: {
-        // 导航分类数据
-        getClassify: function() {
+        GetNavigationMenu :function(){//获取顶部导航分类
             var _self = this;
-            // PublicApi.GetProductClassify({},function(response){
-            //     if(response.code == 0){
-            //         _self.classify = response.data;
-            //         console.log('22222222222222222');
+            PublicApi.GetNavigationMenu({},function(response){
+                if(response.code == 0){
+                    _self.topMenuList = response.data.topMenuList;
+                }else{
+                    CAIMEI.Alert(response.msg, '确定');
+                }
+            });
+        },
+        GetProductClassify: function(index) { // 导航分类菜单
+            var _self = this;
+            PublicApi.GetProductClassify({typeSort:index,source :'www'},function(response){
+                if(response.code == 0){
+                    if(index == 1){
+                        var navObject = {
+                            name:'产品',
+                            list:response.data
+                        };
+                        _self.NavsList.push(navObject)
+                    }else{
+                        var navObject = {
+                            name:'仪器',
+                            list:response.data
+                        };
+                        _self.NavsList.push(navObject)
+                    }
+                    console.log(_self.NavsList);
                     if(isPC){
                         setTimeout(function(){
                             $('#mainClassify').slide({
@@ -219,10 +104,10 @@ var globalHead = new Vue({
                             });
                         },500);
                     }
-            //     }else{
-            //         CAIMEI.Alert(response.msg, '确定');
-            //     }
-            // });
+                }else{
+                    CAIMEI.Alert(response.msg, '确定');
+                }
+            });
         },
         // 头部购物车数据
         getHeadCart: function(userId) {
@@ -284,7 +169,9 @@ var globalHead = new Vue({
     },
     created: function () {
         // 导航分类数据
-        this.getClassify();
+        this.GetProductClassify(1);
+        this.GetProductClassify(2);
+        this.GetNavigationMenu();
         // 判断登录状态
         if (globalUserData.token) {
             this.loginStatus = true;

src/main/resources/static/js/common/serviceapi/utils.service.js

@@ -25,12 +25,18 @@ var PublicApi = {
                     callback(res)
                 });
         },
-        GetProductClassify:function(params,callback){ //获取分类
+        GetProductClassify:function(params,callback){ //获取一级分类
             Http.AjaxService({ url:'/product/classify', type:'get', data:params, json:false})
                 .then(function(res){
                     callback(res)
                 });
         },
+        GetNavigationMenu:function(params,callback){ //获取顶部导航
+            Http.AjaxService({ url:'/home/init', type:'get', data:params, json:false})
+                .then(function(res){
+                    callback(res)
+                });
+        },
         GetProvince:function(params,callback){ //获取省份信息
             Http.AjaxService({ url:'/club/province', type:'get', data:params, json:false})
                 .then(function(res){

src/main/resources/static/js/index.js

@@ -3,6 +3,7 @@ var homeData = new Vue({
     data: {
         userId:0,
         images: [],
+        listLoading:true,
         advertising: [],
         asideNav: [],
         productIdArr:[],
@@ -98,6 +99,7 @@ var homeData = new Vue({
                     _self.liveList = data.liveList;
                     _self.supplierList = data.supplierImage.qualitySupplierList;
                     _self.supplierImage = data.supplierImage.crmImage;
+                    _self.listLoading =false;
                     setTimeout(function() {
                         // 设置侧边导航数据
                         _self.SetAsideNav();

src/main/resources/templates/components/header.html

@@ -109,18 +109,16 @@
     <div class="baseTopNav">
         <div class="wrap clear">
             <div class="baseTopNav_nav">
-                <a class="classBtn nav" href="javascript:void(0);">商品分类</a>
+                <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 th:if="${menu.link}" class="nav" th:href="${menu.link}" th:text="${menu.name}"></a>
-                            <a th:unless="${menu.link}" class="nav" href="javascript:void(0);" th:text="${menu.name}"></a>
+                        <li v-for="(menu,index) in topMenuList">
+                            <a class="nav" :href="menu.link" v-text="menu.name" target="_blank"></a>
                         </li>
                     </ul>
                 </div>
-                <a class="service nav" href="/repair.html">维修</a>
             </div>
             <div id="mainClassify" class="classifyBox mFixed">
                 <div v-if="!isPC" class="clsHead clear">
@@ -133,49 +131,49 @@
                 <div class="clsTab">
                     <div class="clsTab-main">
                         <template v-for="(tab,i) in TabList">
-                            <a :class="{'on':i==0}" :href="tab.link" v-text="tab.name" target="_blank"></a>
+                            <a :class="{'on':i==0}" href="javascript:void(0);" v-text="tab.name"></a>
                         </template>
                     </div>
                 </div>
                 <div class="clsCon">
-                    <div class="tabItem" v-for="big in NavsList" :bid="big.bigTypeID" style="display: none;">
+                    <div class="tabItem" v-for="big in NavsList" style="display: none;">
                         <div class="tabItem_lift">
-                            <template v-for="(small,index) in big.smalltypeList" v-if="small.validFlag==1">
-                                <a :class="{'on':index==0}" :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-0'">
-                                    <img class="tabItem_lift_icon" :src="small.icon ? small.icon : '/img/info/kuqi.jpg'" alt="">
-                                    <p class="tabItem_lift_p" v-text="small.name"></p>
+                            <template v-for="(nav,index) in big.list">
+                                <a :class="{'on':index==0}" href="javascript:void(0);">
+                                    <img class="tabItem_lift_icon" :src="nav.icon ? nav.icon : ''" alt="">
+                                    <p class="tabItem_lift_p" v-text="nav.name"></p>
                                 </a>
                             </template>
                         </div>
                         <div class="tabItem_right">
-                            <div class="tabItem_right_content" v-for="(small,i) in big.smalltypeList" v-if="small.validFlag==1" :class="{'on':i==0}">
-                                <div class="line" v-if="small.tinytypeList.length>0"   v-for="tiny in small.tinytypeList">
+                            <div class="tabItem_right_content" v-for="(nav,i) in big.list" :class="{'on':i==0}">
+                                <div class="line" v-if="nav.smalltypeList.length>0"  v-for="small in nav.smalltypeList">
                                     <div class="lft">
-                                        <a :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-0'">
-                                            <p>{{ tiny.name }}</p>
+                                        <a :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-0'" target="_blank">
+                                            <p>{{ small.name }}</p>
                                             <span> > </span>
                                         </a>
                                     </div>
                                     <div class="rgt mfw">
-                                        <template v-if="tiny.threeList && tiny.threeList.length>0"   v-for="three in tiny.threeList">
-                                            <a :href="'/product/list.html?category='+big.bigTypeID+'-'+small.smallTypeID+'-'+three.tinyTypeID">
-                                                <img v-if="!isPC" :src="three.icon" alt="three.name">
-                                                <span v-text="three.name"></span>
+                                        <template v-if="small.tinytypeList && small.tinytypeList.length>0"   v-for="tiny in small.tinytypeList">
+                                            <a :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-'+tiny.tinyTypeID" target="_blank">
+                                                <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">
+                                                <span v-text="tiny.name"></span>
                                             </a>
                                         </template>
-                                        <template v-if="tiny.threeList && tiny.threeList.length==0">
-                                            <a href="">
-                                                <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">
+                                        <template v-if="!small.tinytypeList">
+                                            <a :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-0'" target="_blank">
+                                                <img v-if="!isPC" :src="tiny.icon" alt="全部商品">
                                                 <p>全部商品</p>
                                             </a>
                                         </template>
                                     </div>
                                 </div>
-                                <template v-if="small.tinytypeList && small.tinytypeList.length==0">
+                                <template v-if="!nav.smalltypeList">
                                     <div class="line">
                                         <div class="lft none">
-                                            <a href="">
-<!--                                                <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">-->
+                                            <a :href="'/product/list.html?category='+nav.bigTypeID+'-0'" target="_blank">
+                                                <img v-if="!isPC" :src="nav.icon" alt="全部商品">
                                                 <span>全部商品</span>
                                             </a>
                                         </div>

src/main/resources/templates/index.html

@@ -12,619 +12,625 @@
 <!-- 引用头部 -->
 <template th:replace="components/header"></template>
 <!-- 首页 -->
-<div id="container" v-cloak="">
-    <!--首页图片轮播-->
-    <div id="swiper-container" class="swiper-container">
-        <ul class="swiper-wrapper">
-            <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 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 id="container">
+    <!--loading-->
+    <div v-if="listLoading" class="loading">
+        <img src="/img/base/loading.gif">
     </div>
-     <div class="mNavBox h5Only">
-        <ul class="mfw">
-            <!--导航菜单-->
-            <li class="first" th:each="menu: ${topMenuList}">
-                <a th:if="${menu.link}" class="nav mIcon" th:href="${menu.link}"><span th:text="${menu.name}"></span></a>
-                <a th:unless="${menu.link}" class="nav mIcon" href="javascript:void(0);" @click="showSubNav($event)">
-                    <span th:text="${menu.name}"></span>
-                </a>
-                <div class="navItem" th:if="${not #lists.isEmpty(menu.subMenus)}">
-                    <div class="mfw">
-                        <a class="second" th:each="sub: ${menu.subMenus}" th:href="${sub.link}">
-                            <img th:src="${sub.image}">
-                            <span th:text="${sub.name}"></span>
-                        </a>
-                    </div>
-                </div>
-            </li>
-            <li class="first"><a class="nav mIcon" href="/repair.html"><span>维修</span></a></li>
-        </ul>
-    </div>
-    <!--首页楼层主体数据-->
-    <div class="section_container">
-        <div class="inner">
-             <div class="section_right swiper-container">
-                <div class="box swiper-wrapper" >
-                    <div class="section_right_item">
-                        <div class="right_item_title">
-                            <p>精彩直播</p>
-                            <a href="" target="_blank">更多></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="live.image ? live.image : '/img/base/placeholder.png'" alt="">
-                                <div class="name">{{ live.liveTitle }}</div>
-                                <div class="statu">
-                                    <i :class="live.liveStatus | statusTypeClass"></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">{{ live.liveTitle }}</p>
-                                <p class="item_text_time" v-if="isPC">{{ live.beginTime }}</p>
+    <template v-else>
+        <!--首页图片轮播-->
+        <div id="swiper-container" class="swiper-container">
+            <ul class="swiper-wrapper">
+                <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 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">
+            <ul class="mfw">
+                <!--导航菜单-->
+                <li class="first" th:each="menu: ${topMenuList}">
+                    <a th:if="${menu.link}" class="nav mIcon" th:href="${menu.link}"><span th:text="${menu.name}"></span></a>
+                    <a th:unless="${menu.link}" class="nav mIcon" href="javascript:void(0);" @click="showSubNav($event)">
+                        <span th:text="${menu.name}"></span>
+                    </a>
+                    <div class="navItem" th:if="${not #lists.isEmpty(menu.subMenus)}">
+                        <div class="mfw">
+                            <a class="second" th:each="sub: ${menu.subMenus}" th:href="${sub.link}">
+                                <img th:src="${sub.image}">
+                                <span th:text="${sub.name}"></span>
                             </a>
                         </div>
                     </div>
-                    <div class="section_right_item">
-                        <div class="right_item_title">
-                            <p>最新活动</p>
-                            <a href="/promotions.html" target="_blank">更多></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="cmImage.image ? cmImage.image : '/img/base/placeholder.png'" alt="">
-                                <div class="name">{{ cmImage.title }}</div>
-                            </a>
-                            <a href="" class="item_text" v-if="index > 0" target="_blank" :title="cmImage.title">
-                                <p class="item_text_name info">{{ cmImage.title }}</p>
-                            </a>
+                </li>
+                <li class="first"><a class="nav mIcon" href="/repair.html"><span>维修</span></a></li>
+            </ul>
+        </div>
+        <!--首页楼层主体数据-->
+        <div class="section_container">
+            <div class="inner">
+                <div class="section_right swiper-container">
+                    <div class="box swiper-wrapper" >
+                        <div class="section_right_item">
+                            <div class="right_item_title">
+                                <p>精彩直播</p>
+                                <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0" target="_blank">更多></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="live.image ? live.image : '/img/base/placeholder.png'" alt="">
+                                    <div class="name" ></div>
+                                    <div class="statu">
+                                        <i :class="live.liveStatus | statusTypeClass"></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>
-                    <div class="section_right_item">
-                        <div class="right_item_title">
-                            <p>热门文章</p>
-                            <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank">更多></a>
+                        <div class="section_right_item">
+                            <div class="right_item_title">
+                                <p>最新活动</p>
+                                <a href="/promotions.html" target="_blank">更多></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="cmImage.image ? cmImage.image : '/img/base/placeholder.png'" alt="">
+                                    <div class="name" v-text="cmImage.title"></div>
+                                </a>
+                                <a href="" 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="right_item_main" v-for="(info,index) in infoList">
-                            <a href="" class="item_banner" v-if="index === 0" target="_blank" :title="info.title">
-                                <img :src="info.guidanceImage ? info.guidanceImage : '/img/base/placeholder.png'" alt="">
-                                <div class="name">{{ info.title }}</div>
-                            </a>
-                            <a href="" class="item_text" v-if="index > 0" target="_blank" :title="info.title">
-                                <p class="item_text_name ">{{ info.title }}</p>
-                                <p class="item_text_time" v-if="isPC">{{ info.createDate }}</p>
-                            </a>
+                        <div class="section_right_item">
+                            <div class="right_item_title">
+                                <p>热门文章</p>
+                                <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank">更多></a>
+                            </div>
+                            <div class="right_item_main" v-for="(info,index) in infoList">
+                                <a href="" class="item_banner" v-if="index === 0" target="_blank" :title="info.title">
+                                    <img :src="info.guidanceImage ? info.guidanceImage : '/img/base/placeholder.png'" alt="">
+                                    <div class="name" v-text="info.title"></div>
+                                </a>
+                                <a href="" 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>
-            <div class="section_left ">
-                <div class="section_page" v-for="(page,index) in pageList">
-                    <div class="section_page_title">
-                        <h1 :data-id="index+1">{{ page.title }}</h1>
-                        <p>{{ page.detail }}</p>
-                    </div>
-                    <template v-if="page.floorContent.templateType == '1'">
-                        <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_02"><img :src="page.floorContent.pcAdsImage1" alt=""></a>
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                     <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="section_left ">
+                    <div class="section_page" v-for="(page,index) in pageList">
+                        <div class="section_page_title">
+                            <h1 :data-id="index+1" v-text="page.title"></h1>
+                            <p v-text="page.detail"></p>
+                        </div>
+                        <template v-if="page.floorContent.templateType == '1'">
+                            <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_02"><img :src="page.floorContent.pcAdsImage1" alt=""></a>
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <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.templateType == '2'">
-                        <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
-                            <a :href="page.floorContent.adsLink2" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""> </a>
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </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.templateType == '2'">
+                            <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
+                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""> </a>
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <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.templateType == '3'">
-                        <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""></a>
-                            <a :href="page.floorContent.adsLink2" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""></a>
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </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.templateType == '3'">
+                            <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""></a>
+                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""></a>
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <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.templateType == '4'">
-                        <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
-                            <a :href="page.floorContent.adsLink2" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""> </a>
-                            <a :href="page.floorContent.adsLink3" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage3" alt=""> </a>
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </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.templateType == '4'">
+                            <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
+                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage2" alt=""> </a>
+                                <a :href="page.floorContent.adsLink3" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage3" alt=""> </a>
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <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.templateType == '5'">
-                        <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </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.templateType == '5'">
+                            <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <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.templateType == '6'">
-                        <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </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.templateType == '6'">
+                            <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <em class="price_grade"><span>￥</span>登录可见</em>
-                                            </div>
-                                        </template>
-                                    </template>
-                                </div>
-                            </a>
-                        </div>
-                        <a :href="page.floorContent.adsLink1" class="page_main_item ad_01 bottom"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
-                    </template>
-                    <template v-if="page.floorContent.templateType == '7'">
-                        <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                            <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
-                                <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
-                                <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.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">
-                                                    <div class="price_text_tag">
-                                                        <p class="listTag" v-if="pros.product.actStatus==1">
-                                                            {{pros.product.promotions.name}}
-                                                            <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
-                                                        </p>
-                                                    </div>
-                                                    <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
-                                                        ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat  }}
-                                                    </div>
+                                            <template v-else>
+                                                <div class="main_price_none">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
                                                 </div>
                                             </template>
-                                            <!--仅会员机构可见-->
-                                            <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
+                                        </template>
+                                    </div>
+                                </a>
+                            </div>
+                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_01 bottom"><img class="page_main_item_adv" :src="page.floorContent.pcAdsImage1" alt=""> </a>
+                        </template>
+                        <template v-if="page.floorContent.templateType == '7'">
+                            <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
+                                <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList">
+                                    <img class="page_main_image" :src="pros.image ? pros.image : '/img/base/placeholder.png'" alt="">
+                                    <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.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 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">
+                                                        <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="main_price_none">
+                                                        <em class="price_grade"><span>￥</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>
+                                            <template v-if="pros.product.productCategory == 1">
                                                 <div class="main_price_none">
                                                     <em class="price_grade"><span>￥</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">
+                                                    <em class="price_grade"><span>￥</span>登录可见</em>
+                                                </div>
+                                            </template>
                                         </template>
-                                    </template>
-                                    <template v-else>
-                                        <template v-if="pros.product.productCategory == 1">
-                                            <div class="main_price_none">
-                                                <em class="price_grade"><span>￥</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">
-                                                <em class="price_grade"><span>￥</span>登录可见</em>
-                                            </div>
-                                        </template>
-                                    </template>
-                                </div>
+                                    </div>
+                                </a>
+                            </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="" class="page_main_li ad_01"><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">
+                                <img class="page_main_logo" :src="shop.image" alt="">
+                                <div class="page_main_name">{{ shop.supplierName }}</div>
                             </a>
                         </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="" class="page_main_li ad_01"><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">
-                            <img class="page_main_logo" :src="shop.image" alt="">
-                            <div class="page_main_name">{{ shop.supplierName }}</div>
-                        </a>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <!--右侧边栏导航-->
-    <div id="sideNav" v-if="isPC">
-        <div class="item">
-            <a v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" href="javascript:void(0);"></a>
+        <!--右侧边栏导航-->
+        <div id="sideNav" v-if="isPC">
+            <div class="item">
+                <a v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" href="javascript:void(0);"></a>
+            </div>
         </div>
-    </div>
+    </template>
 </div>
 <!-- 引入底部 -->
 <template th:replace="components/footer"></template>